From 544c416c884d6c1f942e268dec5564e556ad6dea Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Tue, 8 Mar 2022 12:05:14 +0100
Subject: [PATCH] fixes

---
 files/bulma.css |   2 +-
 index.php       | 119 ++++++++++++++++++++++++++++++++++++++++++++++--
 style.css       |   2 +-
 3 files changed, 117 insertions(+), 6 deletions(-)

diff --git a/files/bulma.css b/files/bulma.css
index 2e410bf..940655e 100644
--- a/files/bulma.css
+++ b/files/bulma.css
@@ -7836,7 +7836,7 @@ html.has-navbar-fixed-bottom {
     color: #4a4a4a;
     display: block;
     line-height: 1.5;
-    padding: .5rem .75rem;
+    padding: .5rem 1.2rem;
     position: relative
 }
 
diff --git a/index.php b/index.php
index 1da7eb0..bc10af5 100644
--- a/index.php
+++ b/index.php
@@ -29,12 +29,123 @@
                     role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
                     data-target="signalNavbar"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span
                         aria-hidden="true"></span> </a></div>
+            <?php
+
+                class Nav_Primary_Walker extends Walker_Nav_Menu {
+
+
+                    function start_lvl( &$output, $depth = 0, $args = array() ) {
+                        $indent = str_repeat("\t", $depth);
+                        $output .= "\n$indent\n";
+                    }
+
+                    function end_lvl( &$output, $depth = 0, $args = array() ) {
+                        $indent = str_repeat("\t", $depth);
+                        $output .= "$indent\n";
+                    }
+
+                    function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
+                        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
+
+                        $class_names = $value = '';
+
+                        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
+                        $classes[] = 'menu-item-' . $item->ID;
+
+                        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
+                        $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
+
+                        $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
+                        $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
+
+                        $output .= $indent . '';
+
+                        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
+                        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
+                        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
+                        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
+
+                        $item_output = $args->before;
+                        $item_output .= '<a class="navbar-item" '. $attributes .'>';
+                        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
+                        $item_output .= '</a>';
+                        $item_output .= $args->after;
+
+                        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
+                    }
+
+
+                    function end_el( &$output, $item, $depth = 0, $args = array() ) {
+                        $output .= "\n";
+                    }
+                }
+
+                class Nav_Secondary_Walker extends Walker_Nav_Menu {
+
+
+                    function start_lvl( &$output, $depth = 0, $args = array() ) {
+                        $indent = str_repeat("\t", $depth);
+                        $output .= "\n$indent\n";
+                    }
+
+                    function end_lvl( &$output, $depth = 0, $args = array() ) {
+                        $indent = str_repeat("\t", $depth);
+                        $output .= "$indent\n";
+                    }
+
+                    function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
+                        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
+
+                        $class_names = $value = '';
+
+                        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
+                        $classes[] = 'menu-item-' . $item->ID;
+
+                        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
+                        $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
+
+                        $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
+                        $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
+
+                        $output .= $indent . '';
+
+                        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
+                        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
+                        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
+                        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
+
+                        $item_output = $args->before;
+                        $item_output .= '<a class="navbar-item rentButton" '. $attributes .'>';
+                        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
+                        $item_output .= '</a>';
+                        $item_output .= $args->after;
+
+                        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
+                    }
+
+
+                    function end_el( &$output, $item, $depth = 0, $args = array() ) {
+                        $output .= "\n";
+                    }
+                }
+
+            ?>
             <div id="mainNavbar" class="navbar-menu">
                 <div class="navbar-end">
-                    <a class="navbar-item" href="#sauna">Die Sauna</a>
-                    <a class="navbar-item" href="#features">Features</a>
-                    <a class="navbar-item" href="#story">Hintergründe</a>
-                    <a class="navbar-item rentButton" href="#rent">Anfragen</a>
+                    <?php
+                        wp_nav_menu( array(
+                            'menu'            => 'primary',
+                            'container'       => false,
+                            'items_wrap'      => '%3$s',
+                            'walker'          => new Nav_Primary_Walker(),
+                        ) );
+                        wp_nav_menu( array(
+                            'menu'            => 'secondary',
+                            'container'       => false,
+                            'items_wrap'      => '%3$s',
+                            'walker'          => new Nav_Secondary_Walker(),
+                        ) );
+                    ?>
                 </div>
             </div>
         </div>
diff --git a/style.css b/style.css
index 64438d2..868dd0d 100644
--- a/style.css
+++ b/style.css
@@ -141,7 +141,7 @@ a.no-underline {
     color: white !important;
 }
 
-@media (max-width: 1024px) {
+@media screen and (max-width: 1024px) {
     .rentButton {
         margin: 5px 10px;
     }