diff --git a/source/_data/about.json b/source/_data/about.json
index 372d4cd..c39d7b7 100644
--- a/source/_data/about.json
+++ b/source/_data/about.json
@@ -17,7 +17,7 @@
"info": "admin of this website, creator of nodes.fediverse.party; maintainer of Newsboat; writes programs in C++, reads sci-fi",
"name": "Alexander Batischev",
"site": "blog.debiania.in.ua",
- "gitaccs": [ "github.com/Minoru", "gitlab.com/Minoru-kun", "codeberg.org/Minoru" ]
+ "gitaccs": [ "codeberg.org/Minoru", "github.com/Minoru", "gitlab.com/Minoru-kun" ]
},
{
"nickname": "humanetech",
diff --git a/source/img/about/lostinlight.png b/source/img/about/lostinlight.png
index 42d48d1..b164d3c 100644
Binary files a/source/img/about/lostinlight.png and b/source/img/about/lostinlight.png differ
diff --git a/themes/starter/languages/en.yml b/themes/starter/languages/en.yml
index bbbe496..5c2d934 100644
--- a/themes/starter/languages/en.yml
+++ b/themes/starter/languages/en.yml
@@ -10,7 +10,7 @@ more: All apps
portal: Portal
magic: Magic Ball
logo: logo hub
-about: ABOUT
+about: about
# Index page
hello: Hello, traveller!
diff --git a/themes/starter/layout/_partial/navbar.ejs b/themes/starter/layout/_partial/navbar.ejs
index 209a176..ff08220 100644
--- a/themes/starter/layout/_partial/navbar.ejs
+++ b/themes/starter/layout/_partial/navbar.ejs
@@ -22,13 +22,7 @@
<%- __('more') %>
<%- __('portal') %>
<%- __('magic') %>
-
-
- <%- __('about') %>
-
-
+ fediquiz
+ <%- __('about') %>
diff --git a/themes/starter/source/assets/scss/modules/_navbar.scss b/themes/starter/source/assets/scss/modules/_navbar.scss
index 2b95f4b..0414287 100644
--- a/themes/starter/source/assets/scss/modules/_navbar.scss
+++ b/themes/starter/source/assets/scss/modules/_navbar.scss
@@ -30,7 +30,7 @@
text-transform: uppercase;
font-family: $font-secondary;
color: $grey;
- line-height: 2.2;
+ line-height: 2;
width: 100%;
}
@@ -51,10 +51,27 @@
background-size: 2.5em 2.5em;
}
-.navbar li:not(:last-child):hover svg {
+.navbar li:hover svg {
fill: $golden;
}
+.navbar li:last-child {
+ position: absolute;
+ bottom: 1.8em;
+ width: 100%;
+ text-align: center;
+ font-size: .85rem;
+ padding-left: 0;
+}
+
+.navbar li:last-child a {
+ padding-left: 0;
+}
+
+.navbar li:last-child svg {
+ display: none;
+}
+
.overlay,
.control,
.control ~ .slideout {
@@ -149,74 +166,22 @@
display: block;
}
-.revealer {
- position: absolute;
- bottom: 1.8em;
- width: 100%;
- text-align: center;
- font-size: .85rem;
-}
+@media screen and (max-width: $mq-medium) {
+ .navbar li:last-child {
+ position: static;
+ font-size: inherit;
+ text-align: left;
+ }
-.revealer__toggle {
- display: block;
- position: absolute;
- font-size: 0;
- z-index: 4;
- cursor: pointer;
- border: none;
- background: transparent;
- height: 34px;
- width: 100%;
-}
+ .navbar li:last-child a {
+ padding-left: 2.2em;
+ }
-.revealer__toggle:focus {
- outline: 0;
+ .navbar li:last-child svg {
+ display: initial;
+ }
}
-.revealer__text {
- position: absolute;
- font-family: $font-secondary;
- cursor: pointer;
- background: none;
- color: $black;
- border: 0;
- width: 100%;
-}
-
-.revealer__toggle,
-.revealer__text {
- bottom: 0;
-}
-
-.revealer__toggle:hover ~ .revealer__text > span {
- outline: none;
- border-bottom: 1px solid $golden;
-}
-
-.u-hidden.source {
- transform: matrix(1, 0, 0, 1, 0, -30);
-}
-
-.u-hidden.source > a {
- padding: 0;
-}
-
-.revealer__toggle:focus ~ .revealer__text {
- z-index: 5;
-}
-
-.revealer__toggle:focus ~ .revealer__text > span {
- outline: none;
- border-bottom: 1px solid $golden;
-}
-
-.revealer__toggle:focus ~ .u-hidden {
- opacity: 1;
- visibility: visible;
- transform: matrix(1, 0, 0, 1, 0, -35);
-}
-
-
@media screen and (max-width: $mq-small) {
.hamburger {
width: 170px;
@@ -232,12 +197,4 @@
.hamburger svg:last-of-type {
margin-left: 30px;
}
-
- .navbar li:not(:last-child) {
- line-height: 2.5;
- }
-
- .revealer {
- display: none;
- }
}