--- /dev/null
+Markdown Test
+=============
+
+This document contains at least one example of each valid markdown element. It is intended as a test for the markdown processor and as a reference for content creation.
+
+---
+
+Code Blocks
+===========
+
+Inline `code blocks` use the backtick key while
+
+ standalone code blocks use
+ four spaces at the start of
+ every line.
+
+---
+
+Headers
+=======
+
+# Header 1
+## Header 2
+### Header 3
+#### Header 4
+##### Header 5
+###### Header 6
+
+Alternate H1
+============
+
+Alternate H2
+------------
+
+---
+
+Text Decorations
+================
+
+Italic emphasis is implemented with *asterisks* or _underscores_.
+
+Bold emphasis uses **double asterisks** or __double underscores__.
+
+These __*can* be__ *combined*.
+
+Strikethroughs use double ~~squigglies~~ tildes.
+
+---
+
+Lists
+=====
+
+1. Lists can be both ordered or unordered.
+ * This includes sublists
+ * and mixed combinations
+2. It is even possible to embed regular paragraphs in a list element.
+
+ They require a leading, blank line and at least one leading space. We have used three spaces here to align the raw markdown.
+
+3. And the list continues after the paragraph.
+2. Note that the raw number is irrelevant; the markdown processor renumbers the list.
+
+---
+
+Links
+=====
+
+Links come in a variety of styles.
+
+* [Inline link](/)
+* [Inline link with title/reftext](/ "home")
+* [Reference with text][REFTEXT]
+* [Reference with number][1]
+* Triangular brackets can also define a link: <http://werc.subgeniuskitty.com>
+
+The link definition can be separate from the declaration.
+
+[REFTEXT]: http://werc.subgeniuskitty.com
+[1]: http://werc.subgeniuskitty.com
+
+---
+
+Images
+======
+
+Inline style:
+
+![alt text](/pub/images/test_img.png)
+
+Reference style:
+
+![alt text][testimg]
+
+[testimg]: /pub/images/test_img.png
+
+---
+
+Tables
+======
+
+Tables can be aligned with colons and inline markdown is allowed.
+
+| Left-align | Center-align | Right-align |
+| :--------- | :----------: | ----------------: |
+| *Italic* | **Bold** | **_Bold Italic_** |
+| And | `code` | `blocks` |
+
+---
+
+Block Quotes
+============
+
+> Block quotes can be inserted with a '> ' prefix.
+
+They can be separated by normal text.
+
+> And then continue again.
+
--- /dev/null
+body {
+ background-color: #eee;
+ color: #222; /*#111;*/
+ font-family: sans-serif;
+ padding: 0;
+ margin: 0;
+}
+
+a {
+ color: #005386; /*#058;*/
+ text-decoration: none;
+}
+
+a:hover {
+ background-color: #eee;
+}
+
+#menu {
+ clear: both;
+ overflow: hidden;
+ color: #069;
+ background-color: #17a;
+ padding: 0.7ex;
+ font-size: 94%;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #069;
+}
+
+#menu a {
+ padding: 0.5ex 1ex 0.5ex 1ex;
+ color: #fff;
+}
+
+#menu a:hover {
+ background-color: #069;
+}
+
+#menu a.thisSite {
+ font-weight: bold;
+ /*font-style: italic;*/
+}
+
+#header {
+ clear: both;
+ color: #555; /*#666;*/
+ /*text-shadow: 1px 1px #fff;*/
+ font-size: 1.78em; /*1.7em;*/
+ padding: 0.7ex 0.7ex 0.7ex 0.7em;
+}
+
+#headerLink {
+ color: #17a; /*#666;*/
+ margin-left: 5px;
+}
+
+h1 {
+ margin: 1em 1ex 0.5ex 0;
+ font-size: 1.4em;
+}
+
+h2 {
+ margin: 1em 1ex 0.5ex 0;
+ font-size: 1.3em;
+}
+
+h3 {
+ margin: 1em 1ex 0.5ex 0;
+ font-size: 1.0em;
+}
+
+h4 {
+ margin: 1em 1ex 0.5ex 0;
+ font-size: 0.9em;
+}
+
+#content {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ background-color: #fff;
+ overflow: hidden;
+}
+
+#nav {
+ background-color: #fff;
+ float: left;
+ margin: 0 1px 0 0;
+ padding: 1em 0;
+ border-right: 1px dotted #ccc;
+ width: 200px;
+}
+
+#nav ul {
+ margin: 0;
+ padding: 0;
+}
+
+#nav li {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+#nav li ul {
+ padding-left: 0.6em !important;
+}
+
+#nav li a {
+ display: block;
+ margin: 0;
+ padding: 0.8ex 2em 0.8ex 1em;
+}
+
+#nav li a.thisPage {
+ color: #222; /*#333;*/
+ font-weight: bold;
+ /*font-style: italic;*/
+}
+
+#main {
+ margin: 0 0 0 200px;
+ padding: 1.5em;
+ max-width: 50em;
+}
+
+#footer {
+ clear: both;
+ color: #666;
+ border-top: 1px solid #ccc;
+ font-size: 84%;
+ padding: 1em;
+ margin: 0 0 1.5em 0;
+}
+
+.left {
+ float: left;
+ margin: 0;
+ padding: 0;
+}
+
+.right {
+ float: right;
+ margin: 0;
+ padding: 0;
+}
+
+blockquote {
+ background-color: #eee;
+ border-left: 1.5ex solid #ccc;
+ padding: 0.3em ;
+}
+++ /dev/null
-Markdown Test
-=============
-
-This document contains at least one example of each valid markdown element. It is intended as a test for the markdown processor and as a reference for content creation.
-
----
-
-Code Blocks
-===========
-
-Inline `code blocks` use the backtick key while
-
- standalone code blocks use
- four spaces at the start of
- every line.
-
----
-
-Headers
-=======
-
-# Header 1
-## Header 2
-### Header 3
-#### Header 4
-##### Header 5
-###### Header 6
-
-Alternate H1
-============
-
-Alternate H2
-------------
-
----
-
-Text Decorations
-================
-
-Italic emphasis is implemented with *asterisks* or _underscores_.
-
-Bold emphasis uses **double asterisks** or __double underscores__.
-
-These __*can* be__ *combined*.
-
-Strikethroughs use double ~~squigglies~~ tildes.
-
----
-
-Lists
-=====
-
-1. Lists can be both ordered or unordered.
- * This includes sublists
- * and mixed combinations
-2. It is even possible to embed regular paragraphs in a list element.
-
- They require a leading, blank line and at least one leading space. We have used three spaces here to align the raw markdown.
-
-3. And the list continues after the paragraph.
-2. Note that the raw number is irrelevant; the markdown processor renumbers the list.
-
----
-
-Links
-=====
-
-Links come in a variety of styles.
-
-* [Inline link](/)
-* [Inline link with title/reftext](/ "home")
-* [Reference with text][REFTEXT]
-* [Reference with number][1]
-* Triangular brackets can also define a link: <http://werc.subgeniuskitty.com>
-
-The link definition can be separate from the declaration.
-
-[REFTEXT]: http://werc.subgeniuskitty.com
-[1]: http://werc.subgeniuskitty.com
-
----
-
-Images
-======
-
-Inline style:
-
-![alt text](/pub/images/test_img.png)
-
-Reference style:
-
-![alt text][testimg]
-
-[testimg]: /pub/images/test_img.png
-
----
-
-Tables
-======
-
-Tables can be aligned with colons and inline markdown is allowed.
-
-| Left-align | Center-align | Right-align |
-| :--------- | :----------: | ----------------: |
-| *Italic* | **Bold** | **_Bold Italic_** |
-| And | `code` | `blocks` |
-
----
-
-Block Quotes
-============
-
-> Block quotes can be inserted with a '> ' prefix.
-
-They can be separated by normal text.
-
-> And then continue again.
-
--- /dev/null
+<html>
+<head>
+ <title>%%page_title%%</title>
+ <link rel="stylesheet" href="/style.css" type="text/css" media="screen, handheld" title="default">
+ <meta charset="UTF-8">
+</head>
+<body>
+ <div id="header">
+ <a id="headerLink" href="/">%%site_title%%</a>
+ </div>
+ <div id="menu">
+ <span class="left">
+ %%menu%%
+ </span>
+ </div>
+ <div id="content">
+ <div id="main">
+ %%page_content%%
+ </div>
+ </div>
+ <div id="footer">
+ <span class="left">Powered by <a href="https://github.com/subgeniuskitty/cmless">CMless</a></span>
+ <span class="right">© 2018 subgeniuskitty.com</span>
+ </div>
+</body>
+</html>