Change compile method to utilize hidden files

8 files changed, 138 insertions, 17 deletions

@@ -39,7 +39,7 @@
                     </header>
 
     <section class="thing verse">
-    <p><a href="loremipsum.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit.<br />Vivamus at vulputate ligula, ac ullamcorper magna.<br />In in porta metus.<br />Curabitur iaculis faucibus posuere.<br />Nunc elementum libero vitae sapien auctor mollis.<br />Aenean eget tellus ac urna tincidunt vestibulum.<br />Vivamus eget orci nec purus mollis efficitur.<br />Pellentesque eu pharetra justo.</p>
+    <p><a href=".loremipsum.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit.<br />Vivamus at vulputate ligula, ac ullamcorper magna.<br />In in porta metus.<br />Curabitur iaculis faucibus posuere.<br />Nunc elementum libero vitae sapien auctor mollis.<br />Aenean eget tellus ac urna tincidunt vestibulum.<br />Vivamus eget orci nec purus mollis efficitur.<br />Pellentesque eu pharetra justo.</p>
     <p>Duis tincidunt convallis vulputate.<br />Etiam non magna mi.<br />Proin porttitor vel quam ac dignissim.<br />Pellentesque tempus orci orci, quis tincidunt enim tincidunt in.<br />Vestibulum posuere leo ut lacus imperdiet, nec rutrum turpis pellentesque.<br />Pellentesque dictum finibus posuere.<br />Mauris vehicula lacus lorem, a euismod purus cursus eu.<br />Vivamus magna mauris, vehicula et libero at, commodo consectetur purus.</p>
     <p>Sed laoreet posuere consectetur.<br />Proin sed rutrum ligula, id scelerisque eros.<br />Duis rhoncus magna eu magna scelerisque, non volutpat libero volutpat.<br />Mauris gravida et tellus non ornare.<br />Integer nibh nulla, commodo aliquam imperdiet a, condimentum pulvinar magna.<br />Praesent commodo eros eu nisi sagittis pulvinar.<br />Cras id lectus vel eros porta faucibus eu eu quam.<br />Morbi et nisi id nunc elementum facilisis.<br />Maecenas ultrices eu purus nec auctor.<br />Cras quis sagittis nunc, in accumsan lacus.</p>
     <p>Sed sem arcu, eleifend imperdiet ligula consectetur, tempus efficitur massa.<br />Donec commodo convallis cursus.<br />Donec id magna at arcu malesuada vulputate.<br />Nam cursus leo eros, vel volutpat diam tincidunt eu.<br />Morbi eleifend accumsan mollis.<br />Sed dui lacus, tincidunt eu elit eu, venenatis ultrices erat.<br />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />Fusce sit amet imperdiet sapien, ut finibus ex.<br />Quisque tincidunt, est vitae iaculis bibendum, augue odio pharetra libero, nec ornare erat risus ac quam.<br />Nam varius mauris sit amet purus cursus, eget molestie ex tempus.</p>
@@ -47,11 +47,11 @@
     </section>
 
     <nav>
-                <a class="prevlink" href="loremipsum.html">
+                <a class="prevlink" href=".loremipsum.html">
             Lorem ipsum
         </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
-                <a class="nextlink" href="loremipsum.html">
+                <a class="nextlink" href=".loremipsum.html">
             Lorem ipsum
         </a>
             </nav>
@@ -39,7 +39,7 @@
                     </header>
 
     <section class="thing prose">
