[TASK] add materialize-theme

Packages/chrosey_materialize/.gitignore

@@ -0,0 +1 @@
+node_modules

Packages/chrosey_materialize/CHANGELOG.md

@@ -0,0 +1,118 @@
+Pico Default Theme Changelog
+============================
+
+**Note:** This changelog only provides technical information about the changes
+          introduced with a particular Pico version, and is meant to supplement
+          the actual code changes. The information in this changelog are often
+          insufficient to understand the implications of larger changes. Please
+          refer to both the UPGRADE and NEWS sections of the docs for more
+          details.
+
+### Version 2.1.1
+Released: 2019-12-31
+
+No changes
+
+### Version 2.1.0
+Released: 2019-11-24
+
+```
+* [New] Add Pico's official logo and tagline
+* [New] Add some utility classes for typography and images
+* [Changed] Improve documentation of `pico-theme.yml`
+* [Changed] Various small improvements
+```
+
+### Version 2.1.0-beta.1
+Released: 2019-11-03
+
+```
+* [Changed] Add basic `pico-theme.yml` to use API v3, enable Twig's autoescape
+            feature (no changes necessary) and register `Social` meta header
+* [Changed] Use Pico's `pages` Twig function to create the main navigation
+* [Changed] Improve formatting of definition lists and inline code snippets
+* [Changed] Improve JSDoc class docs
+* [Changed] Various small improvements
+```
+
+### Version 2.0.5-beta.1
+Released: 2019-01-03
+
+```
+* [New] Add `2.0.x-dev` alias for master branch to `composer.json`
+```
+
+### Version 2.0.4
+Released: 2018-12-17
+
+No changes
+
+### Version 2.0.3
+Released: 2018-12-03
+
+No changes
+
+### Version 2.0.2
+Released: 2018-08-12
+
+No changes
+
+### Version 2.0.1
+Released: 2018-07-29
+
+No changes
+
+### Version 2.0.0
+Released: 2018-07-01
+
+```
+* [New] Add Bountysource
+* [Changed] Improve documentation
+```
+
+### Version 2.0.0-beta.3
+Released: 2018-04-07
+
+No changes
+
+### Version 2.0.0-beta.2
+Released: 2018-01-21
+
+```
+* [Fixed] Fix sliding animation of collapsible menu in IE 9
+* [Changed] Move Fontello font to `icon/` directory
+* [Changed] Move stylesheets to `css/` directory
+* [Changed] Improve Fontello font copyright notice
+* [Changed] Add Droid Sans and Droid Sans Mono font files to `font/` directory,
+            making Pico's default theme fully self-containing
+```
+
+### Version 2.0.0-beta.1
+Released: 2017-11-05
+
+**Note:** Pico's default theme was completely rewritten from scratch for
+          Pico 2.0 and moved to this separate repository. This changelog only
+          provides basic information about the most important changes compared
+          to Pico 1.0. It therefore doesn't include the changes made before
+          this release. The rewrite breaks backwards compatibility (BC).
+
+```
+* [New] Rewrite Pico's default theme from scratch with a much cleaner, more
+        modern, but still "stupidly simple" structure; the new theme officially
+        supports Internet Explorer 9+ as well as all versions of the major
+        desktop and mobile browsers, as long as they are still officially
+        supported by their respective vendor
+* [New] Pico's default theme is now a fully responsive theme, adapting the
+        layout to the viewing environment (desktops vs. tablets vs. smartphones
+        vs. ...)
+* [New] Add a collapsible page menu for small screens (menu slides up/down)
+* [New] Add basic form themeing
+* [New] Support a "widescreen" mode, demonstrating how themes can adjust their
+        behavior using config parameters (i.e. Pico's `config/config.yml`)
+* [Changed] Show top-level pages in the website's navigation only (i.e. show
+            `page.md` and `sub/index.md`, but not `sub/page.md`)
+* [Changed] Hide pages starting with a `_` in the website's navigation
+* [Changed] Move Pico's social icons from `index.md` to `_meta.md`,
+            demonstrating how themes can use YAML-only meta pages to support
+            dynamic content
+```

Packages/chrosey_materialize/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2012 The Pico Community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

Packages/chrosey_materialize/README.md

@@ -0,0 +1,3 @@
+Pico Materialize Theme
+==================
+

Packages/chrosey_materialize/composer.json

@@ -0,0 +1,19 @@
+{
+    "name": "chrosey/pico-theme-materializecss",
+    "type": "pico-theme",
+    "description": "PicoCMS Materializecss-Theme",
+    "keywords": ["pico", "picocms", "picocms-theme", "pico-theme", "materializecss-theme"],
+    "homepage": "http://picocms.org/",
+    "license": "MIT",
+    "authors": [{
+        "name": "Christian Seyfferth",
+        "email": "info@chrosey.de",
+        "role": "Developer"
+    }],
+    "require": {
+        "picocms/pico": "^2.1"
+    },
+    "extra": {
+        "installer-name": "pico-materializecss"
+    }
+}

Packages/chrosey_materialize/css/style.css

@@ -0,0 +1,35 @@
+nav ul a,
+nav .brand-logo {
+    color: #444;
+}
+
+.sidenav-trigger {
+    color: #26a69a;
+}
+
+body {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+}
+
+main {
+    flex: 1 0 auto;
+}
+
+header,
+main,
+body>nav,
+footer {
+    padding-left: 300px;
+}
+
+@media only screen and (max-width : 992px) {
+
+    header,
+    main,
+    body>nav,
+    footer {
+        padding-left: 0;
+    }
+}

Packages/chrosey_materialize/js/site.js

@@ -0,0 +1 @@
+M.AutoInit();

Packages/chrosey_materialize/templates/index.twig

@@ -0,0 +1,5 @@
+{% extends "templates/layout/base.twig" %}
+
+{% block aside %}
+
+{% endblock %}

Packages/chrosey_materialize/templates/layout/base.twig

@@ -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>

Packages/chrosey_materialize/templates/layout/footer.twig

@@ -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>

Packages/chrosey_materialize/templates/layout/navigationBar.twig

@@ -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 %}