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

21
404.html
View file

@ -3,19 +3,20 @@
<meta charset="utf-8" />
<title>404</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="./css/style.css" />
<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-404">
<h1 class="header-404">404</h1>
<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-[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="./js/snowflakes.ts"></script>
</div>
<script src="./snowflakes.ts"></script>
</body>
</html>
</html>