From: Daniel Liu <mr.picklepinosaur@gmail.com>
Date: Sun, 1 Aug 2021 03:14:54 +0000 (-0400)
Subject: semi passable css
X-Git-Url: https://git.danieliu.xyz/?a=commitdiff_plain;h=refs%2Fheads%2Fmaster;p=pinopress.git

semi passable css
---

diff --git a/README.md b/README.md
index 2a202a7..b8cd7b2 100644
--- 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
diff --git a/build/stylesheets/root.css b/build/stylesheets/root.css
index cca2a04..20db917 100644
--- a/build/stylesheets/root.css
+++ b/build/stylesheets/root.css
@@ -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);
 }
 
diff --git a/templates/archivepage.template.html b/templates/archivepage.template.html
index 98e9c87..d6cf86d 100644
--- a/templates/archivepage.template.html
+++ b/templates/archivepage.template.html
@@ -11,9 +11,10 @@
 
     <!-- MOUNT_NAVBAR -->
 
-    <h1>Archive</h1>
-
-    <!-- _MOUNT_ARCHIVEITEM -->
+    <div class="archive-container">
+        <h1>Archive</h1>
+        <!-- _MOUNT_ARCHIVEITEM -->
+    </div> 
 
 </body>
 <footer>
diff --git a/templates/navbar.template.html b/templates/navbar.template.html
index fba26d0..16f1ce2 100644
--- a/templates/navbar.template.html
+++ b/templates/navbar.template.html
@@ -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>
diff --git a/templates/rollingpage.template.html b/templates/rollingpage.template.html
index da61156..c399127 100644
--- a/templates/rollingpage.template.html
+++ b/templates/rollingpage.template.html
@@ -11,9 +11,10 @@
 
     <!-- MOUNT_NAVBAR -->
 
-    <h1>Rolling</h1>
-
-    <!-- _MOUNT_ROLLINGITEM -->
+    <div class="rolling-container">
+        <h1>Rolling</h1>
+        <!-- _MOUNT_ROLLINGITEM -->
+    </div>
 
 </body>
 <footer>