Source code of the spootle.de website. https://spootle.de
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

75 lines
3.9 KiB

<!-- --------------------------------------------- -->
<!-- ---------- Page ------------- -->
<!-- --------------------------------------------- -->
<!-- Begin HTML document -->
<!DOCTYPE html>
<html lang="de">
<!-- Begin head section -->
<head>
<!-- W3CSS stylesheets -->
<link rel="stylesheet" href="{{ base_path }}/css/w3.css">
<link rel="stylesheet" href="{{ base_path }}/css/w3-colors-flat.css">
<!-- Font stylesheets -->
<link rel="stylesheet" href="{{ base_path }}/css/fonts.css">
<link rel="stylesheet" href="{{ base_path }}/css/fork-awesome.css">
<!-- Customization stylesheets -->
<link rel="stylesheet" href="{{ base_path }}/css/style.css">
<!-- Generic metadata -->
<meta name="generator" content="makesite.py" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Individual metadata -->
<meta name="description" content="{{ description }}">
<title>Spootle - {{ title }}</title>
</head>
<!-- Begin body section -->
<body>
<!-- Header section with site title and navigation -->
<div class="w3-top">
<header class="w3-container w3-flat-midnight-blue w3-left w3-bar">
<h1 class="w3-margin w3-xlarge"> Spootle </h1>
</header>
<div class="w3-bar w3-flat-midnight-blue w3-left-align w3-large">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-flat-midnight-blue" href="javascript:void(0);" onclick="toggle('navMobile')" title="Toggle Navigation Menu" aria-label="Menü ausklappen"><i class="fa fa-bars" aria-hidden="true"></i></a>
<a href="/" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Home</a>
<a href="/post/" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Blog</a>
<a href="/dienste/" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Dienste</a>
<a href="/ueber/" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Über</a>
<a href="/kontakt/" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Kontakt</a>
<a href="/folgen/" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Folgen</a>
</div>
<div id="navMobile" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
<a href="/post/" class="w3-bar-item w3-button w3-padding-large">Blog</a>
<a href="/dienste/" class="w3-bar-item w3-button w3-padding-large">Dienste</a>
<a href="/ueber/" class="w3-bar-item w3-button w3-padding-large">Über</a>
<a href="/kontakt/" class="w3-bar-item w3-button w3-padding-large">Kontakt</a>
<a href="/folgen/" class="w3-bar-item w3-button w3-padding-large">Folgen</a>
</div>
</div>
<!-- Generated content -->
{{ content }}
<!-- Footer section -->
<footer class="w3-container w3-center w3-opacity">
<div class="w3-xlarge">
<a href="/post/index.xml" aria-label="rss"><i class="fa fa-rss w3-hover-opacity" aria-hidden="true"></i></a>
<a href="https://social.anoxinon.de/@spootle" aria-label="mastodon"><i class="fa fa-mastodon w3-hover-opacity" aria-hidden="true"></i></a>
<a href="#ZgotmplZ" aria-label="xmpp"><i class="fa fa-xmpp w3-hover-opacity" aria-hidden="true"></i></a>
<a href="https://codeberg.org/spootle" aria-label="git"><i class="fa fa-git w3-hover-opacity" aria-hidden="true"></i></a>
</div>
<p>
| <a href="/datenschutz/">Datenschutz</a> | <a href="/impressum/">Impressum</a> | <a href="/agb/">Nutzungsbedingungen</a> |
</p>
</footer>
<!-- Javascript content -->
<script src="/js/script.js"></script>
</body>
</html>