mirror of
https://github.com/KeyZox71/knl_meowscendence.git
synced 2025-12-31 21:56:41 +01:00
58 lines
2.7 KiB
HTML
58 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link href="/static/assets/favicon.ico" rel="icon" type="image/x-icon" >
|
|
<title>Vite + Tailwind Test</title>
|
|
<link href="/static/css/style.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body class="bg-[url(https://api.kanel.ovh/random)] dark:bg-[url(https://api.kanel.ovh/random)] bg-center bg-cover h-screen flex flex-col font-[Lexend]">
|
|
|
|
<div class="absolute flex flex-col items-center space-y-5 top-4 left-5">
|
|
<!--a class="absolute flex flex-col items-center top-4 left-5" href="/pong" data-icon-->
|
|
<a class="flex flex-col items-center" href="/pong" data-icon>
|
|
<img src="./static/assets/pong.svg" width=32 height=32 />
|
|
<span class="text-white font-[Kubasta]">pong_game.ts</span>
|
|
</a>
|
|
<a class="flex flex-col items-center" href="/tetris" data-icon>
|
|
<img src="./static/assets/tetrio.svg" width=32 height=32 />
|
|
<span class="text-white font-[Kubasta]">tetris_game.ts</span>
|
|
</a>
|
|
<!--a class="flex flex-col items-center" href="https://tetr.io/">
|
|
<img src="./static/assets/tetrio.svg" width=32 height=32 />
|
|
<span class="text-white font-[Kubasta]">tetr.io</span>
|
|
</a-->
|
|
</div>
|
|
|
|
<div id="app" class="flex-1 flex items-center justify-center">
|
|
</div>
|
|
|
|
<div id="taskbar-menu" class="absolute bottom-13 left-0"></div>
|
|
<div id="friends-menu" class="absolute bottom-13 right-0"></div>
|
|
|
|
<div class="border-t-2 border-neutral-300 dark:border-neutral-800 sticky bottom-0">
|
|
<nav class="bg-neutral-200 dark:bg-neutral-900 shadow-md border-t-2 border-neutral-400 dark:border-neutral-700 flex justify-between h-12 items-center content-center space-x-6 font-[Kubasta]">
|
|
<div class="flex px-4 items-center content-center space-x-2">
|
|
<button id="profile-button" class="taskbar-button flex flex-row justify-center items-center"><img id="start-img" class="object-scale-down mr-2 h-5 w-5" src="https://api.kanel.ovh/id?id=65" /> start</button>
|
|
<div class="text-neutral-700 dark:text-neutral-400">|</div>
|
|
<a target="_blank" class="taskbar-button" href="https://rusty.42angouleme.fr/">rusty</a>
|
|
<a target="_blank" class="taskbar-button" href="https://dn720004.ca.archive.org/0/items/2009-tetris-variant-concepts_202201/2009%20Tetris%20Design%20Guideline.pdf">tetris-guideline.pdf</a>
|
|
</div>
|
|
<div id="taskbar-trail" class="flex px-4 items-center content-center space-x-2">
|
|
<div class="reverse-border m-1.5 h-8/10 content-center">
|
|
<span id="taskbar-clock" class="text-neutral-900 dark:text-white px-4">12:37</span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<script type="module" src="/static/ts/main.ts"></script>
|
|
</body>
|
|
</html>
|