@@ -1,4 +1,6 @@ 
 nimcache/
 hastysite
 packages/
+site/temp
+site/output
 hastysite.exe

@@ -0,0 +1,304 @@ 
+.luxbar-default {
+  width: 100%;
+  position: relative;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
+
+.luxbar-static {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0; }
+  .luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {
+    position: absolute; }
+
+.luxbar-fixed {
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
+
+.luxbar-fixed-bottom {
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
+
+.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
+  display: block;
+  height: 2px;
+  width: 26px;
+  transition: 0.6s ease; }
+
+.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
+  background-color: transparent; }
+  .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {
+    margin-top: 0; }
+
+.luxbar-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 58px; }
+
+.luxbar-menu-left .luxbar-navigation, .luxbar-menu-left .luxbar-header {
+  justify-content: flex-start; }
+
+.luxbar-menu-right .luxbar-hamburger {
+  margin-left: auto; }
+
+.luxbar-brand {
+  font-size: 1.6em;
+  padding: 18px 24px 18px 24px; }
+
+.luxbar-menu {
+  min-height: 58px;
+  transition: 0.6s ease;
+  width: 100%; }
+
+.luxbar-navigation {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  padding-left: 0;
+  margin: 0; }
+
+.luxbar-menu a,
+.luxbar-item a {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer; }
+
+.luxbar-item {
+  height: 58px; }
+  .luxbar-item a {
+    padding: 18px 24px 18px 24px;
+    display: block; }
+
+.luxbar-hamburger {
+  padding: 18px 24px 18px 24px;
+  position: relative;
+  cursor: pointer; }
+  .luxbar-hamburger span::before, .luxbar-hamburger span::after {
+    content: '';
+    position: absolute; }
+  .luxbar-hamburger span::before {
+    margin-top: -8px; }
+  .luxbar-hamburger span::after {
+    margin-top: 8px; }
+
+.luxbar-checkbox {
+  display: none; }
+  .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
+    overflow: hidden;
+    height: 58px; }
+  .luxbar-checkbox:checked ~ .luxbar-menu {
+    transition: height 0.6s ease;
+    height: 100vh;
+    overflow: auto; }
+
+.dropdown {
+  position: relative;
+  height: auto;
+  min-height: 58px; }
+  .dropdown:hover > ul {
+    position: relative;
+    display: block;
+    min-width: 100%; }
+  .dropdown > a::after {
+    position: absolute;
+    content: '';
+    right: 10px;
+    top: 25px;
+    border-width: 5px 5px 0;
+    border-color: transparent;
+    border-style: solid; }
+  .dropdown > ul {
+    display: block;
+    overflow-x: hidden;
+    list-style: none;
+    padding: 0; }
+    .dropdown > ul .luxbar-item {
+      min-width: 100%;
+      height: 29px;
+      padding: 5px 10px 5px 40px; }
+      .dropdown > ul .luxbar-item a {
+        min-height: 29px;
+        line-height: 29px;
+        padding: 0; }
+
+@media screen and (min-width: 768px) {
+  .luxbar-navigation {
+    flex-flow: row;
+    justify-content: flex-end; }
+
+  .luxbar-hamburger {
+    display: none; }
+
+  .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
+    overflow: visible; }
+  .luxbar-checkbox:checked ~ .luxbar-menu {
+    height: 58px; }
+
+  .luxbar-menu .luxbar-item {
+    border-top: 0; }
+
+  .luxbar-menu-right .luxbar-header {
+    margin-right: auto; }
+
+  .dropdown {
+    height: 58px; }
+    .dropdown:hover > ul {
+      position: absolute;
+      left: 0;
+      top: 58px;
+      padding: 0; }
+    .dropdown > ul {
+      display: none; }
+      .dropdown > ul .luxbar-item {
+        padding: 5px 10px; }
+        .dropdown > ul .luxbar-item a {
+          white-space: nowrap; } }
+.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {
+  transform: rotate(225deg); }
+.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {
+  transform: rotate(-225deg); }
+
+.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {
+  transform: rotate(45deg); }
+.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {
+  transform: rotate(-45deg); }
+
+/******* color variables *******/
+/******* default dark *******/
+.luxbar-menu-dark,
+.luxbar-menu-dark .dropdown ul {
+  background-color: #212121;
+  color: #fff; }
+
+.luxbar-menu-dark .active,
+.luxbar-menu-dark .luxbar-item:hover {
+  background-color: #424242; }
+.luxbar-menu-dark .luxbar-hamburger span,
+.luxbar-menu-dark .luxbar-hamburger span::before,
+.luxbar-menu-dark .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/******* default light *******/
+.luxbar-menu-light,
+.luxbar-menu-light .dropdown ul {
+  background-color: #e0e0e0;
+  color: #212121; }
+
+.luxbar-menu-light .active,
+.luxbar-menu-light .luxbar-item:hover {
+  background-color: #bdbdbd; }
+.luxbar-menu-light .luxbar-hamburger span,
+.luxbar-menu-light .luxbar-hamburger span::before,
+.luxbar-menu-light .luxbar-hamburger span::after {
+  background-color: #212121; }
+
+/******* default material-red *******/
+.luxbar-menu-material-red,
+.luxbar-menu-material-red .dropdown ul {
+  background-color: #b71c1c;
+  color: #fff; }
+
+.luxbar-menu-material-red .active,
+.luxbar-menu-material-red .luxbar-item:hover {
+  background-color: #c62828; }
+.luxbar-menu-material-red .luxbar-hamburger span,
+.luxbar-menu-material-red .luxbar-hamburger span::before,
+.luxbar-menu-material-red .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/******* default material-indigo *******/
+.luxbar-menu-material-indigo,
+.luxbar-menu-material-indigo .dropdown ul {
+  background-color: #1a237e;
+  color: #fff; }
+
+.luxbar-menu-material-indigo .active,
+.luxbar-menu-material-indigo .luxbar-item:hover {
+  background-color: #283593; }
+.luxbar-menu-material-indigo .luxbar-hamburger span,
+.luxbar-menu-material-indigo .luxbar-hamburger span::before,
+.luxbar-menu-material-indigo .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/******* default material-green *******/
+.luxbar-menu-material-green,
+.luxbar-menu-material-green .dropdown ul {
+  background-color: #1b5e20;
+  color: #fff; }
+
+.luxbar-menu-material-green .active,
+.luxbar-menu-material-green .luxbar-item:hover {
+  background-color: #2e7d32; }
+.luxbar-menu-material-green .luxbar-hamburger span,
+.luxbar-menu-material-green .luxbar-hamburger span::before,
+.luxbar-menu-material-green .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/******* default material-amber *******/
+.luxbar-menu-material-amber,
+.luxbar-menu-material-amber .dropdown ul {
+  background-color: #ff6f00;
+  color: #fff; }
+
+.luxbar-menu-material-amber .active,
+.luxbar-menu-material-amber .luxbar-item:hover {
+  background-color: #ff8f00; }
+.luxbar-menu-material-amber .luxbar-hamburger span,
+.luxbar-menu-material-amber .luxbar-hamburger span::before,
+.luxbar-menu-material-amber .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/******* default material-brown *******/
+.luxbar-menu-material-brown,
+.luxbar-menu-material-brown .dropdown ul {
+  background-color: #3e2723;
+  color: #fff; }
+
+.luxbar-menu-material-brown .active,
+.luxbar-menu-material-brown .luxbar-item:hover {
+  background-color: #4e342e; }
+.luxbar-menu-material-brown .luxbar-hamburger span,
+.luxbar-menu-material-brown .luxbar-hamburger span::before,
+.luxbar-menu-material-brown .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/******* default material-bluegrey *******/
+.luxbar-menu-material-bluegrey,
+.luxbar-menu-material-bluegrey .dropdown ul {
+  background-color: #263238;
+  color: #fff; }
+
+.luxbar-menu-material-bluegrey .active,
+.luxbar-menu-material-bluegrey .luxbar-item:hover {
+  background-color: #37474f; }
+.luxbar-menu-material-bluegrey .luxbar-hamburger span,
+.luxbar-menu-material-bluegrey .luxbar-hamburger span::before,
+.luxbar-menu-material-bluegrey .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/******* default material-cyan *******/
+.luxbar-menu-material-cyan,
+.luxbar-menu-material-cyan .dropdown ul {
+  background-color: #006064;
+  color: #fff; }
+
+.luxbar-menu-material-cyan .active,
+.luxbar-menu-material-cyan .luxbar-item:hover {
+  background-color: #00838f; }
+.luxbar-menu-material-cyan .luxbar-hamburger span,
+.luxbar-menu-material-cyan .luxbar-hamburger span::before,
+.luxbar-menu-material-cyan .luxbar-hamburger span::after {
+  background-color: #fff; }
+
+/*# sourceMappingURL=luxbar.css.map */

@@ -5,6 +5,7 @@ "templates": "templates",
   "temp": "temp",
   "output": "output",
   "scripts": "scripts",
-  "title": "My Web Site",
+  "title": "HastySite",
+  "descriotion": "A simple but powerful static site generator",
   "rules": "rules.min"
-}+}

@@ -0,0 +1,14 @@ 
+<footer>
+<p>&copy; 2017 &mdash; <a href="https://h3rald.com">Fabio Cevasco</a></p>
+<p>
+  <a href="http://creativecommons.org/licenses/by-sa/4.0/">
+    <img src="https://img.shields.io/badge/content-CC%20BY--SA%204.0 License-yellow.svg" 
+         alt="Web site content licensed under the Creative Commons Attribution Share-Alike 4.0 license"/>
+  </a>
+  <br />
+  <a href="https://opensource.org/licenses/MIT">
+    <img src="https://img.shields.io/badge/code-MIT License-blue.svg" 
+         alt="Source code licensed under the MITlicense"/>
+  </a>
+</p>
+</footer>

@@ -0,0 +1,8 @@ 
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="{{description}}">
+    <title>{{site}} - {{title}}</title>
+    <link rel="stylesheet" href="/styles/hastyscribe.css">
+    <link rel="stylesheet" href="/styles/luxbar.css">
+  </head>

@@ -0,0 +1,19 @@ 
+<header id="luxbar" class="luxbar-fixed">
+    <input type="checkbox" class="luxbar-checkbox" id="luxbar-checkbox"/>
+    <div class="luxbar-menu luxbar-menu-right luxbar-menu-dark">
+        <ul class="luxbar-navigation">
+            <li class="luxbar-header">
+                <a href="#" class="luxbar-brand">{{title}}</a>
+                <label class="luxbar-hamburger luxbar-hamburger-doublespin" 
+                id="luxbar-hamburger" for="luxbar-checkbox"> <span></span> </label>
+            </li>
+            <li class="luxbar-item"><a href="#">Item 1</a></li>
+
+            <li class="luxbar-item"><a href="#">Item 2</a></li>
+
+            <li class="luxbar-item"><a href="#">Item 3</a></li>
+
+            <li class="luxbar-item"><a href="#">Item 4</a></li>
+        </ul>
+    </div>
+</header>

@@ -0,0 +1,14 @@ 
+<!doctype html>
+<html lang="en">
+  {{> _head}}
+  <body>
+    {{> _header}}
+    <main>
+      <article>
+        <h1>{{title}}</h1>
+        {{{contents}}}
+      </article>
+    </main>
+    {{> _footer}}
+  </body>
+</html>