Notoric
/
Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed poor naming

This commit is contained in:
Notoric 2024-05-23 03:53:01 +01:00
parent 3506d64c1d
commit 885b7087ff
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -5,8 +5,8 @@
<link rel="stylesheet" type="text/css" href="styles/global.css"> <link rel="stylesheet" type="text/css" href="styles/global.css">
</head> </head>
<body> <body>
<img id="menu" src="/assets/plus.svg"> <img id="nav-btn" src="/assets/plus.svg">
<div id="header"> <div id="navbar">
<p id="logo">[Notoric]</p> <p id="logo">[Notoric]</p>
<div id="nav"> <div id="nav">
<a href="projects.html">Projects</a> <a href="projects.html">Projects</a>

14
styles/global.css
View File

@ -12,11 +12,11 @@ body {
overflow: hidden; overflow: hidden;
} }
#menu { #nav-btn {
display: none; display: none;
} }
#header { #navbar {
background-color: black; background-color: black;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
@ -43,7 +43,7 @@ em {
font-weight: 500; font-weight: 500;
} }
#header p { #navbar p {
margin: 16px; margin: 16px;
margin-inline: 0; margin-inline: 0;
} }
@ -211,7 +211,7 @@ em {
font-size: 30px; font-size: 30px;
} }
#menu { #nav-btn {
content: ""; content: "";
display: block; display: block;
position: absolute; position: absolute;
@ -241,11 +241,11 @@ em {
padding: 0px; padding: 0px;
} }
#menu.expanded { #nav-btn.expanded {
transform: rotate(225deg); transform: rotate(225deg);
} }
#header { #navbar {
flex-direction: column; flex-direction: column;
height: calc(100vh - 120px); height: calc(100vh - 120px);
width: 100vw; width: 100vw;
@ -263,7 +263,7 @@ em {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
#header.expanded { #navbar.expanded {
transform: translateX(0); transform: translateX(0);
} }