Use Pug templates for index and releases pages (#167)

Author: MattMS

index.pug

@@ -0,0 +1,4 @@
+extends layout.pug
+
+block main
+	article!= readme

layout.pug

@@ -0,0 +1,53 @@
+doctype html
+html.home-page
+	head
+		meta(charset="UTF-8")
+		meta(
+			content="width=device-width, initial-scale=1"
+			name="viewport"
+		)
+
+		title Ramda Documentation
+
+		link(
+			href="style.css"
+			rel="stylesheet"
+			type="text/css"
+		)
+
+	body
+		input#open-nav(type="checkbox")
+		header.navbar.navbar-fixed-top.navbar-inverse.container-fluid
+			.container-fluid
+				.navbar-header
+					label.open-nav(for="open-nav")
+					a.navbar-brand(href="#")
+						strong Ramda
+						span.version v#{version}
+
+				ul.nav.navbar-nav.navbar-left
+					li.active: a(href="#") Home
+					li: a(href="docs") Documentation
+					li: a(href="/repl?v=#{version}") Try Ramda
+
+				ul.nav.navbar-nav.navbar-right
+					li: a(href="https://github.com/ramda/ramda") GitHub
+					li: a(href="https://gitter.im/ramda/ramda") Discuss
+
+		main.container
+			block main
+
+		script.
+			window.gitter = {
+				chat: {
+					options: {
+						room: 'ramda/ramda'
+					}
+				}
+			}
+
+		script(
+			async
+			defer
+			src="https://sidecar.gitter.im/dist/sidecar.v1.js"
+		)

make_index_html.js

@@ -2,21 +2,22 @@ var fs = require('fs')
 
 var get_ramda_file = require('./get_ramda_file')
 
-var handlebars = require('handlebars')
-
 var marked = require('marked')
 
+var pug = require('pug')
+
 var version = require('./package.json').devDependencies.ramda
 
+
 get_ramda_file('README.md')
 .catch((err) => console.error(err))
 .then((readme_md) => {
   var readme_html = marked(readme_md)
 
-  var template = fs.readFileSync('index.html.handlebars', {encoding: 'utf8'})
+  var make_html = pug.compileFile('index.pug')
 
-  var html = handlebars.compile(template)({
-    readme: new handlebars.SafeString(readme_html),
+  var html = make_html({
+    readme: readme_html,
     version: version
   })
 

make_releases_html.js

@@ -1,21 +1,22 @@
 var fs = require('fs')
 
-var handlebars = require('handlebars')
+var pug = require('pug')
 
 var R = require('ramda')
 
 var semver_compare = require('semver-compare')
 
 var version = require('./package.json').devDependencies.ramda
 
-var template = fs.readFileSync('releases.html.handlebars', {encoding: 'utf8'})
+
+var make_html = pug.compileFile('releases.pug')
 
 var version_folder_re = /^\d+\.\d+(\.\d+)?$/
 
 fs.readdir('./', (err, files) => {
   var version_folders = R.filter(R.bind(version_folder_re.test, version_folder_re), files).sort(semver_compare)
 
-  var html = handlebars.compile(template)({
+  var html = make_html({
     releases: version_folders,
     version: version
   })

package.json

@@ -19,6 +19,7 @@
     "less-plugin-autoprefix": "1.5.x",
     "less-plugin-clean-css": "1.5.x",
     "marked": "0.3.x",
+    "pug": "^2.0.0-beta6",
     "ramda": "0.23.0",
     "semver-compare": "1.0.x",
     "walk": "2.3.x"

releases.pug

@@ -0,0 +1,8 @@
+extends layout.pug
+
+block main
+	h1 Releases
+
+	ul
+		each release in releases
+			li: a(href = "/" + release + "/")= release