archives : improvements

assets/css/archive.css

@@ -1,13 +1,8 @@
 /* Archive
 -------------------------------------------------- */
-.archive {
-    width: 100%;
-    text-align: left;
-    font-size: 16px;
-}
-
 .archive-posts {
-    width: 100%
+    width: 100%;
+    font-size: 16px;
 }
 
 .archive-year {
@@ -15,17 +10,17 @@
 }
 
 .archive-year-header:not(:last-of-type) {
-    border-bottom: 1px solid var(--border)
+    border-bottom: 1px solid var(--border);
 }
 
 .archive-year:not(:last-of-type) {
-    border-bottom: 1px solid var(--border)
+    border-bottom: 1px solid var(--border);
 }
 
 .archive-month {
     display: flex;
     align-items: flex-start;
-    padding: 10px 0
+    padding: 10px 0;
 }
 
 .archive-month-header {
@@ -34,7 +29,7 @@
 }
 
 .archive-month:not(:last-of-type) {
-    border-bottom: 1px solid var(--border)
+    border-bottom: 1px solid var(--border);
 }
 
 .archive-entry {
@@ -44,7 +39,8 @@
 }
 
 .archive-entry-title {
-    margin: 5px 0
+    margin: 5px 0;
+    font-weight: 400;
 }
 
 .archive-meta {
@@ -54,10 +50,10 @@
 
 @media (max-width: 800px) {
     .archive-month {
-        flex-direction: column
+        flex-direction: column;
     }
 
     .archive-year {
-        margin-top: 20px
+        margin-top: 20px;
     }
 }

layouts/_default/archives.html

@@ -1,38 +1,39 @@
 {{ define "main" }}
 
-<div class="archive">
-  <header class="page-header"><h1>{{ .Title }}</h1></header>
-  {{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
-  {{ range $pages.GroupByPublishDate "2006" }}
-  {{ if ne .Key "0001" }}
-  <div class="archive-year">
-    <h2 class="archive-year-header">{{ replace .Key "0001" "" }}</h2>
-    {{ range .Pages.GroupByDate "January" }}
-    <div class="archive-month">
-      <h3 class="archive-month-header">{{ .Key }}</h3>
-      <div class="archive-posts">
-        {{ range .Pages  }}
-        {{ if eq .Kind "page" }}
-        <div class="archive-entry">
-          <h3 class="archive-entry-title">
-            {{ .Title | markdownify }}
-          </h3>
-          <div class="archive-meta">
-            {{- if or .Params.author .Site.Params.author }}{{- .Params.author | default .Site.Params.author }} ·
-            {{ end }}
-            {{ if $.Site.Params.ShowReadingTime }}{{ .ReadingTime }}{{ i18n "read_time" | default "min read" }}
-            · {{ end }}
-            {{- .Date.Format "January 2, 2006" -}}
-          </div>
-          <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
+<header class="page-header">
+  <h1>{{ .Title }}</h1>
+</header>
+{{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
+{{ range $pages.GroupByPublishDate "2006" }}
+{{ if ne .Key "0001" }}
+<div class="archive-year">
+  <h2 class="archive-year-header">{{ replace .Key "0001" "" }}</h2>
+  {{ range .Pages.GroupByDate "January" }}
+  <div class="archive-month">
+    <h3 class="archive-month-header">{{ .Key }}</h3>
+    <div class="archive-posts">
+      {{ range .Pages  }}
+      {{ if eq .Kind "page" }}
+      <div class="archive-entry">
+        <h3 class="archive-entry-title">
+          {{ .Title | markdownify }}
+        </h3>
+        <div class="archive-meta">
+          {{- if or .Params.author .Site.Params.author }}{{- .Params.author | default .Site.Params.author }} ·
+          {{ end }}
+          {{ if $.Site.Params.ShowReadingTime }}{{ .ReadingTime }}{{ i18n "read_time" | default "min read" }}
+          · {{ end }}
+          {{- .Date.Format "January 2, 2006" -}}
         </div>
-        {{ end }}
-        {{ end }}
+        <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
       </div>
+      {{ end }}
+      {{ end }}
     </div>
-    {{ end }}
   </div>
   {{ end }}
-  {{ end }}
 </div>
+{{ end }}
+{{ end }}
+
 {{ end  }}{{/* end main */}}