[TASK] add materialize-theme

2020-05-04 19:47:14 +02:00
parent e64da153cd
commit 32c7ed5dec
15 changed files with 21831 additions and 0 deletions
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    {% block head %}
+    <meta charset="utf-8" />
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0" />
+
+    <title>
+        {% if meta.title %}
+        {{ meta.title }}
+        |
+        {% endif %}
+        {{ site_title }}</title>
+    {% if meta.description %}
+    <meta name="description"
+          content="{{ meta.description|striptags }}" />
+    {% endif %}
+    {% if meta.robots %}
+    <meta name="robots"
+          content="{{ meta.robots }}" />
+    {% endif %}
+
+    {% if current_page %}
+    <link rel="canonical"
+          href="{{ current_page.url }}" />
+    {% endif %}
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+          rel="stylesheet">
+    <link rel="stylesheet"
+          href="{{ theme_url }}/css/materialize.min.css">
+    <link rel="stylesheet"
+          href="{{ theme_url }}/css/style.css"
+          type="text/css" />
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism-tomorrow.min.css"
+          rel="stylesheet" />
+    {% endblock %}
+</head>
+
+<body>
+    {% include "templates/layout/navigationBar.twig" %}
+    <main class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-6 col-lg-6">
+                {% block content %}
+                <section>
+                    {{ content }}
+                </section>
+                {% endblock %}
+
+            </div>
+            <aside class="col-sm-12 col-md-2 col-lg-2">
+                <div class="row">
+                    <div class="col-sm-12">
+                        {% block aside %}
+                        <section>
+                            {{ aside }}
+                        </section>
+                        {% endblock %}
+
+                    </div>
+                </div>
+            </aside>
+        </div>
+    </main>
+    {% include "templates/layout/footer.twig" %}
+    <script type="text/javascript"
+            src="{{ theme_url }}/js/materialize.min.js"></script>
+    <script src="{{ theme_url }}/js/site.js"
+            type="text/javascript">
+    </script>
+
+</body>
+
+</html>
@@ -0,0 +1,18 @@
+<footer class="page-footer white">
+    <div class="container">
+        <div class="row">
+            <div class="col l6 s12">
+
+            </div>
+            <div class="col l4 offset-12 s12">
+
+            </div>
+        </div>
+    </div>
+    <div class="footer-copyright">
+        <div class="container black-text">
+            &copy; 2013 - {{ now|date("Y") }} by chrosey
+            <span class="right">powered by <a href="http://picocms.org/">picoCMS</a></span>
+        </div>
+    </div>
+</footer>
@@ -0,0 +1,74 @@
+{% block navigation %}
+<nav class="white"
+     role="navigation">
+   <div class="nav-wrapper container">
+      <a id="logo-container"
+         href="{{ "index"|link }}"
+         class="brand-logo">
+         <img src="{{ assets_url }}/logo.svg "
+              alt=""
+              height="50"
+              width="50" />
+      </a>
+      <a data-target="slide-out"
+         class="sidenav-trigger"><i class="material-icons">menu</i></a>
+      <ul class="right hide-on-med-and-down">
+         {% for page in pages("index") if not page.hidden %}
+
+         {% if pages(page.id) | length < 1 %}
+         <li>
+            <a class=""
+               href="{{ page.url }}"
+               tabindex="0">{{ page.title }}</a>
+         </li>
+         {% else %}
+         <li>
+            <a class="dropdown-trigger"
+               data-target="dropdown_{{ page.id }}"
+               tabindex="0">{{ page.title }}<i class="material-icons left">arrow_drop_down</i></a>
+            <ul class="dropdown-content"
+                id="dropdown_{{ page.id }}">
+               {% for subpage in pages(page.id) %}
+               <li>
+                  <a class=""
+                     href="{{ subpage.url }}"
+                     tabindex="0">{{ subpage.title }}</a>
+               </li>
+               {% endfor %}
+            </ul>
+            {% endif %}
+         </li>
+         {% endfor %}
+      </ul>
+   </div>
+</nav>
+
+<ul id="slide-out"
+    class="sidenav sidenav-fixed collapsible">
+   {% for page in pages("index") if not page.hidden %}
+   {% if pages(page.id) | length < 1 %}
+   <li>
+      <a class="waves-effect"
+         href="{{ page.url }}"
+         tabindex="0">{{ page.title }}</a>
+      {% else %}
+   <li>
+      <a class="collapsible-header waves-effect"
+         data-target="collapse_{{page.id}}">{{ page.title }}<i class="material-icons right">arrow_drop_down</i></a>
+      <div class="collapsible-body"
+           id="collapse_{{page.id}}">
+         <ul>
+            {% for subpage in pages(page.id) %}
+            <li>
+               <a class="waves-effect"
+                  href="{{ subpage.url }}">{{ subpage.title }}</a>
+            </li>
+            {% endfor %}
+         </ul>
+   </li>
+   {% endif %}
+
+   </li>
+   {% endfor %}
+</ul>
+{% endblock %}