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>
<div class="nav_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>
<a class="nav_title nav_body" href="">Home</a>
<a class="nav_title nav_body" href="#">About</a>
<div class="dropdown">
<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>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca"
>GITEA</a
>Gitea</a
>
<a
class="nav_title"
href="https://jellyfin.cutieguwu.ca"
>JELLYFIN</a
>Jellyfin</a
>
<a class="nav_title" href="https://play.cutieguwu.ca"
>Rebirth</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>
<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">

21
style.css
View File

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