Convert to metalsmith

Author: jfirebaugh

_includes/footer.css

@@ -0,0 +1,62 @@
+var Handlebars = require('handlebars');
+var Metalsmith = require('metalsmith');
+var date = require('metalsmith-date-in-filename');
+var paths = require('metalsmith-paths');
+var collections = require('metalsmith-collections');
+var permalinks = require('metalsmith-permalinks');
+var layouts = require('metalsmith-layouts');
+var pagination = require('metalsmith-pagination');
+var assets = require('metalsmith-assets');
+
+Handlebars.registerHelper('each-reverse', require('diy-handlebars-helpers/lib/each-reverse'));
+
+Metalsmith(__dirname)
+  .source('posts')
+  .metadata({
+    title: 'Animations',
+    baseurl: '/animations'
+  })
+  .use(date({
+    override: true
+  }))
+  .use(paths({
+    property: 'paths'
+  }))
+  .use(collections({
+    posts: '**'
+  }))
+  .use(function (files, metalsmith, done) {
+    Object.keys(files).forEach(function (name) {
+      if (/\.frag$/.test(name)) {
+        var data = files[name];
+        data.layout = 'glsl.html';
+        delete files[name];
+        files[name.replace(/\.frag$/, '.html')] = data;
+      }
+    });
+    done();
+  })
+  .use(permalinks({
+    pattern: ':date',
+    date: 'YYYY-MM-DD'
+  }))
+  .use(pagination({
+    posts: {
+      perPage: 100,
+      path: ':num',
+      layout: 'index.html',
+      first: 'index.html',
+      noPageOne: true
+    }
+  }))
+  .use(layouts({
+    engine: 'handlebars',
+    default: 'default.html'
+  }))
+  .use(assets({
+    source: 'assets',
+    destination: '.'
+  }))
+  .build(function (err) {
+    if (err) throw err;
+  });

_layouts/default.html

@@ -82,6 +82,7 @@
 
 </style>
 
+
 <script>
 var width = 500,
     height = 500;
@@ -128,7 +129,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-20-lines.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-20-lines.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_layouts/glsl.html

@@ -163,7 +163,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-21-lines.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-21-lines.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/static.sh

@@ -135,7 +135,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-22-dots.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-22-dots.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

.nojekyll assets/.nojekyll

@@ -132,7 +132,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-23-arcs.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-23-arcs.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/d3.v3.js assets/d3.v3.js

@@ -133,7 +133,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-24-stars.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-24-stars.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/d3.v3.min.js assets/d3.v3.min.js

@@ -149,7 +149,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-25-snow.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-25-snow.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/font-awesome.css assets/font-awesome.css

@@ -130,7 +130,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-26-wave.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-26-wave.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/fonts/FontAwesome.otf assets/fonts/FontAwesome.otf

@@ -233,7 +233,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-27-moon.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-27-moon.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/fonts/fontawesome-webfont.eot assets/fonts/fontawesome-webfont.eot

@@ -136,7 +136,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-28-circles.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-28-circles.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/fonts/fontawesome-webfont.svg assets/fonts/fontawesome-webfont.svg

@@ -150,7 +150,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-29-clock.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-29-clock.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {

_site/fonts/fontawesome-webfont.ttf assets/fonts/fontawesome-webfont.ttf

@@ -138,7 +138,7 @@
 <footer>
     <a href="/animations/"><i class="fa fa-th"></i></a>
     <a href="https://twitter.com/jfire"><i class="fa fa-twitter"></i></a>
-    <a href="https://github.com/jfirebaugh/animations/blob/master/_posts/2014-12-30-drip.html"><i class="fa fa-github"></i></a>
+    <a href="https://github.com/jfirebaugh/animations/blob/master/posts/2014-12-30-drip.html"><i class="fa fa-github"></i></a>
 </footer>
 <script>
   document.addEventListener('DOMContentLoaded', function(event) {