Added a blog, extra content pages, and site navigation.

Gemfile

@@ -10,8 +10,10 @@ gem 'tzinfo-data', platforms: [:mswin, :mingw, :jruby]
 
 # Middleman Gems
 gem 'middleman', '>= 4.0.0'
-gem 'middleman-livereload'
+gem 'middleman-blog'
 gem 'middleman-compass', '>= 4.0.0'
+gem 'middleman-livereload'
+gem 'nokogiri'
 
 # VC3 Gems
 gem 'bootstrap-sass'

Gemfile.lock

@@ -67,6 +67,10 @@ GEM
       middleman-cli (= 4.1.9)
       middleman-core (= 4.1.9)
       sass (>= 3.4.0, < 4.0)
+    middleman-blog (4.0.1)
+      addressable (~> 2.3)
+      middleman-core (>= 4.0.0)
+      tzinfo (>= 0.3.0)
     middleman-cli (4.1.9)
       thor (>= 0.17.0, < 2.0)
     middleman-compass (4.0.1)
@@ -99,15 +103,20 @@ GEM
       em-websocket (~> 0.5.1)
       middleman-core (>= 3.3)
       rack-livereload (~> 0.3.15)
+    mini_portile2 (2.1.0)
     minitest (5.9.0)
     multi_json (1.12.1)
+    nokogiri (1.6.8)
+      mini_portile2 (~> 2.1.0)
+      pkg-config (~> 1.1.7)
     padrino-helpers (0.13.2)
       i18n (~> 0.6, >= 0.6.7)
       padrino-support (= 0.13.2)
       tilt (>= 1.4.1, < 3)
     padrino-support (0.13.2)
       activesupport (>= 3.1)
     parallel (1.9.0)
+    pkg-config (1.1.7)
     rack (1.6.4)
     rack-livereload (0.3.16)
       rack
@@ -131,8 +140,10 @@ DEPENDENCIES
   bootstrap-sass
   jquery-middleman
   middleman (>= 4.0.0)
+  middleman-blog
   middleman-compass (>= 4.0.0)
   middleman-livereload
+  nokogiri
   tzinfo-data
   wdm (~> 0.1.0)
 

config.rb

@@ -9,14 +9,18 @@
 page '/*.json', layout: false
 page '/*.txt', layout: false
 
-# With alternative layout
-# page "/path/to/file.html", layout: :otherlayout
+page "*", layout: :secondarypages
 
 # Proxy pages (http://middlemanapp.com/basics/dynamic-pages/)
 # proxy "/this-page-has-no-template.html", "/template-file.html", locals: {
 #  which_fake_page: "Rendering a fake page with a local variable" }
 
 # General configuration
+activate :blog do |blog|
+  blog.paginate = true
+  blog.per_page = 3
+  blog.sources = "blog/{year}-{month}-{day}-{title}.html"
+end
 
 # Reload the browser automatically whenever files change
 configure :development do

source/blog/2015-10-31-ut-vel-lobortis.html.markdown

