ag_kommunikation
/
webseite
6
4
Fork 5
Code Issues 16 Pull Requests 1 Projects Releases Activity

Compare commits

base: ag_kommunikation:38862d1267676fad727f6810babf99ca20d9d3ac
Branches Tags
ag_kommunikation:main
ag_kommunikation:drop_menu_comming_back
ag_kommunikation:spielwiese
ag_kommunikation:hompage_claim_changes
ag_kommunikation:#137_git_lfs_podcast_only
ag_kommunikation:spielwiese_169_ueberarbeitung
ag_kommunikation:image_auto_corner
ag_kommunikation:jinja2_filter
...
compare: ag_kommunikation:faa6a5c9318157e3ecc01aea118a9e7ac631b825
Branches Tags
ag_kommunikation:main
ag_kommunikation:drop_menu_comming_back
ag_kommunikation:spielwiese
ag_kommunikation:hompage_claim_changes
ag_kommunikation:#137_git_lfs_podcast_only
ag_kommunikation:spielwiese_169_ueberarbeitung
ag_kommunikation:image_auto_corner
ag_kommunikation:jinja2_filter

3 Commits
38862d1267 ... faa6a5c931

Author SHA1 Message Date
muli faa6a5c931 chore: Gedoppelten Link entfernt damit Demo realistischer wird.
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/promote/spielwiese Build is passing Details
2024-03-22 23:48:45 +01:00
muli a646510170 fix: Fix Standort-Highlighting auf Home. 2024-03-22 23:48:45 +01:00
muli 9e36de87a1 fix: Menü in mobile und PC-Version gesplittet. 
Etwas Overhead im Template, dafür weniger verschwurbelte Logik.
 2024-03-22 23:48:42 +01:00
4 changed files with 116 additions and 50 deletions
Show Stats Expand all files Collapse all files

39
assets/css/style.css
View File

