z0x/z0x.ca
Code Activity Actions

snowflake rewrite

Browse source
This commit is contained in:
z0x 2024-11-17 01:11:58 -05:00
parent 39c53b1bd1
commit b2b7360a65
11 changed files with 428 additions and 361 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/index.astro
View file

@ -1,5 +1,5 @@
---
import "./src/css/snowflake.css";
import "./src/css/app.css";
---
<html lang="en-us">
@ -12,14 +12,15 @@ import "./src/css/snowflake.css";
<link rel="icon" type="image/png" sizes="192x192" href="/src/img/logo_bg.svg" />
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/src/img/logo_bg.svg" />
</head>
<body class="bg-cover bg-[url('/src/img/gradient.webp')] text-white overflow-hidden">
<body class="bg-gradient-to-b from-neutral-700 via-neutral-900 to-neutral-950 text-white overflow-hidden">
<div class="flex items-center justify-center min-h-screen">
<div class="bg-[rgba(11,11,11,0.6)] aspect-square rounded-3xl border-2 border-white flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
<img class="w-2/3" src="/src/img/logo.svg" alt="logo" />
<h1 class="text-4xl">z0x</h1>
<div class="bg-black bg-opacity-40 aspect-square rounded-xl flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
<img class="w-2/3 opacity-0" src="/src/img/logo.svg" alt="logo" />
<h1 class="text-4xl opacity-0 font-sfpro font-semibold">z0x</h1>
</div>
</div>
<div id="snowflake-container"></div>
<script src="/src/js/snowflakes.js"></script>
<script src="/src/js/snowflakes.ts"></script>
<script src="/src/js/index.ts"></script>
</body>
</html>