ascii mainpage

2025-09-05 21:17:30 +02:00
parent 93c68d72f3
commit 2c1239bf87
2 changed files with 46 additions and 1 deletions
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -8,12 +8,39 @@
    src: url(../font/DIN-light.woff) format('opentype');
 }

+@font-face {
+    font-family: "RoboMono";
+    src: url(assets/font/robotomono.woff2) format('woff2');
+}
+
 * {
    font-family: "DIN-light", sans-serif;
    background-color: #fff;
    color: black;
 }

+.ascii-art {
+    font-family: "RoboMono", monospace;
+    white-space: pre; 
+    font-size: 30px;
+    line-height: 1;
+    margin-bottom: 30px;
+    user-select: none;
+}
+
+.ascii-art:hover {
+    animation: pulseWhite 1s infinite alternate;
+}
+
+@keyframes pulseWhite {
+    0% {
+        color: black;
+    }
+    100% {
+        color: white;
+    }
+}
+
 body {
    margin: 0;
    height: 100vh;            
@@ -39,7 +66,7 @@ body {
 }

 .rbottom img {
-    max-width: 120px;
+    max-width: 60px;
    margin-top: -30px; 
 }

--- a/index.html
+++ b/index.html
@@ -8,6 +8,24 @@
    <title>Saturn</title>
 </head>
 <body>
+    <pre class="ascii-art">
+                                         _.oo.
+                     _.u[[/;:,.         .odMMMMMM'
+                  .o888UU[[[/;:-.  .o@P^    MMM^
+                 oN88888UU[[[/;::-.        dP^
+                dNMMNN888UU[[[/;:--.   .o@P^
+               ,MMMMMMN888UU[[/;::-. o@^
+               NNMMMNN888UU[[[/~.o@P^
+               888888888UU[[[/o@^-..
+              oI8888UU[[[/o@P^:--..
+           .@^  YUU[[[/o@^;::---..
+         oMP     ^/o@P^;:::---..
+      .dMMM    .o@^ ^;::---...
+     dMMMMMMM@^`       `^^^^
+    YMMMUP^
+     ^^
+    </pre>
+    
    <div class="navbar">
        <a href="index.html">HOME</a>
        <a href="about.html">ABOUT</a>