├── .gitignore
├── README.md
├── css
    ├── animations.css
    ├── poole.min.css
    └── poole.overrides.min.css
├── index.html
├── js
    ├── cms.js
    └── config.js
├── layouts
    ├── error.html
    ├── page-list.html
    ├── page.html
    ├── post-list.html
    └── post.html
├── pages
    ├── .htaccess
    ├── about.md
    └── links.md
└── posts
    ├── .htaccess
    ├── 2015-05-10-new-feature.md
    ├── 2017-08-20-another-example-post.md
    └── 2018-03-01-sample-blog-post.md


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/*
3 | release/*
4 | *.swp


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## CMS.js Starter
 2 | 
 3 | **Quick Start**
 4 | 
 5 | 1. Clone this repo: `git clone https://github.com/chrisdiana/cms.js-starter.git`
 6 | 2. Configure `js/config.js` to your liking
 7 | 3. Make sure to set your Github settings in `js/config.js` if using Github mode
 8 | 4. If using Github mode, create a new branch from your master or working branch called `gh-pages` (Github's default branch for hosting)
 9 | 5. Visit your site! (which should be located at `https://yourusername.github.io/cms.js-starter`)
10 | 
11 | 
12 | ![CMS.js Screenshot](https://raw.githubusercontent.com/chrisdiana/cms.js/gh-pages/img/screenshot.png)
13 | 
14 | ## Learn more about CMS.js
15 | 
16 | * Visit the [CMS.js repo](https://github.com/chrisdiana/cms.js) to learn more
17 | * Get more themes and templates [here](https://chrisdiana.github.io/cms.js-themes)
18 | 


--------------------------------------------------------------------------------
/css/animations.css:
--------------------------------------------------------------------------------
 1 | /* Animations Styles */
 2 | 
 3 | .fade-in {
 4 |   -webkit-animation: fadein 1s;
 5 |   -moz-animation: fadein 1s;
 6 |   -ms-animation: fadein 1s;
 7 |   -o-animation: fadein 1s;
 8 |   animation: fadein 1s;
 9 | }
10 | 
11 | @keyframes fadein {
12 |   from { opacity: 0; }
13 |   to   { opacity: 1; }
14 | }
15 | 
16 | @-moz-keyframes fadein {
17 |   from { opacity: 0; }
18 |   to   { opacity: 1; }
19 | }
20 | 
21 | @-webkit-keyframes fadein {
22 |   from { opacity: 0; }
23 |   to   { opacity: 1; }
24 | }
25 | 
26 | @-ms-keyframes fadein {
27 |   from { opacity: 0; }
28 |   to   { opacity: 1; }
29 | }
30 | 


