Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Various clean-ups. Honestly I don't remember what I've done.

Browse Source
This commit is contained in:
Cutieguwu
2025-05-25 14:21:33 -04:00
parent 371b1c7c97
commit da631c6f99
2 changed files with 33 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@@ -19,28 +19,40 @@
<h2 class="nav_logo">Cutieguwu</h2> <h2 class="nav_logo">Cutieguwu</h2>
<div class="nav_menu"> <div class="nav_menu">
<a class="nav_title nav_body" href="">HOME</a> <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="#">About</a>
<a class="nav_title nav_body" href="#">BEAROCK</a>
<div class="dropdown"> <div class="dropdown">
<div class="dropdown_header nav_body"> <div class="dropdown_header nav_body">
<p class="nav_title">LINKS</p> <p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</div>
<div class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon> <ion-icon name="chevron-forward-outline"></ion-icon>
</div> </div>
<div class="dropdown_body"> <div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca" <a class="nav_title" href="https://gitea.cutieguwu.ca"
>GITEA</a >Gitea</a
> >
<a <a
class="nav_title" class="nav_title"
href="https://jellyfin.cutieguwu.ca" href="https://jellyfin.cutieguwu.ca"
>JELLYFIN</a >Jellyfin</a
>
<a class="nav_title" href="https://play.cutieguwu.ca"
>Rebirth</a
> >
</div> </div>
</div> </div>
<a class="nav_title nav_body" href="#">OTHER</a> <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="#">Other 2</a>
<a class="nav_title nav_body" href="#">SUPER LONG TITLE</a> <a class="nav_title nav_body" href="#">Super long title</a>
</div> </div>
</nav> </nav>
<div class="main_pane"> <div class="main_pane">

21
style.css
View File

@@ -1,7 +1,7 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
outline: 1px solid red; #outline: 1px solid red;
} }
.viewport { .viewport {
@@ -42,8 +42,6 @@
.nav_body { .nav_body {
background-color: rgba(0, 0, 0, 50%); background-color: rgba(0, 0, 0, 50%);
list-style: none;
font-size: 100%;
border-radius: 50cqh; border-radius: 50cqh;
height: auto; height: auto;
transition: 0.4s ease-out; transition: 0.4s ease-out;
@@ -54,19 +52,21 @@
transition: 0s ease-in; transition: 0s ease-in;
} }
.nav_menu .nav_title { .nav_title {
padding-left: 1cqw; text-decoration-line: none;
padding-right: 1cqw;
text-decoration: none;
color: lightpink; color: lightpink;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-weight: bold; font-weight: bold;
transition: 0.4s ease-out;
white-space: nowrap; white-space: nowrap;
font-size: 100%;
padding-left: 1cqw;
padding-right: 1cqw;
transition: 0.4s ease-out;
float: left; float: left;
text-transform: uppercase;
} }
.nav_menu .nav_title:hover { .nav_title:hover {
color: darkviolet; color: darkviolet;
transition: 0s ease-in; transition: 0s ease-in;
} }
@@ -91,6 +91,9 @@
.dropdown_body { .dropdown_body {
display: none; display: none;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
background-color: rgba(0, 0, 0, 50%);
} }
.dropdown:hover .dropdown_body { .dropdown:hover .dropdown_body {