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">
</head>
<body>
<img id="menu" src="/assets/plus.svg">
<div id="header">
<img id="nav-btn" src="/assets/plus.svg">
<div id="navbar">
<p id="logo">[Notoric]</p>
<div id="nav">
<a href="projects.html">Projects</a>

14
styles/global.css
View File

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