@@ -0,0 +1,49 @@
+---
+title: Ut vel labortis dui, eu scelerisque lacus
+date: 2015-10-31 17:02 UTC
+tags: "Ut vel"
+---
+
+Ut vel lobortis dui, eu scelerisque lacus. Curabitur gravida elit justo, vitae
+congue quam lacinia ut. Quisque non dui non justo feugiat convallis. Sed quis
+eleifend erat, at scelerisque tellus. Cras at augue accumsan, pretium justo
+sed, congue nisi. Curabitur vestibulum vehicula odio non euismod. Vestibulum
+ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+Mauris est purus, consectetur sed maximus at, mattis sit amet neque.
+
+Morbi et hendrerit neque. Proin diam nulla, scelerisque sed lacus a,
+ullamcorper cursus metus. Ut turpis purus, blandit eget faucibus quis, pretium
+quis leo. Nam lacinia ex non venenatis commodo. Quisque sit amet egestas ipsum.
+Aenean posuere justo consectetur, venenatis justo laoreet, ultrices nibh.
+Aenean eget libero id turpis dapibus aliquam sed ut velit. Ut ullamcorper
+maximus lectus, ut facilisis mauris tempus sed. Aliquam dolor metus, rutrum sit
+amet imperdiet a, molestie vitae tortor.
+
+Nullam venenatis eros sit amet odio iaculis finibus. Aliquam orci nulla,
+vulputate non tortor at, pellentesque tempor ante. Curabitur efficitur sed urna
+eget molestie. Suspendisse porta eros vitae dictum efficitur. Fusce vel dolor
+ac lectus maximus ornare. Vivamus maximus ut nulla molestie sollicitudin. In
+viverra volutpat posuere. Aenean ante quam, cursus eu justo vitae, convallis
+elementum massa.
+
+Vivamus egestas ligula non neque commodo imperdiet. Curabitur maximus massa a
+nibh mattis, ut consequat purus aliquam. Suspendisse vestibulum, odio a
+hendrerit tempus, felis nulla dapibus ex, ut feugiat est ligula vitae eros.
+Aliquam suscipit sed enim at vulputate. Sed iaculis iaculis luctus. Duis at
+lorem scelerisque, luctus dui nec, pharetra metus. Phasellus pharetra ligula
+pharetra metus porttitor, ut consectetur arcu lobortis. Sed sit amet facilisis
+diam.
+
+Quisque viverra, libero at lobortis vulputate, enim dui congue turpis, non
+finibus turpis lectus ac risus. Donec orci augue, auctor mattis luctus eu,
+mattis bibendum metus. Nam sed felis malesuada, dignissim orci sit amet, porta
+ante. Morbi quis tortor gravida, pretium nisl commodo, hendrerit mauris. Nullam
+tincidunt elit non sapien aliquam tincidunt sit amet sed erat. Suspendisse in
+odio et lacus elementum interdum. Cras tristique egestas felis at mollis. Cras
+gravida, leo eu consectetur iaculis, dui odio sodales est, sed posuere tortor
+quam mollis quam. Sed nec nisi id tellus condimentum pretium. Aenean at iaculis
+urna. Sed tortor eros, sollicitudin eu hendrerit at, rutrum et libero.
+Suspendisse potenti. Nulla gravida risus sed sapien mollis, nec faucibus enim
+placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada
+fames ac turpis egestas. Ut iaculis leo eu dui condimentum pellentesque eget at
+ipsum. Maecenas viverra sagittis iaculis. 

source/blog/2015-12-01-proin-bibendum.html.markdown

@@ -0,0 +1,60 @@
+---
+title: Proin bibendum vestibulum lacinia
+date: 2015-12-01 17:02 UTC
+tags: Proin
+---
+
+Proin bibendum vestibulum lacinia. Suspendisse potenti. Curabitur ac metus
+lectus. Proin at eros luctus, tincidunt ante ac, varius nibh. Fusce vitae
+mollis ligula. In faucibus dignissim dui et auctor. Pellentesque eu ex ut urna
+commodo venenatis ac at urna. Praesent maximus molestie sagittis. Morbi sodales
+interdum neque, eu porttitor ex placerat in. Donec enim magna, posuere at
+consectetur non, elementum pretium urna. Curabitur orci nunc, facilisis sed
+augue sed, scelerisque faucibus metus.
+
+Curabitur dictum mauris nec sem gravida posuere. Phasellus laoreet ipsum sed
+justo cursus varius. Quisque in imperdiet lectus. Fusce et lacus turpis.
+Phasellus at neque quis tortor eleifend bibendum auctor vel mi. Etiam ligula
+risus, malesuada eu ex a, mollis auctor turpis. Morbi nisi felis, ornare vel
+ullamcorper et, lobortis ac odio. Pellentesque habitant morbi tristique
+senectus et netus et malesuada fames ac turpis egestas. Sed laoreet est ac nunc
+luctus, eget facilisis nulla venenatis. Aliquam tincidunt vehicula risus sed
+ultrices. Donec rhoncus pretium ullamcorper. Aenean imperdiet venenatis felis,
+in suscipit lectus tincidunt sit amet. Curabitur lacinia diam non tellus
+interdum, vel cursus purus dapibus. Vivamus elementum hendrerit tortor at
+sodales. Nulla lacinia urna at commodo fringilla.
+
+Suspendisse sed nunc sed elit suscipit bibendum vitae scelerisque ligula.
+Vivamus bibendum felis varius porttitor consectetur. Pellentesque at quam
+suscipit, iaculis eros at, imperdiet nunc. In non congue velit, vitae suscipit
+lectus. Phasellus molestie magna quis diam tincidunt, vel placerat arcu
+venenatis. Fusce lobortis vulputate erat, eget elementum nibh ornare a. Quisque
+rutrum ex ut elit maximus ultricies. Suspendisse dictum at dolor non mollis.
+Proin ac lorem quis arcu dignissim egestas a quis est. Donec mollis ipsum vitae
+lacinia molestie. Phasellus non dui id augue viverra tincidunt eget quis
+libero. Suspendisse convallis lacinia orci pulvinar fermentum. Ut vestibulum
+non arcu eget fringilla. Nunc vitae commodo ligula.
+
+Sed scelerisque lacus et magna tincidunt, et condimentum tellus aliquet.
+Integer aliquam, nibh sagittis pretium dictum, elit neque dignissim ipsum, ac
+molestie sem velit eu risus. Nulla fermentum, leo in iaculis pellentesque,
+turpis odio varius ligula, eu rutrum dolor turpis eget mi. Aliquam erat
+volutpat. Nam varius augue sit amet diam mattis, vel maximus turpis vulputate.
+In nisl nibh, bibendum sit amet volutpat in, rutrum id eros. Nulla vel ornare
+risus. Nulla fringilla mi sit amet neque efficitur egestas. Vestibulum
+ultricies turpis eget cursus pharetra. Vestibulum lacinia augue pharetra erat
+rutrum, nec imperdiet lectus rhoncus. In sollicitudin bibendum mattis. Nulla at
+porttitor ante. Vestibulum placerat volutpat sagittis. Aliquam tristique lorem
+risus, ac ultricies purus tristique non. Morbi egestas metus in dui venenatis,
+in varius purus dapibus. Nunc ultricies congue diam, eu tristique arcu dapibus
+ut.
+
+Donec malesuada leo vel dapibus tincidunt. Vivamus et turpis malesuada,
+eleifend neque at, tempus dolor. Morbi feugiat purus eget nisi hendrerit
+feugiat. Curabitur non diam malesuada, imperdiet leo nec, commodo augue. In in
+nulla lectus. Vivamus dictum laoreet tincidunt. Donec blandit mauris libero, at
+porttitor nulla aliquam sed. Ut tortor mauris, varius id orci nec, molestie
+faucibus dolor. Donec ut dui a libero viverra blandit. Ut et tortor consequat,
+blandit nulla vitae, imperdiet ligula. Nullam ac massa tortor. Aliquam et dolor
+lacus. Etiam odio sapien, venenatis quis viverra at, bibendum ut odio. Vivamus
+sed erat neque. Vestibulum placerat lobortis tincidunt. 

