As mege is getting better, so is metanohi.

prestatic/extra.js

@@ -10,28 +10,28 @@
 */
 
 add_external_document_writing_script = function(url, elem) {
-    var orig_write, content, done;
+    var orig_write, content, done, ns;
     orig_write = document.write;
     content = ''
     document.write = function(msg) {
         content += msg + '\n';
-    }
+    };
 
     done = function() {
         document.write = orig_write;
         elem.innerHTML = content;
-    }
+    };
 
     ns = document.createElement('script');
     ns.type = 'text/javascript';
     ns.src = url;
     ns.onload = function() {
         done();
-    }
+    };
     ns.onreadystatechange = function() {
         if (this.readyState == 'complete')
             done();
-    }
+    };
     document.body.appendChild(ns);
 };
 

prestatic/screen.css

@@ -1,6 +1,8 @@
 /*@prexec
 page_bg = '#e8efef'
 @*/
+
+/* BASICS */
 * {
     margin: 0;
     padding: 0;
@@ -36,6 +38,10 @@ body {
     font-size: 18px;
 }
 
+ul#menulinks {
+    margin: 0;
+}
+
 #menulinks li {
     display: inline;
     list-style: none;
@@ -74,14 +80,6 @@ body {
     width: auto;
 }
 
-#body ul, #body ol {
-	margin-left: 15px;
-}
-
-#body li {
-	list-style: square outside none;
-}
-
 #metadata {
     margin-top: 10px;
     border-style: dashed;
@@ -121,10 +119,6 @@ body {
     margin: 2px 0 10px 4px;
 }
 
-#toc ul {
-    
-}
-
 #toc li.level1 {
     margin-left: 0;
 }
@@ -150,6 +144,8 @@ body {
 }
 
 
+/* LINKS */
+
 a {
     text-decoration: none;
 }
@@ -162,6 +158,8 @@ a:hover {
     color: #200cff;
 }
 
+/* HEADINGS */
+
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Dejavu Serif', FreeSerif, 'Nimbus Roman', Georgia, serif;
     font-weight: normal;
@@ -204,15 +202,117 @@ h6 {
     font-weight: bold;
 }
 
+
+/* Misc. elements */
+
 p {
     text-align: justify;
     margin-bottom: 5px;
 }
 
+div.caption {
+    clear: both;
+    margin: 5px;
+}
+
+caption, div.caption > p {
+    background-color: #ddd;
+    padding: 3px;
+    border: 1px dotted #ccc;
+    font-style: italic;
+}
+
+tt, code, samp, pre, var {
+    font-family: Inconsolata, 'Dejavu Sans Mono', monospace;
+}
+
 img {
     border: none;
 }
 
+cite, quote {
+    border-bottom: 1px dashed yellow;
+}
+
+blockquote {
+    margin-left: 20px;
+    font-size: 14px;
+}
+
+acronym, abbreviation {
+    border-bottom: 1px dashed green;
+}
+
+kbd {
+    background-color: #fff;
+    padding: 1px 2px;
+}
+
+dfn {
+    font-style: italic;
+}
+
+dfn {
+    font-style: italic;
+}
+
+ins {
+    text-decoration: underline;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+hr {
+    margin: 4px 0;
+}
+
+
+/* Lists */
+
+ul, ol {
+	margin: 0 3px 4px 0;
+    list-style-position: inside;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ul > ul, ol > ul {
+	list-style-type: square;
+}
+
+ul > * > ul, ol > * > ul {
+	list-style-type: circle;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+ol > ol, ul > ol {
+	list-style-type: upper-alpha;
+}
+
+ol > * > ol, ul > * > ol {
+	list-style-type: lower-alpha;
+}
+
+/* Definition lists */
+
+dd {
+    margin-left: 20px;
+}
+
+dl > dl {
+    margin-left: 25px;
+}
+
+
+/* Tables */
+
 table {
 	margin: 0 auto;
     border-collapse: collapse;
@@ -227,6 +327,9 @@ td, th {
 	padding: 1px 3px;
 }
 
+
+/* Misc. classes */
+
 .strong {
     font-weight: bold;
 }
@@ -235,16 +338,20 @@ td, th {
     font-style: italic;
 }
 
-.center-align {
-    text-align: center;
+.underline {
+    text-decoration: underline;
 }
 
-.right-align {
-    text-align: right;
+.center-align, .center-align > * {
+    text-align: center; ! important
 }
 
-.left-align {
-    text-align: left;
+.right-align, .right-align > * {
+    text-align: right; ! important
+}
+
+.left-align, .left-align > * {
+    text-align: left; ! important
 }
 
 .center-float {
@@ -267,3 +374,23 @@ td, th {
     display: inline;
 }
 
+.huge, .huge * {
+    font-size: 25px; ! important
+}
+
+.large, .large * {
+    font-size: 18px; ! important
+}
+
+.medium, .medium * {
+    font-size: 12px; ! important
+}
+
+.small, .small * {
+    font-size: 10px; ! important
+}
+
+.tiny, .tiny * {
+    font-size: 8px; ! important
+}
+

prestatic/template.html

@@ -86,6 +86,9 @@ for x in('projects', 'writings', 'films', 'about'):
 <!--@eval "<hr /><div id='footnotes'><h3>Footnotes</h3>" + page.footnotes_html + '</div>' if page.footnotes else ''@-->
       <div id='metadata'>
 <!--@eval run_macros(page.metadata_html)@-->
+<!--@exec
+if page.is_dynamic:
+    print("<p><a href='{}'>View source</a></p>".format(page.sourcepath), end='')@-->
       </div>
       </div>
       <div id='logo'>