Configure navigation bar.

This commit is contained in:
Cutieguwu
2025-05-25 11:52:56 -04:00
parent 5964a84dcd
commit aec6e093a3
3 changed files with 188 additions and 0 deletions

View File

@@ -0,0 +1,68 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>Home | Cuiteguwu</title>
<img class="titleimg" src="" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
<meta name="keywords" content="cutieguwu" />
</head>
<body class="viewport">
<nav class="navigation_pane">
<h2 class="navigation_logo">Cutieguwu</h2>
<div class="navigation_menu">
<a class="nav_title nav_body" href="">HOME</a>
<a class="nav_title nav_body" href="#">ABOUT</a>
<a class="nav_title nav_body" href="#">BEAROCK</a>
<div class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">LINKS</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca"
>GITEA</a
>
<a
class="nav_title"
href="https://jellyfin.cutieguwu.ca"
>JELLYFIN</a
>
</div>
</div>
<a class="nav_title nav_body" href="#">OTHER</a>
<a class="nav_title nav_body" href="#">OTHER 2</a>
<a class="nav_title nav_body" href="#">SUPER LONG TITLE</a>
</div>
</nav>
<div class="main_pane">
<ul>
<li><a>asd</a></li>
</ul>
<p>
lorem ipsum etc idk what else there is in this latin phrase so
here's a bunch of generic stuff the quick brown fox jumps over
the lazy dog blah blah blah more text here as I continue to type
random shit out hoping that I can fill this block and track
something down but likely only to fail miserably because css is
such a pain in the ass
</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"
></script>
</body>
</html>