source/blog/2015-12-31-proin-tincidunt.html.markdown

@@ -0,0 +1,57 @@
+---
+title: Proin tincidunt mauris ornare
+date: 2015-12-31 17:02 UTC
+tags: Proin
+---
+
+Proin tincidunt mauris ornare, pretium neque sit amet, sagittis ipsum. Proin
+finibus urna vel sapien ornare rhoncus. Sed ornare diam in odio malesuada
+condimentum. Morbi tincidunt eu nibh ac facilisis. Maecenas pharetra metus sed
+odio bibendum, ut porttitor tortor consequat. Nullam vel turpis eget ex laoreet
+aliquam. Proin ut tellus commodo, finibus dui et, efficitur diam. Vivamus
+mattis erat sed congue tristique. Suspendisse potenti. Vivamus quis ornare
+nisi, non congue odio. Aliquam vel sodales lectus. Etiam varius semper diam in
+fringilla. Mauris imperdiet et mauris id pellentesque. Vestibulum ante ipsum
+primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+Maecenas sed tellus mauris. Mauris porttitor orci vitae nisl accumsan, id
+finibus felis ornare. Nunc libero urna, vehicula non augue in, feugiat
+efficitur magna. Duis dapibus felis diam, nec sollicitudin augue dictum non.
+Praesent posuere tempor augue, eu venenatis felis bibendum a. Donec egestas
+metus a neque facilisis, id consectetur libero porttitor. Phasellus gravida est
+at nisi maximus, at dignissim enim laoreet. Nunc vitae augue lacus. Etiam
+ultrices eget mauris sed accumsan. Pellentesque ornare leo ac vehicula
+volutpat. In sit amet quam egestas, facilisis massa nec, ornare sem. Cras
+tristique, ante lacinia suscipit elementum, turpis diam suscipit mi, sit amet
+lacinia lorem felis ut lectus. Maecenas vestibulum est ipsum, at bibendum augue
+efficitur ut. Vestibulum non purus lectus. Aliquam porttitor risus nec mi
+aliquam, sit amet congue lacus euismod.
+
+Aenean non libero neque. In fringilla vestibulum nisi ac tincidunt. Sed
+scelerisque massa elit, sed dapibus leo pulvinar vitae. Cras rutrum, arcu ac
+condimentum venenatis, arcu purus ultrices erat, sed vestibulum quam ligula in
+metus. Donec et malesuada eros. Maecenas aliquet suscipit purus, vel imperdiet
+massa. Vivamus porttitor consectetur malesuada. Pellentesque scelerisque
+hendrerit luctus. Integer sed enim malesuada, cursus nisl vel, dignissim orci.
+Suspendisse vitae nisl efficitur, cursus justo quis, euismod mauris. Nulla
+porttitor massa at nunc congue dapibus. Aenean dapibus maximus vulputate.
+Maecenas vitae iaculis lacus.
+
+Praesent egestas, mauris eu tincidunt fermentum, tortor ante vulputate ex, nec
+gravida urna felis id ante. Vestibulum laoreet, lacus eget malesuada facilisis,
+mauris ligula dignissim nulla, vitae congue lorem metus ac tellus. Fusce
+efficitur lacus tincidunt, mollis leo ut, feugiat odio. Vivamus massa velit,
+mollis ut nisi a, maximus maximus nisl. Vivamus interdum quis purus ornare
+viverra. Integer maximus consequat tempus. Fusce erat sem, rhoncus aliquet nisl
+et, tincidunt ornare neque. Curabitur bibendum neque vel justo mattis, vitae
+luctus nisi pretium. Nam tempus tempor magna, eu auctor elit posuere et. Nullam
+scelerisque sapien eleifend, efficitur nisi sed, rutrum elit.
+
+Sed ex mauris, laoreet non risus sit amet, euismod vehicula sapien. Phasellus
+ac condimentum nibh. Proin sodales, est et ultricies congue, tellus augue
+pellentesque nunc, congue vestibulum turpis libero at ante. Mauris sit amet
+viverra sapien, a congue arcu. Quisque non lacinia nisi. Nam a sapien molestie,
+dapibus orci eu, interdum nisl. Sed pharetra faucibus erat a mattis. Quisque
+vel felis faucibus, faucibus ante vel, consequat tellus. Pellentesque luctus,
+nibh ac faucibus tincidunt, lectus justo sagittis ante, quis rutrum mauris
+lectus a purus. Nulla ac est sit amet ex elementum facilisis. 

