ascii mainpage
This commit is contained in:
@@ -8,12 +8,39 @@
|
|||||||
src: url(../font/DIN-light.woff) format('opentype');
|
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;
|
font-family: "DIN-light", sans-serif;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: black;
|
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 {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@@ -39,7 +66,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.rbottom img {
|
.rbottom img {
|
||||||
max-width: 120px;
|
max-width: 60px;
|
||||||
margin-top: -30px;
|
margin-top: -30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
18
index.html
18
index.html
@@ -8,6 +8,24 @@
|
|||||||
<title>Saturn</title>
|
<title>Saturn</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<div class="navbar">
|
||||||
<a href="index.html">HOME</a>
|
<a href="index.html">HOME</a>
|
||||||
<a href="about.html">ABOUT</a>
|
<a href="about.html">ABOUT</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user