-    <p><a href="ipsumlorem.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vivamus at vulputate ligula, ac ullamcorper magna. In in porta metus. Curabitur iaculis faucibus posuere. Nunc elementum libero vitae sapien auctor mollis. Aenean eget tellus ac urna tincidunt vestibulum. Vivamus eget orci nec purus mollis efficitur. Pellentesque eu pharetra justo.</p>
+    <p><a href=".ipsumlorem.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vivamus at vulputate ligula, ac ullamcorper magna. In in porta metus. Curabitur iaculis faucibus posuere. Nunc elementum libero vitae sapien auctor mollis. Aenean eget tellus ac urna tincidunt vestibulum. Vivamus eget orci nec purus mollis efficitur. Pellentesque eu pharetra justo.</p>
     <p>Duis tincidunt convallis vulputate. Etiam non magna mi. Proin porttitor vel quam ac dignissim. Pellentesque tempus orci orci, quis tincidunt enim tincidunt in. Vestibulum posuere leo ut lacus imperdiet, nec rutrum turpis pellentesque. Pellentesque dictum finibus posuere. Mauris vehicula lacus lorem, a euismod purus cursus eu. Vivamus magna mauris, vehicula et libero at, commodo consectetur purus.</p>
     <p>Sed laoreet posuere consectetur. Proin sed rutrum ligula, id scelerisque eros. Duis rhoncus magna eu magna scelerisque, non volutpat libero volutpat. Mauris gravida et tellus non ornare. Integer nibh nulla, commodo aliquam imperdiet a, condimentum pulvinar magna. Praesent commodo eros eu nisi sagittis pulvinar. Cras id lectus vel eros porta faucibus eu eu quam. Morbi et nisi id nunc elementum facilisis. Maecenas ultrices eu purus nec auctor. Cras quis sagittis nunc, in accumsan lacus.</p>
     <p>Sed sem arcu, eleifend imperdiet ligula consectetur, tempus efficitur massa. Donec commodo convallis cursus. Donec id magna at arcu malesuada vulputate. Nam cursus leo eros, vel volutpat diam tincidunt eu. Morbi eleifend accumsan mollis. Sed dui lacus, tincidunt eu elit eu, venenatis ultrices erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sit amet imperdiet sapien, ut finibus ex. Quisque tincidunt, est vitae iaculis bibendum, augue odio pharetra libero, nec ornare erat risus ac quam. Nam varius mauris sit amet purus cursus, eget molestie ex tempus.</p>
@@ -47,11 +47,11 @@
     </section>
 
     <nav>
-                <a class="prevlink" href="ipsumlorem.html">
+                <a class="prevlink" href=".ipsumlorem.html">
             Ipsum lorem
         </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
-                <a class="nextlink" href="ipsumlorem.html">
+                <a class="nextlink" href=".ipsumlorem.html">
             Ipsum lorem
         </a>
             </nav>
@@ -1,14 +1,15 @@
 # for windows only right now
 
 num=0
-for file in src/*.txt; do # TODO: change this to work with globs & args & stuff
+for file in src/{.[!.]*,*}.txt; do
+    # TODO: change this to work with globs & args & stuff
     echo -n "Compiling $file ..."
     pandoc -f markdown \
            -t html5 \
-           --template=_template.html \
+           --template=.template.html \
            --smart \
            --mathml \
-           $file \
+           "$file" \
            -o "${file%.txt}.html"
     echo " Done."
     ((num += 1))
@@ -22,10 +23,10 @@ echo "Finished compiling $num files."
 echo
 echo "Updating js/lozenge.js with file list ..."
 
-lozengeList=( $(ls *.html | grep -v '\(_template\|loremipsum\|ipsumlorem\)') )
+lozengeList=( $(ls *.html) )
 
 list=$(sed -e 's/\S\+\.html/"&",/g' -e 's/,$//' -e 's/^.*$/var files=[&]/' <<< "${lozengeList[@]}")
 
 sed -i "s/var files=.*/$list/" js/lozenge.js
 