source/blog/2016-01-01-crabitur-luctus.html.markdown

@@ -0,0 +1,56 @@
+---
+title: Curabitur luctus aliquet augue
+date: 2016-01-01 17:02 UTC
+tags: Luctus
+---
+
+Curabitur luctus aliquet augue, non varius dolor. Pellentesque iaculis
+fringilla nulla in ornare. Praesent turpis odio, porta eget lacinia id, euismod
+in neque. Aliquam fringilla placerat erat, id vulputate augue accumsan a.
+Quisque nisi ante, gravida nec dolor non, fermentum vestibulum odio. Lorem
+ipsum dolor sit amet, consectetur adipiscing elit. Sed libero nulla, posuere ac
+eros eget, euismod dignissim felis. Cras imperdiet egestas placerat. Duis
+vestibulum ullamcorper turpis, tincidunt varius sapien rhoncus at. Integer
+dignissim dui nec odio eleifend, id suscipit ipsum iaculis. Aenean luctus magna
+et mattis tincidunt.
+
+Maecenas et enim ut ipsum facilisis feugiat eu sit amet arcu. Maecenas at
+vehicula neque. Nullam pulvinar mi diam, tristique tincidunt orci fringilla
+sed. Quisque aliquet est elit, id accumsan ligula consectetur nec. Nullam eu
+hendrerit tortor, eget convallis elit. Suspendisse vitae enim ex. Mauris
+blandit lectus dapibus diam lacinia dapibus. Maecenas vitae eleifend quam.
+Maecenas non neque neque. Pellentesque ut erat non magna tempor ultrices.
+Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
+cubilia Curae; Etiam consequat sapien ut sem blandit gravida.
+
+Cras eget molestie nisl. Pellentesque habitant morbi tristique senectus et
+netus et malesuada fames ac turpis egestas. Curabitur ut lectus ultricies,
+finibus risus eu, tempor turpis. Pellentesque condimentum fermentum erat, ac
+sagittis quam imperdiet et. Ut feugiat massa ex, vitae accumsan est vulputate
+a. Proin sed imperdiet leo, et hendrerit velit. Integer dictum at sapien vel
+consectetur. Aliquam semper mattis fringilla. Etiam sagittis tortor nec enim
+vehicula, at accumsan purus faucibus. Praesent vehicula tincidunt enim ut
+feugiat. Curabitur tellus mauris, euismod ac dui at, lobortis pulvinar dolor.
+Nam in quam et urna interdum aliquam ac ut nunc. Maecenas ut faucibus libero,
+non tincidunt nisl. Donec tempus id nisl at consectetur.
+
+Aliquam luctus pulvinar feugiat. Nunc blandit facilisis congue. Duis euismod,
+velit non iaculis efficitur, mauris ex facilisis ligula, sed aliquet nisl dui
+id tellus. Vivamus dapibus erat efficitur fringilla gravida. Maecenas ultricies
+purus sem, et auctor eros lobortis eu. Cras pretium, felis eu vehicula
+tincidunt, ex nulla facilisis eros, a feugiat ante massa sit amet ligula.
+Suspendisse maximus a enim id sollicitudin. Vivamus cursus urna mollis
+hendrerit bibendum. In et erat in tellus facilisis porttitor. Vivamus volutpat
+commodo orci sit amet sodales. Fusce congue leo quis tempor lobortis. In hac
+habitasse platea dictumst. Fusce consectetur urna neque, sed vulputate sapien
+euismod nec. Mauris sit amet varius ipsum. Vestibulum lorem tellus, vulputate
+at accumsan et, molestie et mauris.
+
+Integer tincidunt malesuada urna id tincidunt. Nulla facilisi. Cras fermentum
+mattis sapien, eget lobortis orci facilisis a. Pellentesque eu mauris
+tristique, tincidunt odio eget, efficitur tortor. Sed ante diam, varius at
+porta et, porttitor nec urna. Donec blandit enim lectus, vitae aliquam felis
+blandit nec. Maecenas at aliquet urna. Nam elementum ex at ipsum mattis
+pellentesque. In hac habitasse platea dictumst. Maecenas condimentum, enim non
+convallis blandit, ligula arcu luctus nulla, eu ultrices enim diam ut orci.
+Mauris pellentesque ullamcorper feugiat. 

