210 lines
No EOL
9.5 KiB
PHP
210 lines
No EOL
9.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Die Fachwerk-Sauna | Ökosauna neu gedacht</title>
|
|
<link rel="preload"
|
|
href="<?php echo get_stylesheet_directory_uri().'/files/Inter-Regular.woff2'; ?>"
|
|
as="font" crossorigin="anonymous">
|
|
<link rel="preload"
|
|
href="<?php echo get_stylesheet_directory_uri().'/files/Inter-ExtraBold.woff2'; ?>"
|
|
as="font" crossorigin="anonymous">
|
|
<?php wp_head(); ?>
|
|
<link type="text/css" rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().'/files/bulma.css'; ?>">
|
|
<link type="text/css" rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
|
|
|
|
</head>
|
|
|
|
<body id="signal" class="index has-navbar-fixed-top">
|
|
<nav class="navbar mainNavbar is-fixed-top" role="navigation" aria-label="main navigation">
|
|
<div class="container">
|
|
<div class="navbar-brand">
|
|
<a href="/">
|
|
<img class="logo"
|
|
src="<?php echo get_stylesheet_directory_uri().'/files/logo.webp'; ?>">
|
|
</a>
|
|
<a
|
|
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">
|
|
<?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>
|
|
</nav>
|
|
<section class="hero-main hero">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-two-fifths">
|
|
<h1>Mobile Kork Sauna</h1>
|
|
<p class="body1">
|
|
Handgefertigt in Fachwerkbauweise aus den Naturstoffen Kork und
|
|
Holz. Die mobile Sauna mit Holzofen für den eigenen Garten oder
|
|
direkt am See.
|
|
<p> <br>
|
|
<!--<a class="get-signal button" href="https://signal.org/download/">Jetzt mieten</a> -->
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="contentWrapper">
|
|
<?php the_content(); ?>
|
|
</div>
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-two-fifths is-hidden-mobile grow-column">
|
|
<?php echo get_option('fachwerksauna_footer-text'); ?>
|
|
</div>
|
|
<div class="column"> <strong>Sitemap</strong>
|
|
<ul>
|
|
<?php
|
|
wp_nav_menu( array(
|
|
'menu' => 'footer',
|
|
'container' => false,
|
|
'items_wrap' => '%3$s',
|
|
) );
|
|
?>
|
|
</ul>
|
|
</div>
|
|
<div class="column is-two-fifths is-hidden-tablet">
|
|
<?php echo get_option('fachwerksauna_footer-text'); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script language="javascript">
|
|
document.getElementsByClassName('navbar-burger')[0].onclick = function(){
|
|
console.log('ready');
|
|
var x = document.getElementById("mainNavbar");
|
|
if (x.style.display === "block") {
|
|
x.style.display = "none";
|
|
} else {
|
|
x.style.display = "block";
|
|
}
|
|
};
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|