Added css framework and implemented it on some page (not all yet)

2017-09-11 16:36:06 +07:00
parent 991f8410c9
commit 1f62a24c80
5 changed files with 133 additions and 71 deletions
--- a/App/Views/base.html
+++ b/App/Views/base.html
@@ -2,10 +2,41 @@
 <html>
    <head>
        <meta charset="utf-8">
+        <link rel="stylesheet" href="/css/picnic.min.css">
        <title>{% block title %}{% endblock %}</title>
+
+        <style>
+            .documentation > section {
+                background: #fff;
+                text-align: left;
+                width: 90%;
+                max-width: 960px;
+                margin: 0 auto;
+                padding: 80px 0 0;
+            }
+
+            nav.transparent {
+                box-shadow: none;
+                background: none;
+            }
+
+            .pseudo.button {
+                background: transparent;
+                color: #111;
+            }
+
+            .shyButton {
+                font-size: .75em;
+            }
+        </style>
    </head>
    <body>
-        <a href="/">Home</a>
+        <nav>
+            <a href="/" class="brand">
+                <span>Home</span>
+            </a>
+            {% block nav %}{% endblock %}
+        </nav>
        {% block body %}
        {% endblock %}
    </body>