source/blog/2016-03-15-nulla-facilisi.html.markdown

@@ -0,0 +1,44 @@
+---
+title: Nulla facilisi 
+date: 2016-03-15 17:02 UTC
+tags: Facilisi
+---
+
+Nulla facilisi. Mauris fermentum mi lacus, a porttitor erat consectetur ac. Sed
+accumsan neque sollicitudin commodo ullamcorper. Nam sagittis urna gravida
+libero aliquam lobortis. Fusce volutpat convallis euismod. Sed non nibh nec
+orci accumsan molestie eu et nunc. Etiam ac lorem semper, accumsan neque at,
+viverra sem. Cras mollis varius velit, nec dignissim orci finibus pretium.
+Maecenas ac porta nisi.
+
+Cras at sagittis leo. Phasellus porta maximus sem vel tincidunt. Lorem ipsum
+dolor sit amet, consectetur adipiscing elit. Nunc imperdiet suscipit porttitor.
+Morbi maximus finibus dapibus. Proin auctor enim ut porttitor hendrerit. Sed
+dictum tincidunt sapien, in placerat lacus ultricies nec. Proin elit metus,
+convallis ac risus sollicitudin, venenatis cursus dui. Nunc at blandit dui.
+Duis eleifend purus in auctor accumsan. Morbi et est nec augue mattis placerat.
+
+Nulla dapibus a metus ut tempus. Nunc eget lacus commodo, fringilla nulla nec,
+luctus nunc. Morbi ornare ex lorem, vitae convallis lacus consectetur tempor.
+Sed interdum eu sem non volutpat. Praesent consequat, lorem sit amet luctus
+auctor, elit ante ornare quam, ac mattis nunc nunc non diam. Curabitur maximus
+consectetur lectus ut viverra. Duis accumsan molestie ante at auctor. Etiam
+vehicula varius turpis vitae blandit.
+
+Cras vestibulum interdum gravida. Sed nec scelerisque metus, sed pharetra erat.
+Donec quis odio luctus, molestie lectus ac, dignissim leo. Nunc hendrerit
+commodo orci, eget egestas arcu fringilla eu. Morbi feugiat vehicula fringilla.
+Cras interdum non justo ac dapibus. Sed tempus, velit iaculis consequat congue,
+ipsum velit consequat neque, id aliquet mi risus in justo. Etiam ut finibus
+erat. Morbi quis lacus sed turpis interdum tristique.
+
+Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
+cubilia Curae; Phasellus malesuada metus vulputate, cursus est sit amet,
+placerat nisl. Vivamus pellentesque tellus vitae vestibulum mollis. Phasellus
+vitae consequat dui, ut tincidunt velit. Mauris ut malesuada tortor. Proin
+blandit porttitor nisl, sit amet lacinia ante pretium vel. Phasellus molestie
+nisl non turpis fermentum, non porta neque elementum. Mauris neque lectus,
+scelerisque nec semper at, aliquam ac quam. Ut eu purus ac libero rutrum
+fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
+per inceptos himenaeos. Quisque et nunc maximus, semper ipsum eu, malesuada
+tellus.