-echo "Finished."
+echo "Finished updating: ${#lozengeList[@]} files."
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<!-- Template for compiled 'Autocento' documents -->
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="generator" content="pandoc">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <meta name="author" content="Case Duckworth">
+    <!-- more meta tags here -->
+    <title>Ipsum lorem | Autocento of the breakfast table</title>
+
+    <link rel="stylesheet" type="text/css" href="./css/common.css">
+    <script src="./js/lozenge.js"> </script>
+        <link rel="stylesheet" type="text/css" href="./css/verse.css">
+    <script src="./js/verse.js"> </script>
+            <link rel="stylesheet" type="text/css" href="./css/autocento.css">
+    <script src="./js/autocento.js"> </script>
+        <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
+    <![endif]-->
+    <!-- <script src="js/external.js"> </script> -->
+    </head>
+<body>
+
+<div id="wrapper">
+    <header>
+        <!-- title -->
+        <h1 class="title">Ipsum lorem</h1>
+        <h1 class="subtitle">a test suite for the gods</h1>
+
+                <!-- dedication -->
+        <div class="dedication">you, dear Reader</div>
+        
+                <!-- epigraph -->
+        <div class="epigraph">
+                        <a href="http://lipsum.com/"><p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p></a>
+                    </div>
+                <div class="epigraph-attrib">Cicero</div>
+                    </header>
+
+    <section class="thing verse">
+    <p><a href=".loremipsum.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit.<br />Vivamus at vulputate ligula, ac ullamcorper magna.<br />In in porta metus.<br />Curabitur iaculis faucibus posuere.<br />Nunc elementum libero vitae sapien auctor mollis.<br />Aenean eget tellus ac urna tincidunt vestibulum.<br />Vivamus eget orci nec purus mollis efficitur.<br />Pellentesque eu pharetra justo.</p>
+    <p>Duis tincidunt convallis vulputate.<br />Etiam non magna mi.<br />Proin porttitor vel quam ac dignissim.<br />Pellentesque tempus orci orci, quis tincidunt enim tincidunt in.<br />Vestibulum posuere leo ut lacus imperdiet, nec rutrum turpis pellentesque.<br />Pellentesque dictum finibus posuere.<br />Mauris vehicula lacus lorem, a euismod purus cursus eu.<br />Vivamus magna mauris, vehicula et libero at, commodo consectetur purus.</p>
+    <p>Sed laoreet posuere consectetur.<br />Proin sed rutrum ligula, id scelerisque eros.<br />Duis rhoncus magna eu magna scelerisque, non volutpat libero volutpat.<br />Mauris gravida et tellus non ornare.<br />Integer nibh nulla, commodo aliquam imperdiet a, condimentum pulvinar magna.<br />Praesent commodo eros eu nisi sagittis pulvinar.<br />Cras id lectus vel eros porta faucibus eu eu quam.<br />Morbi et nisi id nunc elementum facilisis.<br />Maecenas ultrices eu purus nec auctor.<br />Cras quis sagittis nunc, in accumsan lacus.</p>
+    <p>Sed sem arcu, eleifend imperdiet ligula consectetur, tempus efficitur massa.<br />Donec commodo convallis cursus.<br />Donec id magna at arcu malesuada vulputate.<br />Nam cursus leo eros, vel volutpat diam tincidunt eu.<br />Morbi eleifend accumsan mollis.<br />Sed dui lacus, tincidunt eu elit eu, venenatis ultrices erat.<br />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />Fusce sit amet imperdiet sapien, ut finibus ex.<br />Quisque tincidunt, est vitae iaculis bibendum, augue odio pharetra libero, nec ornare erat risus ac quam.<br />Nam varius mauris sit amet purus cursus, eget molestie ex tempus.</p>
+    <p>Proin augue ligula, interdum quis fermentum eu, suscipit eget tortor.<br />Suspendisse nec egestas odio, vitae vestibulum turpis.<br />Proin ipsum ligula, maximus vitae mauris ut, imperdiet ultricies eros.<br />Integer mi orci, vestibulum ut porttitor quis, dictum eu lacus.<br />Ut placerat lectus metus, vel molestie felis luctus ac.<br />Quisque facilisis lectus id magna hendrerit, auctor ornare nisl rutrum.<br />Pellentesque vehicula purus vitae dui auctor, in accumsan risus efficitur.</p>
+    </section>
+
+    <nav>
+                <a class="prevlink" href=".loremipsum.html">
+            Lorem ipsum
+        </a>
+                <a href="#" id="lozenge" title="Random page"> &loz; </a>
+                <a class="nextlink" href=".loremipsum.html">
+            Lorem ipsum
+        </a>
+            </nav>
+</div>
+</body>
+</html>
@@ -17,10 +17,10 @@ project:
     order: 2
     next:
     - title: Lorem ipsum
-      link: loremipsum
+      link: .loremipsum
     prev:
     - title: Lorem ipsum
-      link: loremipsum
+      link: .loremipsum
 ...
 
 [Lorem ipsum dolor sit amet][], consectetur adipiscing elit. \
@@ -71,4 +71,4 @@ Ut placerat lectus metus, vel molestie felis luctus ac. \
 Quisque facilisis lectus id magna hendrerit, auctor ornare nisl rutrum. \
 Pellentesque vehicula purus vitae dui auctor, in accumsan risus efficitur.
 
