Promote mantis as article

2019-06-19 13:58:22 +02:00 · 2019-06-19 13:58:22 +02:00 · ed656af469
parent 833430c5bc
commit ed656af469
6 changed files with 93 additions and 0 deletions
--- a/Tuprules.tup
+++ b/Tuprules.tup
@ -21,3 +21,14 @@
 	--include-after-body=&(root)/templates/footer.html \
 	%f | sed 's|%%webRoot%%|&(root)|g' > %o \
 	|> %B.html
+
+!article = | &(root)/templates/footer.html \
+    |> ^ pandoc %f^ \
+    pandoc --from markdown --to html \
+	--template=&(root)/templates/article.html \
+	--css &(root)/css/style.css \
+	--include-in-header=&(root)/templates/header.html \
+	--include-before-body=&(root)/templates/nav.html \
+	--include-after-body=&(root)/templates/footer.html \
+	%f | sed 's|%%webRoot%%|&(root)|g' > %o \
+	|> %B.html
--- a/articles/Tupfile
+++ b/articles/Tupfile
@ -0,0 +1,4 @@
+include_rules
+
+# TODO: autogenerate
+: foreach *.md |> !article |>
--- a/articles/index.md
+++ b/articles/index.md
@ -0,0 +1,7 @@
+---
+title: Articles
+---
+
+<ul>
+<li><a href="mantis.html">The mantis shrimp</a></li>
+</ul>
--- a/articles/mantis.md
+++ b/articles/mantis.md
@ -1,5 +1,6 @@
 ---
 title: Mantis Shrimp
+date: 2011-08-09 
 ---

 ## All glory to the mantis shrimp
--- a/templates/article.html
+++ b/templates/article.html
@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+$for(author-meta)$
+  <meta name="author" content="$author-meta$" />
+$endfor$
+$if(date-meta)$
+  <meta name="dcterms.date" content="$date-meta$" />
+$endif$
+$if(keywords)$
+  <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
+$endif$
+  <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
+  <style>
+      code{white-space: pre-wrap;}
+      span.smallcaps{font-variant: small-caps;}
+      span.underline{text-decoration: underline;}
+      div.column{display: inline-block; vertical-align: top; width: 50%;}
+$if(quotes)$
+      q { quotes: "“" "”" "‘" "’"; }
+$endif$
+  </style>
+$if(highlighting-css)$
+  <style>
+$highlighting-css$
+  </style>
+$endif$
+$for(css)$
+  <link rel="stylesheet" href="$css$" />
+$endfor$
+$if(math)$
+  $math$
+$endif$
+$for(header-includes)$
+  $header-includes$
+$endfor$
+</head>
+<body>
+$for(include-before)$
+$include-before$
+$endfor$
+$if(title)$
+<header id="title-block-header">
+<h1 class="title">$title$</h1>
+$if(subtitle)$
+<p class="subtitle">$subtitle$</p>
+$endif$
+$for(author)$
+<p class="author">$author$</p>
+$endfor$
+$if(date)$
+<p class="date">$date$</p>
+$endif$
+</header>
+$endif$
+$if(toc)$
+<nav id="$idprefix$TOC" role="doc-toc">
+$table-of-contents$
+</nav>
+$endif$
+$body$
+$for(include-after)$
+$include-after$
+$endfor$
+</body>
+</html>
--- a/templates/nav.html
+++ b/templates/nav.html
@ -2,5 +2,6 @@
 <div id="navigation">
  <a href="%webRoot%/index.html">Home</a>
  <a href="%webRoot%/projects.html">Projects</a>
+  <a href="%webRoot%/articles/index.html">Articles</a>
  <a href="%webRoot%/about.html">About</a>
 </div>