z0x/z0x.ca
Code Activity Actions

refactor(all): rebranding and websire layout refactor

Browse source
This commit is contained in:
z0x 2025-01-19 00:23:52 -05:00
parent 98ebc84a1c
commit bebf7819e5
39 changed files with 380 additions and 418 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/pages/404.astro
View file

@ -1,24 +1,10 @@
---
import "/src/css/app.css";
---
<html lang="en-us">
<head>
<meta charset="utf-8" />
<title>404</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="darkreader-lock" />
<link rel="apple-touch-icon" href="/img/site-touch-icon.webp" />
<link rel="apple-touch-icon" sizes="72x72" href="/img/apple-touch-icon-72x72.webp" />
<link rel="icon" type="image/svg+xml" href="/img/site-favicon.svg" />
</head>
<body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden">
<div class="flex items-center justify-center min-h-screen">
<div class="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]">
<h1 class="text-4xl opacity-0 font-semibold">404</h1>
</div>
</div>
<script src="/src/js/snow.ts"></script>
<script src="/src/js/index.ts"></script>
</body>
</html>
---
import NotFound from "@components/NotFound.astro";
import Logo from "@components/Logo.astro";
import Layout from "@layouts/Layout.astro";
---
<Layout>
<NotFound />
<Logo />
</Layout>

40
src/pages/index.astro
View file

@ -1,28 +1,12 @@
---
import { Image } from "astro:assets";
import logo from "/src/img/logo.svg";
import "/src/css/app.css";
---
<html lang="en-us">
<head>
<title>z0x</title>
<meta charset="utf-8" />
<meta name="description" content="z0x" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="darkreader-lock" />
<link rel="apple-touch-icon" href="/img/site-touch-icon.webp" />
<link rel="apple-touch-icon" sizes="72x72" href="/img/apple-touch-icon-72x72.webp" />
<link rel="icon" type="image/svg+xml" href="/img/site-favicon.svg" />
</head>
<body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden">
<div class="flex items-center justify-center min-h-screen">
<div class="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]">
<Image src={logo} alt="logo" class="w-2/3 opacity-0" loading="eager" />
<h1 class="text-4xl opacity-0 font-semibold">z0x</h1>
</div>
</div>
<script src="/src/js/snow.ts"></script>
<script src="/src/js/index.ts"></script>
</body>
</html>
---
import Text from "@components/Text.astro";
import Logo from "@components/Logo.astro";
import Links from "@components/Links.astro";
import Layout from "@layouts/Layout.astro";
---
<Layout>
<Text />
<Logo />
<Links />
</Layout>