nick/subwafer.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed up temp style

Browse Source
This commit is contained in:
Nicholas Surmava
2026-03-19 11:03:07 -04:00
parent d72e0f043b
commit f011064ed0
2 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -9,6 +9,6 @@
</head> </head>
<body> <body>
<h1>nicholassurmava.com</h1> <h1>nicholassurmava.com</h1>
<h2>Stay Tuned<span class="ellipsis"></span></h2> <h2 class="typewriter">Stay Tuned...</h2>
</body> </body>
</html> </html>

29
static/css/style.css
View File

@@ -49,17 +49,28 @@ body {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: black;
} }
@keyframes ellipsis { @keyframes blink {
0% { content: ''; } 0%, 100% { border-color: transparent; }
25% { content: '.'; } 50% { border-color: currentColor; }
50% { content: '..'; }
75% { content: '...'; }
100% { content: ''; }
} }
h2 .ellipsis::after { @keyframes typing {
content: ''; 0% { width: 0; }
animation: ellipsis 3.5s steps(1, end) infinite; 80% { width: 13ch; }
100% { width: 13ch; }
}
h2.typewriter {
overflow: hidden;
white-space: nowrap;
border-right: 2px solid currentColor;
width: 0;
display: inline-block;
animation:
typing 3.5s steps(14, end) infinite,
blink 0.75s step-end infinite;
} }