mnalis/organicmaps-website
1
Fork 0
forked from organicmaps/website
Code Pull requests Activity

Better menu and its styling

Browse source 
Signed-off-by: Alexander Borsuk <me@alex.bio>
This commit is contained in:
Alexander Borsuk 2021-11-05 14:33:20 +01:00
parent 164ef23a35
commit 248a8bc189
4 changed files with 54 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
content/_index.md
View file

@ -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

32
sass/main.scss
View file

@ -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 {

2
templates/bottom_menu.html
View file

@ -1,6 +1,6 @@
<nav id="bottom_menu" role="navigation">
{% set home = get_section(path='_index.md') %}
{% for page in home.pages %}
{% for page in [home] | concat(with=home.pages) %}
{% if page.extra.menu_title %}
{% if resource.path != page.path %}<a href='{{ page.path }}'>{% endif %}
<span>{{ page.extra.menu_title }}</span>

47
templates/menu.html
View file

@ -1,24 +1,33 @@
<nav id="menu" role="navigation">
<a href="/" class="logo"></a>
<span>
{% if resource.path != '/' %}<a href='/'><span>Home</span></a>{% endif %}
{% if resource.path != '/donate/' %}
<a class="donate_button" href='/donate/'>❤️ Donate</a>
{% endif %}
{% if resource.path != '/support-us/' %}
<a href='/support-us/'>Support Us</a>
{% endif %}
<span class="menuitem">
{% if resource.path != '/' %}<a href='/'>{% endif %}
<span class="logo"></span><span>Home</span>
{%- if resource.path != '/' %}</a>{% endif %}
</span>
<span class="menuitem">
{% if resource.path != '/donate/' %}<a class="donate_button" href='/donate/'>{% endif %}
<span>❤️ Donate</span>
{% if resource.path != '/donate/' %}</a>{% endif %}
</span>
<span class="menuitem">
{% if resource.path != '/support-us/' %}<a href='/support-us/'>{% endif %}
<span>Support Us</span>
{% if resource.path != '/support-us/' %}</a>{% endif %}
</span>
<span class="menuitem">
<a href="https://github.com/organicmaps/organicmaps" target="_blank" class="github">
<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true"
class="octicon octicon-mark-github v-align-middle">
<path fill-rule="evenodd"
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
</path>
</svg><span>GitHub</span>
</a>
</span>
<a href="https://github.com/organicmaps/organicmaps" class="github">
<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true"
class="octicon octicon-mark-github v-align-middle">
<path fill-rule="evenodd"
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
</path>
</svg>
</a>
</nav>