diff --git a/sass/css/base.scss b/sass/css/base.scss
index 9c722dc..37a6322 100644
--- a/sass/css/base.scss
+++ b/sass/css/base.scss
@@ -110,8 +110,6 @@ a:hover, a:focus {
}
.madein {
- position: relative;
- z-index: -1;
width: 192px;
transform: rotate(-30deg);
}
diff --git a/sass/css/header.scss b/sass/css/header.scss
index dc5ceb8..652675e 100644
--- a/sass/css/header.scss
+++ b/sass/css/header.scss
@@ -1,13 +1,9 @@
@import "defs";
header {
- position: sticky;
- z-index: 10;
- top: 0;
display: flex;
justify-content: space-between;
max-width: 1100px;
- height: 48px;
margin: 0 auto 16px auto;
padding: 0 4px;
font-size: 24px;
@@ -21,12 +17,12 @@ header {
filter: drop-shadow(1px 2px 1px $violet);
}
-#header-menu > ul {
+#header-menu ul {
list-style-type: none;
margin: 9px 0 0 0;
}
-#header-menu > ul li {
+#header-menu li {
display: inline-block;
margin: 0 8px;
}
@@ -42,7 +38,7 @@ header {
}
@media (prefers-color-scheme: light) {
- header, .header-menu-phone {
+ .header-menu-phone {
background-color: white;
}
}
@@ -52,46 +48,41 @@ header {
color: white;
}
- header, .header-menu-phone {
+ .header-menu-phone {
background-color: black;
}
}
-@media (min-width: 960px) {
+@media (min-width: 768px) {
.phone-only {
display: none;
}
}
-@media (max-width: 959px) {
+@media (max-width: 767px) {
+ .header-menu-phone {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 1em;
+ padding: 2em;
+ }
+
.phone-hidden {
display: none;
}
}
-.header-menu-phone {
- position: fixed;
- z-index: 5;
- top: 48px;
- left: 0;
- padding: 16px;
- max-height: calc(100vh - 48px);
- overflow-y: auto;
- margin-top: 0;
- box-sizing: border-box;
- border-left: 2px solid $violet;
- list-style: none;
-}
-
-.header-menu-phone-logo {
- max-width: 100%;
- width: 256px;
-}
-
.hamburger-menu {
- font-size: 150%;
+ font-size: 1.5em;
margin: 0.25em;
font-family: LunaSans;
+ border: none;
+ background-color: transparent;
+ cursor: pointer;
+ opacity: 65%;
}
.hamburger-menu:hover, .hamburger-menu:focus {
@@ -100,5 +91,4 @@ header {
.hamburger-menu > summary {
list-style: none;
- cursor: pointer;
}
diff --git a/static/img/librezo-little-black.png b/static/img/librezo-little-black.png
new file mode 100644
index 0000000..2c63418
Binary files /dev/null and b/static/img/librezo-little-black.png differ
diff --git a/static/img/librezo-little-white.png b/static/img/librezo-little-white.png
new file mode 100644
index 0000000..c75fcf8
Binary files /dev/null and b/static/img/librezo-little-white.png differ
diff --git a/static/img/logo-stencil-black.svg b/static/img/logo-stencil-black.svg
deleted file mode 100644
index 4b08d5b..0000000
--- a/static/img/logo-stencil-black.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/static/img/logo-stencil-white.svg b/static/img/logo-stencil-white.svg
deleted file mode 100644
index 36ce6be..0000000
--- a/static/img/logo-stencil-white.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/templates/base.html b/templates/base.html
index 5821cff..bb97138 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -21,9 +21,9 @@
+ 
+ 