--------------------------------------------------------------------------------
/css/poole.min.css:
--------------------------------------------------------------------------------
1 | /* Poole - Designed, built, and released under MIT license by @mdo. https://github.com/poole/poole. */
2 | *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5}@media (min-width: 38em){html{font-size:20px}}body{color:#515151;background-color:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{color:#268bd2;text-decoration:none}a strong{color:inherit}a:hover,a:focus{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:bold;line-height:1.25;color:#313131;text-rendering:optimizeLegibility}h1{font-size:2rem}h2{margin-top:1rem;font-size:1.5rem}h3{margin-top:1.5rem;font-size:1.25rem}h4,h5,h6{margin-top:1rem;font-size:1rem}p{margin-top:0;margin-bottom:1rem}strong{color:#303030}ul,ol,dl{margin-top:0;margin-bottom:1rem}dt{font-weight:bold}dd{margin-bottom:.5rem}hr{position:relative;margin:1.5rem 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}abbr{font-size:85%;font-weight:bold;color:#555;text-transform:uppercase}abbr[title]{cursor:help;border-bottom:1px dotted #e5e5e5}code,pre{font-family:Menlo, Monaco, "Courier New", monospace}code{padding:.25em .5em;font-size:85%;color:#bf616a;background-color:#f9f9f9;border-radius:3px}pre{display:block;margin-top:0;margin-bottom:1rem;padding:1rem;font-size:.8rem;line-height:1.4;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;background-color:#f9f9f9}pre code{padding:0;font-size:100%;color:inherit;background-color:transparent}.highlight{margin-bottom:1rem;border-radius:4px}.highlight pre{margin-bottom:0}.gist .gist-file{font-family:Menlo, Monaco, "Courier New", monospace !important}.gist .markdown-body{padding:15px}.gist pre{padding:0;background-color:transparent}.gist .gist-file .gist-data{font-size:.8rem !important;line-height:1.4}.gist code{padding:0;color:inherit;background-color:transparent;border-radius:0}blockquote{padding:.5rem 1rem;margin:.8rem 0;color:#7a7a7a;border-left:.25rem solid #e5e5e5}blockquote p:last-child{margin-bottom:0}@media (min-width: 30em){blockquote{padding-right:5rem;padding-left:1.25rem}}img{display:block;max-width:100%;margin:0 0 1rem;border-radius:5px}table{margin-bottom:1rem;width:100%;border:1px solid #e5e5e5;border-collapse:collapse}td,th{padding:.25rem .5rem;border:1px solid #e5e5e5}tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background-color:#f9f9f9}.lead{font-size:1.25rem;font-weight:300}.message{margin-bottom:1rem;padding:1rem;color:#717171;background-color:#f9f9f9}.container{max-width:38rem;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}.masthead{padding-top:1rem;padding-bottom:1rem;margin-bottom:3rem}.masthead-title{margin-top:0;margin-bottom:0;color:#505050}.masthead-title a{color:#505050}.masthead-title small{font-size:75%;font-weight:400;color:#c0c0c0;letter-spacing:0}.page,.post{margin-bottom:4em}.page-title,.post-title,.post-title a{color:#303030}.page-title,.post-title{margin-top:0}.post-date{display:block;margin-top:-.5rem;margin-bottom:1rem;color:#9a9a9a}.related{padding-top:2rem;padding-bottom:2rem;border-top:1px solid #eee}.related-posts{padding-left:0;list-style:none}.related-posts h3{margin-top:0}.related-posts li small{font-size:75%;color:#999}.related-posts li a:hover{color:#268bd2;text-decoration:none}.related-posts li a:hover small{color:inherit}.pagination{overflow:hidden;margin-left:-1rem;margin-right:-1rem;font-family:"PT Sans", Helvetica, Arial, sans-serif;color:#ccc;text-align:center}.pagination-item{display:block;padding:1rem;border:1px solid #eee}.pagination-item:first-child{margin-bottom:-1px}a.pagination-item:hover{background-color:#f5f5f5}@media (min-width: 30em){.pagination{margin:3rem 0}.pagination-item{float:left;width:50%}.pagination-item:first-child{margin-bottom:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination-item:last-child{margin-left:-1px;border-top-right-radius:4px;border-bottom-right-radius:4px}}


--------------------------------------------------------------------------------
/css/poole.overrides.min.css:
--------------------------------------------------------------------------------
1 | /* CMS.js overrides */
2 | nav{display:block;float:right}nav ul{list-style:none;padding:0}nav ul li{display:inline;padding-left:10px}nav ul li a{font-size:18px}.footer{padding-bottom:15px}.sitename img{max-height:32px}.masthead-title{display:block;float:left}.masthead-title a{float:left}.masthead-title small{padding-left:8px}.post-tag,input{padding:5px 10px}.post-tags{margin-bottom:14px}.post-tag{background:#1b89d5;color:#fff;text-transform:uppercase;font-size:15px;margin-right:8px}.post-tag:hover{text-decoration:none;background:#0a74b9}input{font-size:18px}@media (max-width:480px){nav{float:right;width:100%;margin-top:.5rem}nav ul li{padding-left:.5rem}nav ul li:first-child{padding-left:0}nav ul li a{font-size:1rem}}
3 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>CMS.js</title>
 7 |     <meta name="description" content="The JavaScript Site Generator">
 8 |     <meta name="author" content="">
 9 |     <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
10 |     <link rel="stylesheet" href="./css/animations.css">
11 |     <link rel="stylesheet" href="./css/poole.min.css">
12 |     <link rel="stylesheet" href="./css/poole.overrides.min.css">
13 |     <!--[if lt IE 9]>
14 |       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
15 |     <![endif]-->
16 |     <noscript>Please enable JavaScript to view this site.</noscript>
17 |   </head>
18 |   <body>
19 |     <!-- Main Container -->
20 |     <div class="container content">
21 |       <!-- Header -->
22 |       <header class="masthead">
23 |         <h3 class="masthead-title">
24 |         <a href="#" class="sitename" title="Home">
25 |           CMS.js
26 |         </a>
27 |         <small class="tagline">
28 |           The Javascript Site Generator
29 |         </small>
30 |         </h3>
31 |         <!-- Navigation -->
32 |         <nav class="nav">
33 |           <ul>
34 |             <li><a href="#/posts">Posts</a></li>
35 |             <li><a href="//github.com/chrisdiana/cms.js" target="_blank">Github</a></li>
36 |             <li><a href="#/pages/about">About</a></li>
37 |             <li><a href="#/pages/links">Links</a></li>
38 |           </ul>
39 |         </nav>
40 |       </header>
41 | 
42 |       <!-- CMS -->
43 |       <div id="cms"></div>
44 | 
45 |       <!-- Footer -->
46 |       <footer class="footer">
47 |         <small class="footer-text">
48 |         </small>
49 |       </footer>
50 |     </div>
51 | 
52 |     <!-- ES5 Polyfills -->
53 |     <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.12/es5-shim.min.js"></script>
54 |     <!-- CMS.js -->
55 |     <script src="./js/cms.js"></script>
56 |     <!-- Config -->
57 |     <script src="./js/config.js"></script>
58 |   </body>
59 | </html>


--------------------------------------------------------------------------------
/js/cms.js:
--------------------------------------------------------------------------------
1 | /*! CMS.js v2.0.0 | MIT (c) 2018 Chris Diana | https://github.com/chrisdiana/cms.js */
2 | var CMS=function(o){"use strict";var n,e;this.ready=!1,this.routes={},this.collections={};var i={elementId:null,layoutDirectory:null,defaultView:null,errorLayout:null,mode:"SERVER",github:null,types:[],plugins:[],frontMatterSeperator:"---",listAttributes:["tags"],dateParser:/\d{4}-\d{2}(?:-\d{2})?/,extension:".md",sort:void 0,markdownEngine:null,debug:!(this.filteredCollections={}),messageClassName:"cms-messages",onload:function(){},onroute:function(){}},r='ERROR: No element ID or ID incorrect. Check "elementId" parameter in config.',s="ERROR: Error getting files. Make sure there is a directory for each type in config with files in it.",l="ERROR: Error getting the file",a="ERROR: Error loading layout. Check the layout file to make sure it exists.",c="WARNING: Not ready to perform action";function u(){this.rules=[{regex:/(#+)(.*)/g,replacement:function(t,e,n){var i=e.length;return"<h"+i+">"+n.trim()+"</h"+i+">"}},{regex:/!\[([^[]+)\]\(([^)]+)\)/g,replacement:"<img src='$2' alt='$1'>"},{regex:/\[([^[]+)\]\(([^)]+)\)/g,replacement:"<a href='$2'>$1</a>"},{regex:/(\*\*|__)(.*?)\1/g,replacement:"<strong>$2</strong>"},{regex:/(\*|_)(.*?)\1/g,replacement:"<em>$2</em>"},{regex:/~~(.*?)~~/g,replacement:"<del>$1</del>"},{regex:/:"(.*?)":/g,replacement:"<q>$1</q>"},{regex:/```[a-z]*\n[\s\S]*?\n```/g,replacement:function(t){return"<pre>"+(t=t.replace(/```/gm,"")).trim()+"</pre>"}},{regex:/&&&[a-z]*\n[\s\S]*?\n&&&/g,replacement:function(t){return'<script type="text/javascript">'+(t=t.replace(/```/gm,"")).trim()+"<\/script>"}},{regex:/`(.*?)`/g,replacement:"<code>$1</code>"},{regex:/\n\*(.*)/g,replacement:function(t,e){return"\n<ul>\n\t<li>"+e.trim()+"</li>\n</ul>"}},{regex:/\n[0-9]+\.(.*)/g,replacement:function(t,e){return"\n<ol>\n\t<li>"+e.trim()+"</li>\n</ol>"}},{regex:/\n(&gt;|>)(.*)/g,replacement:function(t,e,n){return"\n<blockquote>"+n.trim()+"</blockquote>"}},{regex:/\n-{5,}/g,replacement:"\n<hr />"},{regex:/\n([^\n]+)\n/g,replacement:function(t,e){var n=e.trim();if(/^<\/?(ul|ol|li|h|p|bl)/i.test(n))return"\n"+e+"\n";return"\n<p>"+n+"</p>\n"}},{regex:/<\/ul>\s?<ul>/g,replacement:""},{regex:/<\/ol>\s?<ol>/g,replacement:""},{regex:/<\/blockquote><blockquote>/g,replacement:"\n"}],this.render=function(e){return e="\n"+e+"\n",this.rules.forEach(function(t){e=e.replace(t.regex,t.replacement)}),e.trim()}}function h(t,e){var n=new XMLHttpRequest;n.open("GET",t,!0),n.onreadystatechange=function(){4===n.readyState&&(200===n.status?e(n.response,!1):e(n,n.statusText))},n.send()}function f(t,e){e||(e=window.location.href),t=t.replace(/[[]]/g,"\\$&");var n=new RegExp("[?&]"+t+"(=([^&#]*)|&|#|$)").exec(e);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null}function g(t,i,r){h(t,function(t,e){var n;e&&r(t,e),r((n=t,new Function("data","var output="+JSON.stringify(n).replace(/<%=(.+?)%>/g,'"+($1)+"').replace(/<%(.+?)%>/g,'";$1\noutput+="')+";return output;")(i)),e)})}function d(t,e){n.innerHTML="",g([o.layoutDirectory,"/",t,".html"].join(""),e,function(t,e){e?m(a):n.innerHTML=t})}function p(t){var e=new Date(t);return e.setDate(e.getDate()+1),[e.getDate(),e.getMonth()+1,e.getFullYear()].join("/")}function m(t){return o.debug&&(e.innerHTML=t),t}var y=function(t,e){this.type=t,this.layout=e,this.files=[],this[t]=this.files};y.prototype={init:function(n){this.getFiles(function(t,e){e&&m(s),this.loadFiles(function(t,e){e&&m(l),n()}.bind(this))}.bind(this))},getFileListUrl:function(t,e){return"GITHUB"===e.mode?(n=t,i=e.github,r=[i.host,"repos",i.username,i.repo,"contents",n+"?ref="+o.github.branch],i.prefix&&r.splice(5,0,i.prefix),r.join("/")):t;var n,i,r},getFileUrl:function(t,e){return"GITHUB"===e?t.download_url:t.getAttribute("href")},getFileElements:function(t){var e;if("GITHUB"===o.mode)e=JSON.parse(t);else{var n=document.createElement("div");n.innerHTML=t,e=[].slice.call(n.getElementsByTagName("a"))}return e},getFiles:function(n){h(this.getFileListUrl(this.type,o),function(t,e){e&&n(t,e),this.getFileElements(t).forEach(function(t){var e,n,i,r=this.getFileUrl(t,o.mode);e=r,n=o.extension,((i=e.split(".").pop())===n.replace(".","")||"html"===i)&&this.files.push(new b(r,this.type,this.layout.single))}.bind(this)),n(t,e)}.bind(this))},loadFiles:function(r){var s=[];this.files.forEach(function(n,i){n.getContent(function(t,e){e&&r(t,e),s.push(i),n.parseContent(),this.files.length==s.length&&r(t,e)}.bind(this))}.bind(this))},search:function(e,n){this[this.type]=this.files.filter(function(t){return 0<=t[e].toLowerCase().trim().indexOf(n.toLowerCase().trim())})},resetSearch:function(){this[this.type]=this.files},getByTag:function(e){this[this.type]=this.files.filter(function(t){if(e&&t.tags)return t.tags.some(function(t){return t===e})})},getFileByPermalink:function(e){return this.files.filter(function(t){return t.permalink===e})[0]},render:function(){return d(this.layout.list,this)}};var b=function(t,e,n){this.url=t,this.type=e,this.layout=n,this.html=!1,this.content,this.name,this.extension,this.title,this.excerpt,this.date,this.datetime,this.author,this.body,this.permalink,this.tags};b.prototype={getContent:function(n){h(this.url,function(t,e){e&&n(t,e),this.content=t,"string"==typeof this.content&&n(t,e)}.bind(this))},parseFrontMatter:function(){var t=this.content.split(o.frontMatterSeperator)[1];if(t){var n={};t.split(/\n/g).forEach(function(t){var e=t.split(":");e[1]&&(n[e[0].trim()]=e[1].trim())}),function(t,e,n){var i;for(i in void 0===e&&(e=t),e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);n&&n()}(this,n,null)}},setListAttributes:function(){o.listAttributes.forEach(function(t){this.hasOwnProperty(t)&&this[t]&&(this[t]=this[t].split(",").map(function(t){return t.trim()}))}.bind(this))},setFilename:function(){this.name=this.url.substr(this.url.lastIndexOf("/")).replace("/","").replace(o.extension,"")},setPermalink:function(){this.permalink=["#",this.type,this.name].join("/")},setDate:function(){var t=new RegExp(o.dateParser);this.date?(this.datetime=new Date(this.date),this.date=p(this.date)):t.test(this.url)&&(this.date=t.exec(this.url),this.datetime=new Date(this.date),this.date=p(this.date))},setBody:function(){var t=this.content.split(o.frontMatterSeperator).splice(2).join(o.frontMatterSeperator);if(this.html)this.body=t;else if(o.markdownEngine)this.body=o.markdownEngine(t);else{var e=new u;this.body=e.render(t)}},parseContent:function(){this.setFilename(),this.setPermalink(),this.parseFrontMatter(),this.setListAttributes(),this.setDate(),this.setBody()},render:function(){return d(this.layout,this)}},this.sort=function(t,e){this.ready?(this.collections[t][t].sort(e),this.collections[t].render()):m(c)},this.search=function(t,e,n){this.ready?(this.collections[t].search(e,n),this.collections[t].render()):m(c)},this.route=function(){var t=window.location.hash.split("/").map(function(t){return 0<=t.indexOf("?")&&(t=t.substring(0,t.indexOf("?"))),t}).filter(function(t){return"#"!==t}),e=t[0],n=t[1],i=this.collections[e],r=f("query")||"",s=f("tag")||"";return this.routes[e]=function(){if(e)if(n){var t=["#",e,n.trim()].join("/");i.getFileByPermalink(t).render()}else i?(r?i.search("title",r):s?i.getByTag(s):i.resetSearch(),i.render()):d(o.errorLayout,{});else window.location=["#",o.defaultView].join("/");o.onroute()},this.routes[e]()},this.registerPlugins=function(){o.plugins.forEach(function(t){var e,n=e=(e=(e=t.toString()).substr("function ".length)).substr(0,e.indexOf("("));this[n]||(this[n]=t)}.bind(this))},this.initFileCollections=function(n){var i=[],r=[];o.types.forEach(function(t){this.collections[t.name]=new y(t.name,t.layout),r.push(t.name)}.bind(this)),r.forEach(function(t,e){this.collections[t].init(function(){i.push(e),0===t.indexOf("post")&&this.collections[t][t].reverse(),r.length==i.length&&n()}.bind(this))}.bind(this))},this.init=function(){var t;(o=Object.assign({},i,o)).debug&&(t=o.messageClassName,(e=document.createElement("div")).className=t,e.innerHTML="DEBUG",e.style.background="yellow",e.style.position="absolute",e.style.top="0px",document.body.appendChild(e)),window.addEventListener("hashchange",this.route.bind(this)),o.elementId&&(n=document.getElementById(o.elementId))?this.initFileCollections(function(){window.dispatchEvent(new HashChangeEvent("hashchange")),this.ready=!0,this.registerPlugins(),o.onload()}.bind(this)):m(r)},this.init()};
3 | 
4 | 


--------------------------------------------------------------------------------
/js/config.js:
--------------------------------------------------------------------------------
 1 | // CMS.js Config
 2 | var config = {
 3 | 
 4 |   // ID of element to attach CMS.js to
 5 |   elementId: 'cms',
 6 | 
 7 |   // Mode 'GITHUB' for Github Pages, 'SERVER' for Self Hosted
 8 |   // Defaults to Server mode if not specified
 9 |   mode: 'GITHUB',
10 | 
11 |   // If Github mode is set, your Github username, repo name, 
12 |   // and branch to get files from.
13 |   github: {
14 |     username: 'yourusername',
15 |     repo: 'yourrepo',
16 |     branch: 'gh-pages',
17 |     host: 'https://api.github.com',
18 |     // Use prefix option if your site is located in a subdirectory.
19 |     // prefix: 'subdirectory',
20 |   },
21 | 
22 |   // The name of the layouts directory.
23 |   layoutDirectory: 'layouts',
24 | 
25 |   // The error layout template name.
26 |   errorLayout: 'error',
27 | 
28 |   // The URL that will be the default view that will initially load
29 |   // For example, this could a list view or a could be a specific view
30 |   // like a single page.
31 |   defaultView: 'posts',
32 | 
33 |   // These are the types of content to load. Each type name is a directory or
34 |   // folder where the files, pages or posts are located. Each type has a list
35 |   // and single layout template that will determine how the file will be rendered.
36 |   types: [
37 |     {
38 |     // for example, layouts/post-list.html
39 |     name: 'posts',
40 |       layout: { list: 'post-list', single: 'post' },
41 |     },
42 |     {
43 |       name: 'pages',
44 |       layout: { list: 'page-list', single: 'page' },
45 |     },
46 |   ],
47 | };
48 | 
49 | // Initialize CMS.js
50 | var blog = new CMS(config);


--------------------------------------------------------------------------------
/layouts/error.html:
--------------------------------------------------------------------------------
1 | <!-- Error Template -->
2 | <div class="error fade-in">
3 |   <h1>404</h1>
4 |   <p class="error-text">
5 |     Sorry. What you were looking for doesn't seem to be there :(...
6 |   </p>
7 | </div>


--------------------------------------------------------------------------------
/layouts/page-list.html:
--------------------------------------------------------------------------------
 1 | <!-- Page List Template -->
 2 | <div class="pages-list fade-in">
 3 |   <h1><%= data.type %></h1>
 4 |   <% data.pages.forEach(function(page) { %>
 5 |     <h2>
 6 |       <a href="<%= page.permalink %>"><%= page.title %></a>
 7 |     </h2>
 8 |     <% if(page.excerpt) { %>
 9 |       <p><%= page.excerpt %></p>
10 |     <% } %>
11 |   <% }) %>
12 | </div>


--------------------------------------------------------------------------------
/layouts/page.html:
--------------------------------------------------------------------------------
1 | <!-- Page Template -->
2 | <article class="page fade-in">
3 |   <h1 class="page-title">
4 |     <%= data.title %>
5 |   </h1>
6 |   <div class="page-content">
7 |   	<%= data.body %>
8 |   </div>
9 | </article>


--------------------------------------------------------------------------------
/layouts/post-list.html:
--------------------------------------------------------------------------------
 1 | <!-- Post List Template -->
 2 | <div class="posts-list fade-in">
 3 |   <% data.posts.forEach(function(post) { %>
 4 |     <% if(!post.draft) { %>
 5 |       <article class="post">
 6 |         <h1 class="post-title">
 7 |           <a href="<%= post.permalink %>"><%= post.title %></a>
 8 |         </h1>
 9 |         <time class="post-date">5/28/2015</time>
10 |         <div class="post-content">
11 |           <% if(post.excerpt) { %>
12 |             <p><%= post.excerpt %></p>
13 |           <% } %>
14 |         </div>
15 |       </article>
16 |     <% } %>
17 |   <% }) %>
18 | </div>


--------------------------------------------------------------------------------
/layouts/post.html:
--------------------------------------------------------------------------------
 1 | <!-- Post Template -->
 2 | <article class="post fade-in">
 3 |   <h1 class="post-title">
 4 |     <%= data.title %>
 5 |   </h1>
 6 |   <% if(data.date) { %>
 7 |     <time class="post-date">
 8 |       <span><%= data.date %></span>
 9 |     </time>
10 |   <% } %>
11 |   <div class="post-tags">
12 |     <% if(data.tags) { %>
13 |       <% data.tags.forEach(function(tag) { %>
14 |         <% if(tag) { %>
15 |           <a href="#/posts?tag=<%= tag %>" class="post-tag"><%= tag %></a>
16 |         <% } %>
17 |       <% }) %>
18 |     <% } %>
19 |   </div>
20 |   <div class="post-content">
21 |     <%= data.body %>
22 |   </div>
23 | </article>


--------------------------------------------------------------------------------
/pages/.htaccess:
--------------------------------------------------------------------------------
1 | Options Indexes
2 | 


--------------------------------------------------------------------------------
/pages/about.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: About
3 | ---
4 | 
5 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Morbi tincidunt ornare massa eget egestas purus viverra. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Potenti nullam ac tortor vitae. Vitae sapien pellentesque habitant morbi tristique. Aliquam sem et tortor consequat id porta nibh venenatis cras. Integer vitae justo eget magna fermentum iaculis eu. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Mattis enim ut tellus elementum sagittis. Adipiscing enim eu turpis egestas pretium aenean pharetra magna. Ullamcorper malesuada proin libero nunc consequat interdum varius. Pellentesque id nibh tortor id aliquet lectus proin nibh nisl. Est ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Vitae tempus quam pellentesque nec nam aliquam sem et tortor.
6 | 
7 | Tellus molestie nunc non blandit massa. Porttitor leo a diam sollicitudin. Malesuada pellentesque elit eget gravida cum sociis natoque. Ultricies leo integer malesuada nunc vel risus commodo viverra. Amet porttitor eget dolor morbi non arcu. Bibendum arcu vitae elementum curabitur vitae nunc. Ut sem nulla pharetra diam sit amet. Ac feugiat sed lectus vestibulum mattis ullamcorper. Eu volutpat odio facilisis mauris sit amet massa vitae. Semper eget duis at tellus at urna condimentum mattis pellentesque. Tincidunt dui ut ornare lectus sit amet. Sed augue lacus viverra vitae congue eu. Nisi lacus sed viverra tellus. Sed id semper risus in. Urna nunc id cursus metus aliquam.


--------------------------------------------------------------------------------
/pages/links.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Links
3 | ---
4 | 
5 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Morbi tincidunt ornare massa eget egestas purus viverra. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Potenti nullam ac tortor vitae. Vitae sapien pellentesque habitant morbi tristique. Aliquam sem et tortor consequat id porta nibh venenatis cras. Integer vitae justo eget magna fermentum iaculis eu. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Mattis enim ut tellus elementum sagittis. Adipiscing enim eu turpis egestas pretium aenean pharetra magna. Ullamcorper malesuada proin libero nunc consequat interdum varius. Pellentesque id nibh tortor id aliquet lectus proin nibh nisl. Est ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Vitae tempus quam pellentesque nec nam aliquam sem et tortor.
6 | 
7 | Tellus molestie nunc non blandit massa. Porttitor leo a diam sollicitudin. Malesuada pellentesque elit eget gravida cum sociis natoque. Ultricies leo integer malesuada nunc vel risus commodo viverra. Amet porttitor eget dolor morbi non arcu. Bibendum arcu vitae elementum curabitur vitae nunc. Ut sem nulla pharetra diam sit amet. Ac feugiat sed lectus vestibulum mattis ullamcorper. Eu volutpat odio facilisis mauris sit amet massa vitae. Semper eget duis at tellus at urna condimentum mattis pellentesque. Tincidunt dui ut ornare lectus sit amet. Sed augue lacus viverra vitae congue eu. Nisi lacus sed viverra tellus. Sed id semper risus in. Urna nunc id cursus metus aliquam.


--------------------------------------------------------------------------------
/posts/.htaccess:
--------------------------------------------------------------------------------
1 | Options Indexes
2 | 


--------------------------------------------------------------------------------
/posts/2015-05-10-new-feature.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: New feature
 4 | excerpt: Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur.
 5 | author: Chris
 6 | ---
 7 | 
 8 | Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
 9 | 
10 | * Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
11 | * Donec id elit non mi porta gravida at eget metus.
12 | * Nulla vitae elit libero, a pharetra augue.
13 | 
14 | Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.
15 | 


--------------------------------------------------------------------------------
/posts/2017-08-20-another-example-post.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Another blog post
 4 | excerpt: Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
 5 | tags: sampletag
 6 | author: Jacob
 7 | ---
 8 | 
 9 | Cum sociis natoque penatibus et magnis [dis parturient montes](#), nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
10 | 
11 | Curabitur blandit tempus porttitor. **Nullam quis risus eget urna mollis** ornare vel eu leo. Nullam id ~~dolor id~~ nibh ultricies vehicula ut id elit.
12 | 
13 | Etiam porta *sem malesuada magna* mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.
14 | 


--------------------------------------------------------------------------------
/posts/2018-03-01-sample-blog-post.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Sample blog post
 4 | excerpt: This blog post shows a few different types of content that's supported and styled with Markdown. Basic typography, images, and code are all supported.
 5 | date: 2018-03-01
 6 | tags: sampletag
 7 | author: Mark
 8 | ---
 9 | 
10 | This blog post shows a few different types of content that's supported and styled with Markdown. Basic typography, images, and code are all supported.
11 | 
12 | -----
13 | 
14 | Cum sociis natoque penatibus et magnis [dis parturient montes](#), nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
15 | 
16 | Curabitur blandit tempus porttitor. **Nullam quis risus eget urna mollis** ornare vel eu leo. Nullam id ~~dolor id~~ nibh ultricies vehicula ut id elit.
17 | 
18 | Etiam porta *sem malesuada magna* mollis euismod.
19 | 
20 | > Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.
21 | 
22 | ## Heading
23 | Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
24 | 
25 | ### Sub-heading
26 | 
27 | Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
28 | 
29 | `Example code block`
30 | 
31 | Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.
32 | 
33 | ### Sub-heading
34 | 
35 | Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
36 | 
37 | * Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
38 | * Donec id elit non mi porta gravida at eget metus.
39 | * Nulla vitae elit libero, a pharetra augue.
40 | 
41 | Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.
42 | 
43 | 1. Vestibulum id ligula porta felis euismod semper.
44 | 2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
45 | 3. Maecenas sed diam eget risus varius blandit sit amet non magna.
46 | 
47 | Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.


--------------------------------------------------------------------------------