Skip to content
Snippets Groups Projects
Verified Commit 2e129a85 authored by Nik | Klampfradler's avatar Nik | Klampfradler
Browse files

Use bulma-mega-menu and place projects in columns

parent 24a5f7c2
No related branches found
No related tags found
1 merge request!28Neue Website basierend auf Zola
...@@ -29,6 +29,14 @@ ...@@ -29,6 +29,14 @@
} }
} }
.navbar-dropdown.wide-dropdown { .navbar-item.is-mega {
width: 100vw; position: static;
.is-mega-menu-title {
margin-bottom: 0;
padding: .375rem 1rem;
}
.is-mega-menu-subtitle {
padding: .375rem 1rem;
}
} }
...@@ -10,6 +10,7 @@ $project-colors: ( ...@@ -10,6 +10,7 @@ $project-colors: (
.menu-project-section { .menu-project-section {
border-left: 0.5em solid; border-left: 0.5em solid;
margin-left: 1em;
} }
@each $project in $projects { @each $project in $projects {
......
...@@ -14,16 +14,16 @@ ...@@ -14,16 +14,16 @@
<div class="navbar-menu" id="main-menu"> <div class="navbar-menu" id="main-menu">
<div class="navbar-start"> <div class="navbar-start">
<div class="navbar-item has-dropdown is-hoverable"> <div class="navbar-item has-dropdown is-hoverable is-mega">
<a href="#" class="navbar-item">Projekte</a> <a href="#" class="navbar-item">Projekte</a>
<div class="navbar-dropdown wide-dropdown"> <div class="navbar-dropdown">
{% include "menu/projects.html" %} {% include "menu/projects.html" %}
</div> </div>
</div> </div>
<div class="navbar-item has-dropdown is-hoverable"> <div class="navbar-item has-dropdown is-hoverable is-mega">
<a href="#" class="navbar-item">Informationen für…</a> <a href="#" class="navbar-item">Informationen für…</a>
<div class="navbar-dropdown wide-dropdown"> <div class="navbar-dropdown">
TBA TBA
</div> </div>
</div> </div>
......
{% set projects = get_taxonomy(kind = "projekt") %} {% set projects = get_taxonomy(kind = "projekt") %}
{% for project in projects.items %} <div class="columns">
<section class="section menu-project-section" id="menu-project-section-{{ project.slug }}"> {% for project in projects.items %}
{% set section = get_section(path = "projekte/" ~ project.slug ~ "/_index.md") %} <section class="column menu-project-section" id="menu-project-section-{{ project.slug }}">
<h1 class="title">{{ section.title }}</h1> {% set section = get_section(path = "projekte/" ~ project.slug ~ "/_index.md") %}
<h2 class="subtitle">{{ section.description }}</h2> <h1 class="title is-6 is-mega-menu-title">{{ section.title }}</h1>
<p class="is-mega-menu-subtitle">{{ section.description }}</p>
{% for page in project.pages %} {% for page in project.pages %}
<ul> <a class="navbar-item" href="{{ page.permalink }}">
<li><a href="{{ page.permalink }}">{{ page.title }}</a></li> <div class="navbar-content">
</ul> {{ page.title }}
</div>
</a>
{% endfor %}
</section>
{% endfor %} {% endfor %}
</section> </div>
{% endfor %} \ No newline at end of file
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment