begin simplification

assets/sass/code.scss

@@ -1,18 +1,4 @@
-code {
-	background: $dark;
-	border-radius: .4rem;
-	margin: 0 .2rem;
-	padding: .2rem .5rem;
-	white-space: nowrap;
-}
-
-p code {
-	font-size: .9rem !important;
-}
-
-li code {
-    font-size: .9rem !important;
-}
+code { white-space: nowrap; }
 
 pre {
 	background-color: $background-color !important;
@@ -27,5 +13,6 @@ pre {
 		max-width: 100%;
 		overflow-x: auto;
 		border-left: .3rem solid $code-edge;
+    	border-radius: .4rem;
 	}
 }

assets/sass/main.scss

@@ -14,95 +14,47 @@ body {
 	color: $font-color;
 	margin: 0px;
 	overflow-y: scroll;
-	font-family: 'Source Sans Pro';
+	font-family: 'Helvetica';
+	font-size: 1.1rem;
 }
 
 header {
 	background-color: $top-bar;
 	box-shadow: 0px 5px 10px black;
-	.spread {
-		gap: 24px;
-		display: flex;
-		align-items: flex-end;
-		justify-content: space-between;
-		@include screen-max(1000px){justify-content: center;}
-		ul {
-			margin: 0px;
-			padding: 0px;
-			list-style-type: none;
+	nav {
+    	@include screen-max(840px){text-align: center;}
+		img { max-width: 300px; }
+
     	a {
-				text-align: center;
-				margin: auto;
+        	margin-right: 12px;
         	font-weight: bold;
         	text-decoration: none;
         	color: $font-color-alternate;
+        	&:visited {color: $font-color-alternate;}
     	}
 	}
 }
-	nav {
-		max-width: 1400px;
-		margin: 0px auto;
-		padding: 8px;
-		flex-wrap: wrap;
-		a {
-			@include screen-max(1000px){flex-basis: 100%;}
-		}
-		img {
-			max-width: 300px;
-			display: block;
-			@include screen-max(1000px){margin: auto; flex-basis: 100%;}
-		}
-	}
-}
-
-a {
-	color: $link-color;
-
-	&:visited, &:hover {
-		color: $link-color-visited;
-	}
-}
 
-main {
-	max-width: 820px;
-	margin: auto;
-	@include screen-max(840px){padding: 0px 16px;}
+header, main, section, nav {padding: 0 16px;}
 
-	img {
-		width: 100%;
-	}
-}
+main, section, nav {max-width: 920px; margin: auto;}
+main img {max-width: 100%}
 
-.center-text {
-	text-align: center;
-	flex-basis: 100%;
-}
+footer {text-align: center;}
 
-a, p, li, h2 {
-	font-size: 1.25rem;
-}
 
-img {
-	 object-fit: cover;
+a {
+	color: $link-color;
+	&:visited, &:hover { color: $link-color-visited; }
 }
 
 img.featured {
-    border-radius: 8px;
-    max-height: 500px;
-    max-width: 100%;
     display: block;
-}
-
-.margin {
+    border-radius: 8px;
     margin: 12px auto;
-}
-
-.small-text {
-	font-size: 1rem;
-}
-
-.large-text {
-    font-size: 2rem;
+    max-height: 888px;
+    object-fit: cover;
+    aspect-ratio: 4/3;
 }
 
 .left-to-right {
@@ -117,26 +69,14 @@ img.featured {
     align-items: center;
 }
 
-section {
-	max-width: 1000px;
-	margin: 16px auto;
-	padding: 8px;
-}
-
 section.article-list {
+    margin: 8px 0px;
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: center;
 	gap: 40px;
 }
 
-.center-box {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-}
-
 .fill-wh {
 	width: 100%;
 	height: 100%

layouts/404.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
-<div class="center-box">
+<main>
     <h1>404</h1>
-	<h2 class="center-text">This page doesn't exist. Let's go <a href="/">home</a></h2>
-</div>
+    <h2>This page doesn't exist. Let's go <a href="/">home</a></h2>
+</main>
 {{ end }}
 

layouts/_default/list.html

@@ -1,24 +1,39 @@
 {{ define "main" }}
-
 	{{ $pages := .Site.RegularPages }}
+    {{if not .IsHome }} {{ $pages = .Pages }} {{ end }}
+
+    <main>
+    	<h1>{{ .Title | markdownify | title }}</h1>
+    	{{ if and .IsSection (not .IsHome) }} {{ partial "article-meta.html" . }} {{ end }}
+    	{{ with .Content }}
+        <section>
+        {{ . }}
+        </section>
+    	{{- end }}
+    </main>
 
-    {{if not .IsHome }}
-
-    	<h1 class="center-text">{{ .Title | markdownify | lower }}</h1>
-
-    	{{ $pages = .Pages }}
-
+	<section>
+    <h2>Latest Posts:</h2>
+    {{ with $pages.Limit 4 }}
+        <section class="article-list">
+        {{ range . }}
+        {{ partial "article.html" . }}
         {{ end }}
-
-    {{ if templates.Exists "partials/pre-content.html" }}
-    	{{ partial "pre-content.html" . }}
+        </section>
     {{ end }}
+	</section>
 
-    <section>{{ .Content }}</section>
-
-    <section class="article-list">
-     {{ range $pages }}
-    	 {{ partial "article.html" . }}
+	<section>
+    <h2>All Posts:</h2>
+    {{ with $pages }}
+        {{ range .GroupByDate "2006" }}
+        	<p>{{ .Key }}</p>
+        	<ul>
+        	{{ range .Pages -}}
+        	<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+        	{{ end -}}
+        	</ul>
+        {{ end }}
     {{ end }}
 	</section>
 

layouts/_default/single.html

@@ -4,30 +4,17 @@
     <main>
     	{{ partial "article-meta.html" . }}
 
-        {{ if .Params.toc }}
-            {{ .TableOfContents }}
-        {{ end }}
-
-        {{ if templates.Exists "partials/pre-content.html" }}
-        	{{ partial "pre-content.html" . }}
-        {{ end }}
-
         {{ .Content }}
+    </main>
 
-        <p>
-
+    <section>
     	{{ with .NextInSection }}
-        		<b>Next: </b><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
-        		<br>
+    		<p>Next: <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></p>
     	{{ end }}
 
     	{{ with .PrevInSection }}
-        		<b>Previous: </b><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
-        		<br>
+    		<p>Previous: <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></p>
     	{{ end }}
+    </section>
 
-          <b><a href="/"> >> Home</a></b>
-    	</p>
-
-    </main>
 {{ end }}

layouts/authors/list.html

@@ -9,26 +9,27 @@
             <h1>{{ .Params.name }}</h1>
             <p>{{ .Params.bio }}</p>
 
-            <a class="small-text" href={{ .Params.projects}}>Projects</a>
+            <a href={{ .Params.projects}}>Projects</a>
             <span> | </span>
-            <a class="small-text" href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>
+            <a href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>
         </div>
 
     </section>
 
-    <section>
-
+    <main>
         {{ .Content }}
+    </main>
 
-        <h2>Posts:</h2>
-
-    </section>
-
+	<section>
+    <h2>Latest Posts:</h2>
+    {{ with .Data.Pages }}
         <section class="article-list">
-        {{ range .Data.Pages }}
+        {{ range . }}
         {{ partial "article.html" . }}
         {{ end }}
         </section>
+    {{ end }}
+	</section>
 
 {{ end }}
 

layouts/games/list.html

@@ -1,27 +0,0 @@
-{{ define "main" }}
-
-    <main>
-        {{ partial "article-meta.html" . }}
-
-        {{ if .Params.toc }}
-            {{ .TableOfContents }}
-        {{ end }}
-
-        {{ .Content }}
-    </main>
-
-        {{ if gt (len .Data.Pages) 0 }}
-
-        	<section>
-            	<h2>Devlogs:</h2>
-        	</section>
-
-            <section class="article-list">
-        	    {{ range .Data.Pages }}
-        	    	{{ partial "article.html" . }}
-        	    {{ end }}
-            </section>
-
-        {{ end }}
-
-{{ end }}

layouts/games/meta-extra.html

@@ -1,7 +0,0 @@
-{{ with .Params.releaseDate }}
-    <h2 class="small-text">Released: {{ dateFormat "Mon | Jan 2, 2006" . }}</h2>
-{{ end }}
-
-<h2 class="small-text">Platforms:
-<span class="margin small-text">{{ delimit .Params.platforms " · " }}</span>
-</h2>

layouts/partials/article-meta.html

@@ -1,25 +1,19 @@
 <section>
-    <h1 class="large-text">{{ .Title | markdownify }}</h1>
-
     {{ with .Params.authors }}
         {{ $author := (index . 0) }}
-        <h2>
-            Author: <a href={{ printf "/%s/%s" "authors" (urlize $author) }}>{{ $author }}</a>
-        </h2>
+        <h4>Author: <a href={{ printf "/%s/%s" "authors" (urlize $author) }}>{{ $author }}</a></h4>
     {{ end }}
 
     {{ with .Date }}
-        <h2 class="small-text">Posted: {{ .Format "Mon | Jan 2, 2006" }}</h2>
+        <h4>Posted: {{ .Format "Mon | Jan 2, 2006" }}</h4>
     {{ end }}
 
-    {{ .Render "meta-extra" }}
-
     {{ range (.GetTerms "tags") }}
     	<span>
-        	<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        	<a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
     	</span>
     {{ end }}
 
 	{{ $image := (.Resources.GetMatch "featured") }}
-	{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "shadow featured margin") }}
+	{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "shadow featured") }}
 </section>

