Updates to layout and blog listing design

herbiebradley · Apr 6, 2024 · 30430a9 · 30430a9
1 parent c29f5dc
commit 30430a9
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 7 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,6 +1,6 @@
 <!--- Header and nav template site-wide -->
 <header>
-    <nav class="group">
+  <nav class="group">
 	<a href="{{site.baseurl}}/"><img class="badge" src="{{site.baseurl}}/assets/img/herbie.png" alt="HB"></a>
 	{% for node in site.pages %}
 		{% unless node.nav_exclude %}

diff --git a/blog.md b/blog.md
@@ -6,12 +6,27 @@ header-title: Blog
 
   <!-- <h1 class="content-listing-header sans"></h1> -->
   <ul class="content-listing ">
-    {% for post in site.posts %}
+    {% assign main_posts = site.posts | where: "main", true %}
+    {% assign archive_posts = site.posts | where: "main", false %}
+    <h1 class="content-listing-header sans">Context Window</h1>
+    {% for post in main_posts %}
         <li class="listing">
           <hr class="slender">
           <div class="post-container">
-          <a href="{{ post.url | prepend: site.baseurl }}"><h3 class="post-title contrast">{{ post.title }}</h3></a>
-          <span class="smaller">{{ post.date | date: "%B %-d, %Y" }}</span>
+            <a href="{{ post.url | prepend: site.baseurl }}"><h3 class="post-title contrast">{{ post.title }}</h3></a>
+            <span class="smaller">{{ post.date | date: "%B %-d, %Y" }}</span>
+          </div>
+          <!-- <div>{{ post.excerpt }}</div> -->
+        </li>
+    {% endfor %}
+    <h1 class="content-listing-header sans"></h1>
+    <h1 class="content-listing-header sans">Archive</h1>
+    {% for post in archive_posts %}
+        <li class="listing">
+          <hr class="slender">
+          <div class="post-container">
+            <a href="{{ post.url | prepend: site.baseurl }}"><h3 class="post-title contrast">{{ post.title }}</h3></a>
+            <span class="smaller">{{ post.date | date: "%B %-d, %Y" }}</span>
           </div>
           <!-- <div>{{ post.excerpt }}</div> -->
         </li>

diff --git a/css/tufte.scss b/css/tufte.scss
@@ -341,7 +341,7 @@ pre { width: 52.5%; //, pre code, p pre code are both selectors in tufte.css - t
            padding-left: 2.5%;
            overflow-x: auto; }
 
-.fullwidth, li.listing div{ max-width: 90%; }
+.fullwidth, li.listing div{ max-width: 100%; }
 
 .full-width { .sidenote-right, .sidenote-number, .marginnote-right { display: none; } }
 
@@ -391,7 +391,10 @@ label.margin-toggle:not(.sidenote-number) { display: none; }
 //helper classes
 
 .contrast { color: $contrast-color;}
-.smaller { font-size: 80%;}
+.smaller {
+  font-size: 75%;
+  font-style: italic;
+}
 //Nav and Footer styling area
 
 header > nav.group, body footer {
@@ -422,7 +425,7 @@ header > nav a img{
   height: 5rem;
   position: relative;
   max-width: 100%;
-  top:-1.5rem;
+  top:-2.3rem;
 }
 ul.footer-links, .credits{
   list-style: none;
@@ -474,6 +477,7 @@ li.left-column, li.right-column {
 }
 .post-title {
   margin-bottom: 0;
+  text-align: center;
 }
 .full-width article p{
   width: 90%;
@@ -493,6 +497,7 @@ li.listing hr{
 .listing, .listing h3
 {
   display: inline-block;
+  text-align: center;
   margin:0;
 }
 li.listing {