add: templates

css/custom.css

@@ -68,3 +68,10 @@ body, #wrapper
 {
     height: 3em;
 }
+
+.btn-facebook
+{
+    color: #fff;
+    background-color: #3b5998;
+    border-color: #3b5998;
+}

templates/error.html.twig

@@ -2,7 +2,7 @@
 
 {% block content %}
     <div class="lead text-center">
-        <h1>Error!</h1>
+        <h1>Fehler!</h1>
         {{ page.content }}
     </div>
 {% endblock %}

templates/home.html.twig

@@ -0,0 +1,37 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    <div class="row">
+        <div class="col-12 col-md-6" height="100%">
+            <h1>Herzlich Willkommen</h1>
+            <div width="100%">
+                {% include 'partials/osm.html.twig' %}
+            </div>
+            <div style="position: absolute; bottom: 0;">
+                <a role="button" class="btn btn-primary" href="/kontakt">Kontakt</a>
+                {% include 'partials/socialmedia.html.twig' %}
+            </div>
+        </div>
+        <div class="col-12 col-md-6">
+            <img width="100%" src="{{ url('theme://images/home_slideshow.gif') }}" />
+        </div>
+    </div>
+    <hr class="mb-5">
+    <div class="row">
+    {% set news_page = pages.find('/news') %}
+        {% if news_page and news_page.collection() and news_page.collection()|first %}
+            {% set text_class = 'col-12' %}
+            {% set latest_news = news_page.collection()|first %}
+            {% if latest_news.media.images %}
+                {% set text_class = 'col-12 col-md-9' %}
+                <div class="col-12 col-md-3">
+                    <img width="100%" src="{{ latest_news.media.images|first.url }}">
+                </div>
+            {% endif %}
+            <div class="{{ text_class }}">
+                {{ latest_news.content }}
+            </div>
+        {% endif %}
+    </div>
+    {{ page.content }}
+{% endblock %}

templates/kontakt.html.twig

@@ -0,0 +1,19 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    <div class="row">
+        <div class="col-12">
+            {{ page.content }}
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12">
+            {% include 'partials/socialmedia.html.twig' %}
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12" style="height: 300px">
+            {% include 'partials/osm.html.twig' %}
+        </div>
+    </div>
+{% endblock %}

templates/partials/base.html.twig

@@ -36,7 +36,7 @@
     <div id="wrapper" class="d-flex flex-column">
         {% include 'partials/navbar.html.twig' %}
         <div class="content-wrapper flex-fill">
-            <main class="container-fluid py-3 clearfix">
+            <main class="container-fluid py-5 clearfix">
                 <div class="container">
                     {% block content %}{% endblock %}
                 </div>
@@ -46,7 +46,13 @@
             {% block footer %}
                 <footer class="container-fluid bg-dark text-light py-3">
                     <div class="row">
-                        <p class="mx-auto"><a href="/impressum">Impressum</a> | <a href="/datenschutzerklaerung">Datenschutzerklärung</a></p>
+                        <p class="mx-auto">
+                            <a href="/impressum">Impressum</a>
+                            <span>|</span>
+                            <a href="/datenschutzerklaerung">Datenschutzerklärung</a>
+                            <span>|</span>
+                            <a href="/kontakt">Kontakt</a>
+                        </p>
                     </div>
                     <div class="row">
                         <p class="mx-auto">&#169; Heike Tischler</p>

templates/partials/logo.html.twig

@@ -1,9 +1,9 @@
-{% set logo = theme_var(mobile ? 'custom_logo_mobile' : 'custom_logo') %}
 <a href="{{ home_url }}" class="navbar-brand mr-10">
+    {% set logo = theme_var('custom_logo') %}
     {% if logo %}
-      {% set logo_file = (logo|first).name %}
-      <img src="{{ url('theme://images/logo/' ~ logo_file)  }}" />
+        {% set logo_file = (logo|first).name %}
+        <img src="{{ url('theme://images/logo/' ~ logo_file) }}" />
     {% else %}
-      <img src="{{ url('theme://images/ro-logo.svg')  }}" />
+        <img src="{{ url('theme://images/ro-logo.svg') }}" />
     {% endif %}
 </a>

templates/partials/osm.html.twig

@@ -0,0 +1,11 @@
+<iframe style="margin-bottom: -1.8em; padding-bottom: 1em;" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=13.184784650802612%2C52.76459265506261%2C13.190723061561586%2C52.76727373740601&amp;layer=mapnik&amp;marker=52.765933216869406%2C13.187753856182098" style="border: 1px solid black"></iframe>
+<br/>
+<small style="margin-bottom: 2em;">
+    <a target="_blank" href="https://www.openstreetmap.org/?mlat=52.76593&amp;mlon=13.18775#map=18/52.76593/13.18775">
+        Auf OpenStreetMaps öffnen
+    </a>
+    <span class="mx-1"> | </span>
+    <a target="_blank" href="https://goo.gl/maps/WFYcPCQVA5u2vegy8">
+        Auf Google Maps öffnen
+    </a>
+</small>

templates/partials/socialmedia.html.twig

@@ -0,0 +1,3 @@
+<a role="button" class="btn btn-facebook" href="https://www.facebook.com/Reitanlage-Oranienburg-Heike-Tischler-456154271116487/">
+    <i class="fab fa-facebook-f"></i>
+</a>