Simplify, add a sketch. Improve.

tmcw · Oct 24, 2013 · e34b760 · e34b760
1 parent 2d6022d
commit e34b760
Show file tree

Hide file tree

Showing 26 changed files with 735 additions and 1,403 deletions.
diff --git a/custom.css b/custom.css
@@ -1,66 +1,39 @@
-/*--------------------- Typography ----------------------------*/
-
-@font-face {
-    font-family: 'aller-light';
-    src: url('public/fonts/aller-light.eot');
-    src: url('public/fonts/aller-light.eot?#iefix') format('embedded-opentype'),
-         url('public/fonts/aller-light.woff') format('woff'),
-         url('public/fonts/aller-light.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'aller-bold';
-    src: url('public/fonts/aller-bold.eot');
-    src: url('public/fonts/aller-bold.eot?#iefix') format('embedded-opentype'),
-         url('public/fonts/aller-bold.woff') format('woff'),
-         url('public/fonts/aller-bold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'novecento-bold';
-    src: url('public/fonts/novecento-bold.eot');
-    src: url('public/fonts/novecento-bold.eot?#iefix') format('embedded-opentype'),
-         url('public/fonts/novecento-bold.woff') format('woff'),
-         url('public/fonts/novecento-bold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
 /*--------------------- Layout ----------------------------*/
 html { height: 100%; }
 body {
-  font-family: "aller-light";
+  font-family: "Helvetica Neue", "Helvetica";
   font-size: 14px;
   line-height: 18px;
   color: #30404f;
   margin: 0; padding: 0;
   height:100%;
 }
-#container { min-height: 100%; }
+#container {
+    min-height: 100%;
+    margin:0 auto;
+    width:640px;
+}
+
+img {
+    max-width:100%;
+}
 
 a {
   color: #000;
 }
 
 b, strong {
   font-weight: normal;
-  font-family: "aller-bold";
 }
 
 p, ul, ol {
-  margin: 15px 0 0px;
+  margin: 15px 0 15px 0;
 }
 
 h1, h2, h3, h4, h5, h6 {
   color: #112233;
   line-height: 1em;
   font-weight: normal;
-  font-family: "novecento-bold";
-  text-transform: uppercase;
   margin: 30px 0 15px 0;
 }
 
@@ -85,9 +58,6 @@ pre, tt, code {
     margin: 0;
     padding: 7px 10px;
     background: #fcfcfc;
-    -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.1);
-    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
-    box-shadow:         inset 0 0 10px rgba(0,0,0,0.1);
     overflow-x: auto;
   }
     .annotation pre code {
@@ -204,11 +174,10 @@ ul.sections > li > div {
   }
 
   ul.sections > li > div.content {
-    background: #f5f5ff;
+    background: #f5f5f5;
+    border-top:2px solid #ccc;
+    border-bottom:2px solid #ccc;
     overflow-x:auto;
-    -webkit-box-shadow: inset 0 0 5px #e5e5ee;
-    box-shadow: inset 0 0 5px #e5e5ee;
-    border: 1px solid #dedede;
     margin:5px 10px 5px 10px;
     padding-bottom: 5px;
   }
@@ -363,3 +332,4 @@ pre .chunk {
 pre .tex .formula {
   opacity: 0.5;
 }
+
diff --git a/custom.jst b/custom.jst
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <title><%= title %></title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <link rel="stylesheet" media="all" href="<%= css %>" />
+</head>
+<body>
+  <div id="container">
+    <div class='cred'>
+        <a href='https://github.com/tmcw/literate-raytracer'>an open source project by tom macwright</a>
+    </div>
+    <canvas id='c'></canvas>
+    <div id="background"></div>
+    <% if (sources.length > 1) { %>
+      <ul id="jump_to">
+        <li>
+          <a class="large" href="javascript:void(0);">Jump To &hellip;</a>
+          <a class="small" href="javascript:void(0);">+</a>
+          <div id="jump_wrapper">
+          <div id="jump_page">
+            <% for (var i=0, l=sources.length; i<l; i++) { %>
+              <% var source = sources[i]; %>
+              <a class="source" href="<%= path.basename(destination(source)) %>">
+                <%= path.basename(source) %>
+              </a>
+            <% } %>
+          </div>
+        </li>
+      </ul>
+    <% } %>
+    <ul class="sections">
+        <% if (!hasTitle) { %>
+          <li id="title">
+              <div class="annotation">
+                  <h1><%= title %></h1>
+              </div>
+          </li>
+        <% } %>
+        <% for (var i=0, l=sections.length; i<l; i++) { %>
+        <% var section = sections[i]; %>
+        <li id="section-<%= i + 1 %>">
+            <div class="annotation">
+              <% heading = section.docsHtml.match(/^\s*<(h\d)>/) %>
+              <div class="pilwrap <%= heading ? 'for-' + heading[1] : '' %>">
+                <a class="pilcrow" href="#section-<%= i + 1 %>">&#182;</a>
+              </div>
+              <%= section.docsHtml %>
+            </div>
+            <% if (section.codeText.replace(/\s/gm, '') != '') { %>
+            <div class="content"><%= section.codeHtml %></div>
+            <% } %>
+        </li>
+        <% } %>
+    </ul>
+  </div>
+  <script src='vector.js'></script>
+  <script src='index.js'></script>
+</body>
+</html>