z0x/z0x.ca
Code Activity Actions

tailwindcss rewrite

Browse source
This commit is contained in:
z0x 2024-09-12 23:51:18 -04:00
parent c19ed0113d
commit e7a707b4e2
11 changed files with 90 additions and 318 deletions
Download patch file Download diff file Expand all files Collapse all files

40
index.html
View file

@ -3,35 +3,21 @@
<meta charset="utf-8" />
<title>z0x</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta property="og:title" content="z0x" />
<meta property="og:description" content="z0x's homepage" />
<meta property="og:url" content="https://z0x.ca" />
<meta property="og:type" content="website" />
<meta property="og:image" content="./img/logo_bg.svg" />
<meta property="og:image:alt" content="logo" />
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<meta property="og:site_name" content="z0x.ca" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="preload" href="./img/matrix.svg" as="image" />
<link rel="preload" href="./img/logo_bg.svg" as="image" />
<link rel="icon" type="image/x-icon" href="./img/logo_bg.svg" />
<meta name="darkreader-lock">
<link rel="icon" type="image/x-icon" href="./img/logo_bg.svg">
<link rel="icon" type="image/png" sizes="192x192" href="./img/logo_bg.svg">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="./img/logo_bg.svg">
<meta name="darkreader-lock">
<link rel="stylesheet" href="./snowflake.css">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="center">
<div class="box">
<a>
<img class="logo" src="./img/logo.svg" alt="logo" />
</a>
<h1 class="header unselectable">z0x</h1>
<div id="snowflake-container"></div>
<script src="./js/snowflakes.ts"></script>
<body class="bg-cover bg-[url('../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 mb-4" src="./img/logo.svg" alt="logo" />
<h1 class="text-4xl">z0x</h1>
</div>
</div>
<div id="snowflake-container"></div>
<script src="./snowflakes.ts"></script>
</body>
</html>
</html>