Default fonts to system font stack, recompile docs

thesephist · Mar 24, 2019 · 71139f6 · 71139f6
1 parent 8c11a98
commit 71139f6
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 15 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -4,24 +4,25 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>My Project</title>
-    <link rel="stylesheet" href="/main.css">
+    <title>Litterate</title>
+    <link rel="stylesheet" href="/litterate/main.css">
 </head>
 
 <body>
     <main>
         <div class="line">
             <div class="doc">
-                <h1>My Project</h1>
-                <p>Replace this description by setting the <code>description</code> option on <code>litterate</code>, or leave it blank</p>
+                <h1>Litterate</h1>
+                <p><code>litterate</code> is a tool to generate beautiful literate programming-style description of your code from comment annotations. Read more at <a href="https://github.com/thesephist/litterate">the GitHub repo</a>.</p>
 
 
                 <hr>
 
                 <p><strong>Annotated source files</strong></p>
-                <p class="sourceLink"><a href="/src/defaults.js.html">./src/defaults.js</a></p>
-<p class="sourceLink"><a href="/src/generate.js.html">./src/generate.js</a></p>
-<p class="sourceLink"><a href="/src/index.js.html">./src/index.js</a></p>
+                <p class="sourceLink"><a href="/litterate/src/defaults.js.html">./src/defaults.js</a></p>
+<p class="sourceLink"><a href="/litterate/src/generate.js.html">./src/generate.js</a></p>
+<p class="sourceLink"><a href="/litterate/src/index.js.html">./src/index.js</a></p>
+<p class="sourceLink"><a href="/litterate/litterate.config.js.html">./litterate.config.js</a></p>
             </div>
             <pre></pre>
         </div>

diff --git a/docs/main.css b/docs/main.css
@@ -2,7 +2,7 @@ html,
 body {
     margin: 0;
     padding: 0;
-    font-family: 'Helvetica', 'Arial', sans-serif;
+    font-family: system-ui, 'Helvetica', 'Arial', sans-serif;
 }
 body {
     background: #f8f8f8;

diff --git a/docs/src/defaults.js.html b/docs/src/defaults.js.html
@@ -5,15 +5,15 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>./src/defaults.js annotated source</title>
-    <link rel="stylesheet" href="/main.css">
+    <link rel="stylesheet" href="/litterate/main.css">
 </head>
 
 <body>
     <main>
         <div class="line">
             <div class="doc">
                 <h1>./src/defaults.js <span class="fade">annotated source</span></h1>
-                <em><a class="back" href="/">Back to index</a></em>
+                <em><a class="back" href="/litterate/">Back to index</a></em>
             </div>
             <pre></pre>
         </div>

diff --git a/docs/src/generate.js.html b/docs/src/generate.js.html
@@ -5,15 +5,15 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>./src/generate.js annotated source</title>
-    <link rel="stylesheet" href="/main.css">
+    <link rel="stylesheet" href="/litterate/main.css">
 </head>
 
 <body>
     <main>
         <div class="line">
             <div class="doc">
                 <h1>./src/generate.js <span class="fade">annotated source</span></h1>
-                <em><a class="back" href="/">Back to index</a></em>
+                <em><a class="back" href="/litterate/">Back to index</a></em>
             </div>
             <pre></pre>
         </div>

diff --git a/docs/src/index.js.html b/docs/src/index.js.html
@@ -5,15 +5,15 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>./src/index.js annotated source</title>
-    <link rel="stylesheet" href="/main.css">
+    <link rel="stylesheet" href="/litterate/main.css">
 </head>
 
 <body>
     <main>
         <div class="line">
             <div class="doc">
                 <h1>./src/index.js <span class="fade">annotated source</span></h1>
-                <em><a class="back" href="/">Back to index</a></em>
+                <em><a class="back" href="/litterate/">Back to index</a></em>
             </div>
             <pre></pre>
         </div>

diff --git a/templates/main.css b/templates/main.css
@@ -2,7 +2,7 @@ html,
 body {
     margin: 0;
     padding: 0;
-    font-family: 'Helvetica', 'Arial', sans-serif;
+    font-family: system-ui, 'Helvetica', 'Arial', sans-serif;
 }
 body {
     background: #f8f8f8;