diff options
Diffstat (limited to 'enter.html')
| -rwxr-xr-x | enter.html | 28 |
1 files changed, 27 insertions, 1 deletions
@@ -5,7 +5,7 @@ <title>welcome — tyler.xyz</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> -<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Audiowide&family=Michroma&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap" /> +<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Audiowide&family=Caveat:wght@400;500;600;700&family=Michroma&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap" /> <link rel="stylesheet" href="aero.css" /> <style> body { @@ -164,6 +164,22 @@ <script>(function(){var t=localStorage.getItem('tyler.theme')||'aero';document.body.setAttribute('data-theme',t);})();</script> <div id="bub-stage" style="position:fixed;inset:0;pointer-events:none;z-index:0"></div> + <!-- Floating water droplets in the corners (aero polish) --> + <div class="welcome-drops" aria-hidden="true"> + <div class="drop" style="left: 6%; top: 10%; width: 84px; height: 76px;"></div> + <div class="drop" style="left: 14%; bottom: 18%; width: 42px; height: 38px;"></div> + <div class="drop" style="right: 8%; top: 22%; width: 56px; height: 50px;"></div> + <div class="drop" style="right: 18%; top: 8%; width: 28px; height: 26px;"></div> + <div class="drop" style="right: 12%; bottom: 28%; width: 96px; height: 86px;"></div> + <div class="drop" style="left: 28%; bottom: 8%; width: 36px; height: 32px;"></div> + </div> + + <!-- Indie-web pledge strip (top-left) --> + <div class="indie-strip"> + <div class="is-line"><span class="is-dot"></span>no ads · no trackers</div> + <div class="is-line" style="opacity: 0.85;">hand-coded · hosted at home · since 2019</div> + </div> + <div class="stage"> <div class="gate"> <div class="mark">❀</div> @@ -180,6 +196,16 @@ <div class="footer-note">tyler hoang © 2026 · hosted on vultr · <a class="aero-link" style="color:inherit;" href="mailto:tyler@tylerhoang.xyz">tyler@tylerhoang.xyz</a></div> + <!-- Webring footer (very 2003) --> + <div class="welcome-webring"> + <span class="wr-label"><span style="font-size:12px;">❀</span> quiet web ring</span> + <a href="#" title="previous site">« prev</a> + <span class="wr-sep"></span> + <a href="#" title="random site">random</a> + <span class="wr-sep"></span> + <a href="#" title="next site">next »</a> + </div> + <div class="badges"> <div class="badge">best viewed on a real computer</div> <div class="badge green">javascript on</div> |