layouts/partials/article.html

@@ -2,16 +2,16 @@
 
     <a href=" {{.Permalink }}">
     	{{ $image := .Resources.GetMatch "featured" }}
-    	{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt) }}
+    	{{ partial "image-small.html" (dict "image" $image "alt" .Params.featured.alt) }}
     </a>
 
     <div>
 
     	{{ with index (.GetTerms "tags") 0 }}
-    		<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    		<a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
     	{{ end }}
 
-    	<h2 class="title">{{ .Title | markdownify }}</h2>
+    	<h4 class="title">{{ .Title | markdownify }}</h4>
 
     	{{ with .Date }}
     		<p>{{ .Format "2006/01/02" }}</p>

layouts/partials/footer.html

@@ -1,5 +1,5 @@
 <footer>
 	<hr>
-	<p class="center-text"><a class="small-text" href="/authors">Authors</a></p>
-	<p class="center-text small-text">{{ $.Site.Copyright | safeHTML }}</p>
+	<p><a href="/authors">Authors</a></p>
+	<p>{{ $.Site.Copyright | safeHTML }}</p>
 </footer>

layouts/partials/header.html

@@ -1,11 +1,11 @@
 <header>
-	<nav class="spread">
+	<nav>
 		<a href="/"><img src="{{ .Site.Params.logo }}" alt="The {{ .Site.Title }} Logo"></a>
