z0x/z0x.ca
Code Activity Actions

astrojs rewrite

Browse source
This commit is contained in:
z0x 2024-10-26 18:00:28 -04:00
parent e7a707b4e2
commit 39c53b1bd1
20 changed files with 8110 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/pages/404.astro Normal file
View file

@ -0,0 +1,24 @@
---
import "./src/css/snowflake.css";
---
<html lang="en-us">
<head>
<meta charset="utf-8" />
<title>404</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="darkreader-lock" />
<link rel="icon" type="image/x-icon" href="/src/img/logo_bg.svg" />
<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">
<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-[40vmin] max-h-[40vmin] md:max-w-[20vmin] md:max-h-[20vmin]">
<h1 class="text-6xl">404</h1>
</div>
</div>
<div id="snowflake-container"></div>
<script src="/src/js/snowflakes.js"></script>
</body>
</html>

25
src/pages/index.astro Normal file
View file

@ -0,0 +1,25 @@
---
import "./src/css/snowflake.css";
---
<html lang="en-us">
<head>
<meta charset="utf-8" />
<title>z0x</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="darkreader-lock" />
<link rel="icon" type="image/x-icon" href="/src/img/logo_bg.svg" />
<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">
<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>
</div>
<div id="snowflake-container"></div>
<script src="/src/js/snowflakes.js"></script>
</body>
</html>