@ -82,6 +82,11 @@ body {
color: var(--wtf-nearly-black);
}
.primary_nav__mobile_navlist {
display: none;
z-index: 16;
}
.primary_nav__navlist {
margin: 0;
display: flex;
@ -1222,6 +1227,10 @@ footer {
display: flex !important;
}
.primary_nav__mobile_navlist {
display: none;
}
.content__inner_box {
margin: -0.5rem 1.5rem 0 1.5rem;
}
@ -1237,6 +1246,10 @@ footer {
display: none;
}
.primary_nav__mobile_navlist {
display: none;
}
.primary_nav__navlist {
display: flex !important;
}
@ -1259,6 +1272,10 @@ footer {
display: none;
}
.primary_nav__mobile_navlist {
display: none;
}
.primary_nav__navlist {
display: flex !important;
}
@ -1295,6 +1312,10 @@ footer {
display: none;
}
.primary_nav__mobile_navlist {
display: none;
}
.primary_nav__navlist {
display: flex !important;
}
@ -1377,6 +1398,10 @@ footer {
display: none;
}
.primary_nav__mobile_navlist {
display: none;
}
.primary_nav__navlist {
display: flex !important;
}
@ -1445,6 +1470,10 @@ footer {
display: none;
}
.primary_nav__mobile_navlist {
display: none;
}
.primary_nav__navlist {
width: 100%;
justify-content: space-evenly;
@ -1619,6 +1648,10 @@ footer {
margin-right: 1rem;
}
.primary_nav__mobile_navlist {
display: none;
}
.primary_nav__navlist {
display: flex !important;
margin-right: 1.5rem;
@ -1920,9 +1953,13 @@ footer {
align-items: center;
margin: 2.25rem 0 0 0;
}
.primary_nav__navlist {
display: none;
}
.primary_nav__mobile_navlist {
display: none;
position: absolute;
top: 6.5rem;
right: 0;

8
assets/js/nav_toggle.js
View File

@ -1,9 +1,9 @@
document.getElementsByClassName('primary_nav__toggle')[0].addEventListener('click', function(){
let nav_list = document.getElementsByClassName('primary_nav__navlist')[0]
if (nav_list.style.display === 'block') {
nav_list.style.display = 'none';
let mobile_nav_list = document.getElementsByClassName('primary_nav__mobile_navlist')[0]
if (mobile_nav_list.style.display === 'block') {
mobile_nav_list.style.display = 'none';
} else {
nav_list.style.display = 'block';
mobile_nav_list.style.display = 'block';
}
});

5
databags/navigation.json
View File

@ -12,7 +12,7 @@
"href": "/aktuelles",
"slug": "aktuelles",
"visible": true,
"list_childs": false,
"list_childs": true,
"items": {
"Blog": "/blog",
"Podcast": "/podcast"
@ -24,8 +24,7 @@
"visible": true,
"list_childs": true,
"items": {
"Satzung": "/mitglieder/satzung",
"Mitglied werden": "/mitglieder/beitreten"
"Satzung": "/mitglieder/satzung"
}
}
}

114
templates/blocks/navigation.html
View File

@ -10,29 +10,69 @@
</div>
<ul class="primary_nav__navlist">
{% for title, mapping in bag("navigation").items() %}
{% if mapping.visible|default(true) %}
<li id="{{ mapping.slug }}" class="primary_nav__navitem">
{%if not mapping.list_childs %}
<a class="primary_nav__navlink
{% if this._path == mapping.href
or this._path in mapping['items'].values()
-%}-active{% endif %}" href="{{ mapping.href|url }}">
{{ title }}
</a>
{% elif mapping.list_childs %}
<span class="primary_nav__navlink
{% if this._path == mapping.href
or this._path in mapping['items'].values()
or mapping.href == '/aktuelles' and ('blog' in this._path or 'podcast' in this._path)
-%}-active{% endif %}">
{{ title }}
</span>
<ul class="primary_nav__sub_navlist -closed">
<li class="primary_nav__sub_navitem">
<a class="primary_nav__sub_navlink " href="{{ mapping.href|url }}">
{{ title }}
</a>
</li>
{% set sub_menu = mapping['items'].items() %}
{% for sub_title, href in sub_menu %}
<li class="primary_nav__sub_navitem">
<a class="primary_nav__sub_navlink {% if this._path == href %}-active{% endif %}" href="{{ href|url }}">
{{ sub_title }}
</a>
</li>
{% if sub_title == 'Blog' or sub_title == 'Podcast' %}
{% set children = site.get(href).children %}
<ul>
{% for child in children %}
{% if loop.index <= 3 %}
<li class="primary_nav__sub_navitem">
<a class="primary_nav__sub_navlink {% if this._path + '/' == child.url_path %}-active{% endif %}" href="{{ child.url_path }}">
{{ child.title }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</li>
{% endif %}
{% endfor %}
</ul>
</nav>
<ul class="primary_nav__mobile_navlist">
{% for title, mapping in bag("navigation").items() %}
{% if mapping.visible|default(true) %}
<li id="{{ mapping.slug }}" class="primary_nav__navitem">
{%if not mapping.list_childs %}
<a class="primary_nav__navlink {% if this._path == mapping.href or
this._path in mapping['items'].values() or
title == 'Aktuelles' and
('blog' in this._path or 'podcast' in this._path)
%}-active{% endif %}" href="{{ mapping.href|url }}">
{{ title }}
</a>
{% elif mapping.list_childs %}
<span>{{ title }}</span>
<ul class="primary_nav__sub_navlist -closed">
<li class="primary_nav__sub_navitem">
<a class="primary_nav__sub_navlink {% if this._path == mapping.href or
this._path in mapping['items'].values() or
title == 'Aktuelles' and
('blog' in this._path or 'podcast' in this._path)
%}-active{% endif %}" href="{{ mapping.href|url }}">
{{ title }}
</a>
</li>
<a class="primary_nav__navlink {% if this._path == mapping.href -%}-active{% endif %}" href="{{ mapping.href|url }}">
{{ title }}
</a>
{% if mapping.list_childs %}
<ul class="primary_nav__sub_navlist">
{% set sub_menu = mapping['items'].items() %}
{% for sub_title, href in sub_menu %}
<li class="primary_nav__sub_navitem">
@ -40,29 +80,19 @@
{{ sub_title }}
</a>
</li>
{% if sub_title == 'Blog' %}
{% if sub_title == 'Blog' or sub_title == 'Podcast' %}
{% set children = site.get(href).children %}
{% for child in children %}
{% if loop.index <= 3 %}
<li class="primary_nav__sub_navitem">
<a class="primary_nav__sub_navlink {% if this._path + '/' == child.url_path %}-active{% endif %}" href="{{ child.url_path }}">
{{ child.title }}
</a>
</li>
{% endif %}
{% endfor %}
{% endif %}
{% if sub_title == 'Podcast' %}
{% set children = site.get(href).children %}
{% for child in children %}
{% if loop.index <= 3 %}
<li class="primary_nav__sub_navitem">
<a class="primary_nav__sub_navlink {% if this._path + '/' == child.url_path %}-active{% endif %}" href="{{ child.url_path }}">
{{ child.title }}
</a>
</li>
{% endif %}
{% endfor %}
<ul>
{% for child in children %}
{% if loop.index <= 3 %}
<li class="primary_nav__sub_navitem">
<a class="primary_nav__sub_navlink {% if this._path + '/' == child.url_path %}-active{% endif %}" href="{{ child.url_path }}">
{{ child.title }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% endfor %}
</ul>