semi passable css master
authorDaniel Liu <mr.picklepinosaur@gmail.com>
Sun, 1 Aug 2021 03:14:54 +0000 (23:14 -0400)
committerDaniel Liu <mr.picklepinosaur@gmail.com>
Sun, 1 Aug 2021 03:14:54 +0000 (23:14 -0400)
README.md
build/stylesheets/root.css
templates/archivepage.template.html
templates/navbar.template.html
templates/rollingpage.template.html

index 2a202a7..b8cd7b2 100644 (file)
--- a/README.md
+++ b/README.md
@@ -7,20 +7,22 @@ built in features include markdown generated blog articles, and a rss feed.
 
 ## templates
 
-templates are html snippets that you can customize. these templates are then pieced together to form the final html page. edit them to your liking. they can be found in the `templates/` directory. Here's a brief description of each one:
+templates are html snippets that you can customize. these templates are then pieced together to form the final html page. edit them to your liking. they can be found in the `templates/` directory. Here's a brief description of each one that comes by default:
 
 template          | description
 ------------------|-----------
-head              | html before body
-foot              | html after body
-archivebody       | everything inside body of archive page
-archiveitem       | 
-rollingbody       | everything inside body of rolling page
-rollingitem       |
+archivepage       | html used for the archive page
+archiveitem       | snippet for each list item on archive page
+rollingpage       | html used for rolling page
+rollingitem       | snippet for each rolling item
+feed              | main xml for rss feed
+feeditem          | xml snippet for each entry in feed
+articlepage       | html for each article
+navbar            | sample template for mounts
 
 ## modules
 
-these have not been implemented yet, but modules are shellscripts that are called during the build process that can add extra features.
+modules are shellscripts that are called during the build process that can add extra features.
 
 here are some potential ideas for modules:
 - [ ] syntax highlight for code blocks
index cca2a04..20db917 100644 (file)
@@ -54,6 +54,12 @@ body {
     padding: 0;
 }
 
+nav {
+    background-color: var(--bg-light);
+    padding: 1rem;
+    text-align: right;
+}
+
 h1, h2, h3, h4, h5, h6 {
     color: var(--text-light);
 }
@@ -71,13 +77,8 @@ strong {
 }
 
 pre {
-
     background-color: var(--bg-light);
-
     padding: 0.75rem;
-
-    /* border: 1px solid var(--text-light); */
-    /* border-radius: 0.5rem; */
 }
 
 code {
@@ -85,8 +86,9 @@ code {
     background-color: var(--bg-light);
 }
 
-.article-container {
+.article-container, .rolling-container, .archive-container {
     margin: 0 auto;
+    margin-top: 2rem;
     width: clamp(40ch, 50%, 80ch);
 }
 
index 98e9c87..d6cf86d 100644 (file)
 
     <!-- MOUNT_NAVBAR -->
 
-    <h1>Archive</h1>
-
-    <!-- _MOUNT_ARCHIVEITEM -->
+    <div class="archive-container">
+        <h1>Archive</h1>
+        <!-- _MOUNT_ARCHIVEITEM -->
+    </div> 
 
 </body>
 <footer>
index fba26d0..16f1ce2 100644 (file)
@@ -1,3 +1,5 @@
-<div>
-    <p>navbar</p>
-</div>
+<nav>
+    <a href="$SITEURL/archive.html">archive</a>
+    <a href="$SITEURL/rolling.html">rolling</a>
+    <a href="$SITEURL/feed.xml">rss</a>
+</nav>
index da61156..c399127 100644 (file)
 
     <!-- MOUNT_NAVBAR -->
 
-    <h1>Rolling</h1>
-
-    <!-- _MOUNT_ROLLINGITEM -->
+    <div class="rolling-container">
+        <h1>Rolling</h1>
+        <!-- _MOUNT_ROLLINGITEM -->
+    </div>
 
 </body>
 <footer>