114 lines
6.2 KiB
HTML
114 lines
6.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Ayabusa club</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body class="bg-grey p-[3vw]">
|
|
<h1 class="txt-cyan">
|
|
<div class="flex flex-row space-x-[3vw] w-full">
|
|
<div class="w-[40vw] space-y-[3vw]">
|
|
<div class="outline-[0.7vw] p-[0.7vw]">
|
|
<img class="" src="assets/ida_blue.png" />
|
|
</div>
|
|
<img src="assets/linux.png"/>
|
|
</div>
|
|
<div class="w-[60vw]">
|
|
<img class=""src="assets/title.png" />
|
|
<div class="flex flex-row outline-[0.7vw] p-[1vw] jb-mono text-[2.1vw] space-x-[2.2vw]">
|
|
<p>
|
|
000000<br>
|
|
000008<br>
|
|
000010<br>
|
|
000018<br>
|
|
000020<br>
|
|
000028<br>
|
|
000030<br>
|
|
000038<br>
|
|
</p>
|
|
<p>
|
|
48 6f 77 64 79 20 21 20<br>
|
|
49 74 27 73 20 6d 65 20<br>
|
|
41 79 61 62 75 73 61 2c<br>
|
|
77 65 6c 63 6f 6d 65 20<br>
|
|
74 6f 20 6d 79 20 20 20<br>
|
|
63 6f 72 6e 65 72 20 20<br>
|
|
6f 66 20 74 68 65 20 20<br>
|
|
77 65 62 0a
|
|
</p>
|
|
<p>
|
|
Howdy !<br>
|
|
It's me<br>
|
|
Ayabusa,<br>
|
|
welcome<br>
|
|
to my <br>
|
|
corner <br>
|
|
of the <br>
|
|
web.<br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-[3vw] flex flex-row space-x-[3vw] w-full">
|
|
<div class="w-[55vw] font-[sftr] leading-[5vw] text-[7vw] flex flex-col">
|
|
<a href="projects" class="group flex flex-row w-full justify-between">
|
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
|
|
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
|
|
</svg>
|
|
<p class="">Projects</p>
|
|
</a>
|
|
<a href="https://blog.ayabusa.dev" class="group flex flex-row w-full justify-between">
|
|
<p class="">Blog</p>
|
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
|
|
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
|
|
</svg>
|
|
</a>
|
|
<a href="https://github.com/ayabusa" class="group flex flex-row w-full justify-between">
|
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
|
|
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
|
|
</svg>
|
|
<p class="">Github</p>
|
|
</a>
|
|
<a href="https://git.ayabusa.dev" class="group flex flex-row w-full justify-between">
|
|
<p class="">Gitea</p>
|
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
|
|
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
|
|
</svg>
|
|
</a>
|
|
<div class="flex flex-row w-full mt-[3vw]">
|
|
<div>
|
|
<canvas id="cvs" class="outline-[0.7vw]"></canvas>
|
|
<script src="sphere.js"></script>
|
|
</div>
|
|
<div class="flex flex-col w-full ms-[3vw] justify-between">
|
|
<a href="about" class="group flex flex-row w-full justify-between">
|
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
|
|
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
|
|
</svg>
|
|
<p class="">About</p>
|
|
</a>
|
|
<a href="contact" class="group flex flex-row w-full justify-between">
|
|
<p class="">Contact</p>
|
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
|
|
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-[45vw] space-y-[3vw]">
|
|
<div class="outline-[0.7vw] p-[0.7vw]">
|
|
<img class="" src="assets/calc.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</h1>
|
|
</body>
|
|
</html>
|