-		<ul class="spread">
-    		{{ range .Site.Params.HeaderLinks }}
-        		<li><a href="{{ .url }}" title="{{ .title }}">{{ .title }}</a></li>
-			{{ end }}
-			<li>{{ printf `<a href="/index.xml" title="%s">RSS</a>` $.Site.Title | safeHTML }}</li>
-		</ul>
+		<div>
+    		{{ range .Site.Params.HeaderLinks -}}
+    		<a href="{{ .url }}" title="{{ .title }}">{{ .title }}</a>
+    		{{ end -}}
+    		{{ printf `<a href="/index.xml" title="%s">RSS</a>` $.Site.Title | safeHTML }}
+		</div>
 	</nav>
 </header>

layouts/partials/image-small.html

@@ -0,0 +1,32 @@
+<img class="{{ .class }}"
+	{{- with .image -}}
+
+        {{ $smallest := (.Resize "305x q60") }}
+
+		srcset="
+    		{{- with $smallest -}}
+        		{{ printf "%s %dw," .RelPermalink .Width }}
+    		{{- end -}}
+
+    		{{- with (.Resize "480x q60") -}}
+        		{{ printf "%s %dw," .RelPermalink .Width }}
+    		{{- end -}}
+
+    		{{- with (.Resize "600x q70") -}}
+        		{{ printf "%s %dw," .RelPermalink .Width }}
+    		{{- end -}}
+		"
+
+		sizes="
+    		(max-width: 480px) 305px;
+    		(max-width: 600px) 480px;
+    		600px"
+
+    	src="
+    	{{- with $smallest -}}
+    		{{ .RelPermalink }}
+    	{{- end -}}"
+
+        alt="{{ .Params.alt }}"
+	{{- end -}}
+>

layouts/partials/image.html

@@ -1,18 +1,35 @@
 <img class="{{ .class }}"
 	{{- with .image -}}
+
+        {{ $smallest := (.Resize "320x q60") }}
+
 		srcset="
-    		{{- with (.Resize "600x q40") -}}
+    		{{- with $smallest -}}
         		{{ printf "%s %dw," .RelPermalink .Width }}
     		{{- end -}}
 
-    		{{- with (.Resize "1200x q65") -}}
-        		{{ printf "%s %dw" .RelPermalink .Width }}
-    		{{- end -}}"
+    		{{- with (.Resize "480x q60") -}}
+        		{{ printf "%s %dw," .RelPermalink .Width }}
+    		{{- end -}}
+
+    		{{- with (.Resize "600x q70") -}}
+        		{{ printf "%s %dw," .RelPermalink .Width }}
+    		{{- end -}}
+
+    		{{- with (.Resize "800x q90") -}}
+        		{{ printf "%s %dw," .RelPermalink .Width }}
+    		{{- end -}}
+
+		"
 
-    	sizes="(max-width: 900px) 600px, (min-width: 901px) 1200px"
+		sizes="
+    		(max-width: 480px) 320px;
+    		(max-width: 600px) 480px;
+    		(max-width: 800px) 600px;
+    		800px"
 
     	src="
-    	{{- with (.Resize "600x q40") -}}
+    	{{- with $smallest -}}
     		{{ .RelPermalink }}
     	{{- end -}}"
 

layouts/partials/posts-artfully-enumerated.html

@@ -0,0 +1 @@
+

layouts/partials/posts-enumerated.html

@@ -0,0 +1,20 @@
+{{ with . }}
+<section>
+    <h2>Latest Posts:</h2>
+    <section class="article-list">
+    {{ range .Limit 5 }}
+        {{ partial "article.html" . }}
+    {{ end }}
+    </section>
+
+    <h2>All Posts:</h2>
+    {{ range .GroupByDate "2006" }}
+    	<p>{{ .Key}}</p>
+    	<ul>
+    	{{ range .Pages -}}
+    	<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+    	{{ end -}}
+    	</ul>
+    {{ end }}
+</section>
+{{ end }}