From 248a8bc18948a18fe88edf221dbf1dfc5b5e9418 Mon Sep 17 00:00:00 2001 From: Alexander Borsuk Date: Fri, 5 Nov 2021 14:33:20 +0100 Subject: [PATCH] Better menu and its styling Signed-off-by: Alexander Borsuk --- content/_index.md | 2 ++ sass/main.scss | 32 ++++++++++++++++++-------- templates/bottom_menu.html | 2 +- templates/menu.html | 47 +++++++++++++++++++++++--------------- 4 files changed, 54 insertions(+), 29 deletions(-) diff --git a/content/_index.md b/content/_index.md index 091ad578..a83d4526 100644 --- a/content/_index.md +++ b/content/_index.md @@ -3,6 +3,8 @@ title: "Organic Maps: Offline Hike, Bike, Trails and Navigation" description: Fast detailed offline maps for travelers, tourists, hikers and cyclists, based on OpenStreetMap and curated with love by MapsWithMe (Maps.Me) founders. page_template: index.html +extra: + menu_title: Home --- **Organic Maps** is a free Android & iOS offline maps app diff --git a/sass/main.scss b/sass/main.scss index d55bcb08..a9d9bb13 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -125,26 +125,40 @@ footer { background-origin: content-box; width: 32px; height: 32px; + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; } -.github { - svg { - fill: black; - @media (prefers-color-scheme: dark) { - fill: white; - } - display: inline-block; - overflow: visible!important; +.github svg { + fill: black; + @media (prefers-color-scheme: dark) { + fill: white; } + display: inline-block; + overflow: visible!important; + margin-right: 0.5rem; } #menu { display: flex; - justify-content: space-between; + justify-content: center; +} + +.menuitem { + margin: 0 0.5rem 0 0.25rem; + text-transform: uppercase; + a, svg { + vertical-align: middle; + text-decoration: none; + } } #bottom_menu { margin-bottom: 1em; + a { + text-decoration: none; + } } .donate_button { diff --git a/templates/bottom_menu.html b/templates/bottom_menu.html index 9d43510c..80a0da19 100644 --- a/templates/bottom_menu.html +++ b/templates/bottom_menu.html @@ -1,6 +1,6 @@