Updated navbarstyles; Added Sitetitles

_layouts/page.html

@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>{{ site.title }}</title>
+    <title>{{ site.title }} {{page.title}}</title>
     {% feed_meta %}
     <link rel="stylesheet" href='{{ "/assets/css/page.css" | relative_url }}'>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.1/css/materialize.min.css" integrity="sha256-qj3p6P1fJIV+Ndv7RW1ovZI2UhOuboj9GcODzcNFIN8=" crossorigin="anonymous" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.1/js/materialize.min.js" integrity="sha256-SrBfGi+Zp2LhAvy9M1bWOCXztRU9Ztztxmu5BcYPcPE=" crossorigin="anonymous"></script>

_layouts/post.html

@@ -8,7 +8,8 @@
     {% feed_meta %}
     <link rel="stylesheet" href='{{ "/css/post.css" | relative_url }}'>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.1/css/materialize.min.css" integrity="sha256-qj3p6P1fJIV+Ndv7RW1ovZI2UhOuboj9GcODzcNFIN8=" crossorigin="anonymous" />
-
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    
     <!--Icons-->
     <script async defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
 </head>

_scss/_header.scss

@@ -5,11 +5,26 @@ header {
       padding: 0 25px;
       .brand-logo {
         @media screen and (max-width: 991px){
-          text-align: center;
           width: 100%;
+          padding-left: 25px;
+          text-align: center;
+        }
+        @media screen and (max-width: 450px){
+          font-size: 1.8rem;
+        }
+        @media screen and (max-width: 330px){
+          font-size: 1.6rem;
+        }
+        @media screen and (max-width: 300px){
+          font-size: 1.4rem;
         }
         @extend .light-text
       }
+      .sidenav-trigger {
+        @media screen and (max-width: 450px){
+          margin: 0 18px 0 0 !important;
+        }
+      }
     }
   }
 }

datenschutz.html

@@ -1,5 +1,6 @@
 ---
 layout: page
+title: '| Datenschutzerklärung'
 permalink: /datenschutz/
 ---
 <div class="container" id="section-wrapper">

der-verein.html

@@ -1,5 +1,6 @@
 ---
 layout: page
+title: '| Der Verein'
 permalink: /der-verein/
 ---
 <div class="container" id="section-wrapper">

impressum.html

@@ -1,5 +1,6 @@
 ---
 layout: page
+title: '| Impressum'
 permalink: /impressum/
 ---
 <div class="container" id="section-wrapper">

index.html

@@ -4,7 +4,7 @@ layout: page
 <div class="container">
     <section>
         <div class="center">
-            <h2>&Uuml;ber uns</h2>
+            <h2 class="thin-text">&Uuml;ber uns</h2>
         </div>
         <img style="width: 100%"  src="{{ '/assets/img/page_main/gruppenbild.png' | relative_url }}" alt="">
         <p>

kontakt-ok.html

@@ -1,5 +1,6 @@
 ---
 layout: page
+title: '| Kontakt'
 permalink: '/kontakt/ok/'
 ---
 <script src="{{ '/assets/js/kontakt.js' | relative_url }}"></script>

kontakt.html

@@ -1,10 +1,10 @@
 ---
 layout: page
+title: '| Kontakt'
 permalink: '/kontakt/'
 ---
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
 <script src="{{ '/assets/js/kontakt.js' | relative_url }}"></script>
-<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 <div class="container" id="section-wrapper">
     <section id="kontakt">
         <div class="center">

links.html

@@ -1,5 +1,6 @@
 ---
 layout: page
+title: '| Links'
 permalink: '/links/'
 ---
 <div class="container" id="section-wrapper">