-[Lorem ipsum dolor sit amet]: loremipsum.html
+[Lorem ipsum dolor sit amet]: .loremipsum.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<!-- Template for compiled 'Autocento' documents -->
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="generator" content="pandoc">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <meta name="author" content="Case Duckworth">
+    <!-- more meta tags here -->
+    <title>Lorem ipsum | Autocento of the breakfast table</title>
+
+    <link rel="stylesheet" type="text/css" href="./css/common.css">
+    <script src="./js/lozenge.js"> </script>
+        <link rel="stylesheet" type="text/css" href="./css/prose.css">
+    <script src="./js/prose.js"> </script>
+            <link rel="stylesheet" type="text/css" href="./css/autocento.css">
+    <script src="./js/autocento.js"> </script>
+        <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
+    <![endif]-->
+    <!-- <script src="js/external.js"> </script> -->
+    </head>
+<body>
+
+<div id="wrapper">
+    <header>
+        <!-- title -->
+        <h1 class="title">Lorem ipsum</h1>
+        <h1 class="subtitle">a test suite for the gods</h1>
+
+                <!-- dedication -->
+        <div class="dedication">you, dear Reader</div>
+        
+                <!-- epigraph -->
+        <div class="epigraph">
+                        <a href="http://lipsum.com/"><p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p></a>
+                    </div>
+                <div class="epigraph-attrib">Cicero</div>
+                    </header>
+
+    <section class="thing prose">
+    <p><a href=".ipsumlorem.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vivamus at vulputate ligula, ac ullamcorper magna. In in porta metus. Curabitur iaculis faucibus posuere. Nunc elementum libero vitae sapien auctor mollis. Aenean eget tellus ac urna tincidunt vestibulum. Vivamus eget orci nec purus mollis efficitur. Pellentesque eu pharetra justo.</p>
+    <p>Duis tincidunt convallis vulputate. Etiam non magna mi. Proin porttitor vel quam ac dignissim. Pellentesque tempus orci orci, quis tincidunt enim tincidunt in. Vestibulum posuere leo ut lacus imperdiet, nec rutrum turpis pellentesque. Pellentesque dictum finibus posuere. Mauris vehicula lacus lorem, a euismod purus cursus eu. Vivamus magna mauris, vehicula et libero at, commodo consectetur purus.</p>
+    <p>Sed laoreet posuere consectetur. Proin sed rutrum ligula, id scelerisque eros. Duis rhoncus magna eu magna scelerisque, non volutpat libero volutpat. Mauris gravida et tellus non ornare. Integer nibh nulla, commodo aliquam imperdiet a, condimentum pulvinar magna. Praesent commodo eros eu nisi sagittis pulvinar. Cras id lectus vel eros porta faucibus eu eu quam. Morbi et nisi id nunc elementum facilisis. Maecenas ultrices eu purus nec auctor. Cras quis sagittis nunc, in accumsan lacus.</p>
+    <p>Sed sem arcu, eleifend imperdiet ligula consectetur, tempus efficitur massa. Donec commodo convallis cursus. Donec id magna at arcu malesuada vulputate. Nam cursus leo eros, vel volutpat diam tincidunt eu. Morbi eleifend accumsan mollis. Sed dui lacus, tincidunt eu elit eu, venenatis ultrices erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sit amet imperdiet sapien, ut finibus ex. Quisque tincidunt, est vitae iaculis bibendum, augue odio pharetra libero, nec ornare erat risus ac quam. Nam varius mauris sit amet purus cursus, eget molestie ex tempus.</p>
+    <p>Proin augue ligula, interdum quis fermentum eu, suscipit eget tortor. Suspendisse nec egestas odio, vitae vestibulum turpis. Proin ipsum ligula, maximus vitae mauris ut, imperdiet ultricies eros. Integer mi orci, vestibulum ut porttitor quis, dictum eu lacus. Ut placerat lectus metus, vel molestie felis luctus ac. Quisque facilisis lectus id magna hendrerit, auctor ornare nisl rutrum. Pellentesque vehicula purus vitae dui auctor, in accumsan risus efficitur.</p>
+    </section>
+
+    <nav>
+                <a class="prevlink" href=".ipsumlorem.html">
+            Ipsum lorem
+        </a>
+                <a href="#" id="lozenge" title="Random page"> &loz; </a>
+                <a class="nextlink" href=".ipsumlorem.html">
+            Ipsum lorem
+        </a>
+            </nav>
+</div>
+</body>
+</html>
@@ -17,10 +17,10 @@ project:
     order: 1
     next:
     - title: Ipsum lorem
-      link: ipsumlorem
+      link: .ipsumlorem
     prev:
     - title: Ipsum lorem
-      link: ipsumlorem
+      link: .ipsumlorem
 ...
 
 [Lorem ipsum dolor sit amet][], consectetur adipiscing elit.
@@ -71,4 +71,4 @@ Ut placerat lectus metus, vel molestie felis luctus ac.
 Quisque facilisis lectus id magna hendrerit, auctor ornare nisl rutrum.
 Pellentesque vehicula purus vitae dui auctor, in accumsan risus efficitur.
 
-[Lorem ipsum dolor sit amet]: ipsumlorem.html
+[Lorem ipsum dolor sit amet]: .ipsumlorem.html