format author layout

assets/sass/main.scss

@@ -63,7 +63,7 @@ a {
 	}
 }
 
-.content-wrapper, .article-meta {
+main {
 	max-width: 820px;
 	margin: auto;
 	@include screen-max(840px){padding: 0px 16px;}
@@ -87,19 +87,20 @@ a, p, li, h2 {
 	font-size: 1.25rem;
 }
 
-main > h2 {
-	font-size: 1.3rem;
-}
-
 img {
 	 object-fit: cover;
 }
 
+img.featured {
+    border-radius: 8px;
+    max-height: 500px;
+}
+
 .small-text {
 	font-size: 1rem;
 }
 
-.article-meta {
+.article-header {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -107,13 +108,8 @@ img {
 	flex-wrap: wrap;
 	h1 {
 		font-size: 2rem;
-	}
-	img {
-		border-radius: 8px;
-	}
-	img.large-image {
-		width: 100%;
-		max-height: 500px;
+    	text-align: center;
+    	flex-basis: 100%;
 	}
 }
 

layouts/_default/list.html

@@ -1,14 +1,14 @@
 {{ define "main" }}
-	{{if not .IsHome }}
-		<h1 class="center-text">{{ .Title | markdownify | lower }}</h1>
-  {{ end }}
-  {{ .Content }}
-  <section class="article-list">
+    {{if not .IsHome }}
+    	<h1 class="center-text">{{ .Title | markdownify | lower }}</h1>
+    {{ end }}
+    {{ .Content }}
+    <section class="article-list">
      {{ $pages := .Pages }}
      {{ if .IsHome }}{{ $pages = where .Site.RegularPages "Type" "not in" (default "[]" .Site.Params.excludedSections) }}{{ end }}
      {{ range (where $pages "Section" "ne" "") }}
-		 {{ partial "article-card.html" . }}
+    	 {{ partial "article-card.html" . }}
      {{ end }}
-   </section>
+    </section>
 {{ end }}
 

layouts/_default/single.html

@@ -1,25 +1,27 @@
 {{ define "main" }}
+    <main>
+    	{{ partial "article-meta.html" . }}
 
-	{{ partial "article-meta.html" . }}
+        {{ if .Params.toc }}
+            {{ .TableOfContents }}
+        {{ end }}
 
-    {{ if .Params.toc }}
-        {{ .TableOfContents }}
-    {{ end }}
-
-    <div class="content-wrapper">
-      <main>
         {{ .Content }}
+
         <p>
-      		{{ with .NextInSection }}
+
+        	{{ with .NextInSection }}
         		<b>Next: </b><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
         		<br>
-      		{{ end }}
-      		{{ with .PrevInSection }}
+        	{{ end }}
+
+        	{{ with .PrevInSection }}
         		<b>Previous: </b><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
         		<br>
-      		{{ end }}
+        	{{ end }}
+
           <b><a href="/"> >> Home</a></b>
-    		</p>
-      </main>
-    </div>
+    	</p>
+
+    </main>
 {{ end }}

layouts/authors/list.html

@@ -1,25 +1,36 @@
 {{ define "main" }}
-	<section>
-		{{if not .IsHome }}
-			<div class="article-meta">
-				<h1 class="center-text">{{ .Params.name }}</h1>
-				<p class="center-text">{{ .Params.bio }}</p>
-				<a class="small-text" href={{ .Params.projects}}>Projects</a>
-				<span> | </span>
-				<a class="small-text" href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>
-				<div class="break"></div>
-				{{ with .Resources.GetMatch "avatar" }}
-					<img class="shadow small-image" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
-				{{ end }}
-			</div>
-	  {{ end }}
-	  {{ .Content }}
-	  <h2>Posts:</h2>
-	</section>
-  <section class="article-list">
-     {{ range .Data.Pages }}
-			 {{ partial "article-card.html" . }}
-     {{ end }}
-   </section>
+    <main>
+        <section class="article-header">
+        {{if not .IsHome }}
+
+            <h1>{{ .Params.name }}</h1>
+            <p class="center-text">{{ .Params.bio }}</p>
+
+            <a class="small-text" href={{ .Params.projects}}>Projects</a>
+            <span> | </span>
+            <a class="small-text" href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>
+
+            <div class="break"></div>
+            {{ with .Resources.GetMatch "avatar" }}
+                <img class="shadow small-image featured" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
+            {{ end }}
+
+        {{ end }}
+
+        {{ .Content }}
+
+        </section>
+    </main>
+
+    <section>
+        <h2>Posts:</h2>
+    </section>
+
+    <section class="article-list">
+        {{ range .Data.Pages }}
+            {{ partial "article-card.html" . }}
+        {{ end }}
+    </section>
+
 {{ end }}
 

layouts/games/list.html

@@ -1,22 +1,27 @@
 {{ define "main" }}
 
-{{ partial "article-meta.html" . }}
+    <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-card.html" . }}
+        	    {{ end }}
+            </section>
+
+        {{ end }}
 
-{{ if .Params.toc }}
-{{ .TableOfContents }}
-{{ end }}
-<div class="content-wrapper">
-  <main>
-    {{ .Content }}
-    {{ if gt (len .Data.Pages) 0 }}
-    	<h2>Devlogs:</h2>
-	    <section class="article-list">
-		    {{ range .Data.Pages }}
-		    	{{ partial "article-card.html" . }}
-		    {{ end }}
-	    </section>
-    {{ end }}
-    <a href="/"> >> Home</a>
-  </main>
-</div>
 {{ end }}

layouts/games/meta-extra.html

@@ -1,6 +1,5 @@
 {{ if .Params.releaseDate }}
-    <h2 class="small-text">Released {{ dateFormat "Mon | Jan 2, 2006" .Params.releaseDate }}</h2>
-    <div class="break"/>
+    <h2 class="small-text center-text">Released {{ dateFormat "Mon | Jan 2, 2006" .Params.releaseDate }}</h2>
 {{ end }}
 
 <h2 class="small-text">Platforms:</h2>

layouts/partials/article-meta.html

@@ -1,13 +1,13 @@
-<div class="article-meta">
-    <h1 class="center-text">{{ .Title | markdownify }}</h1>
+<section class="article-header">
+    <h1>{{ .Title | markdownify }}</h1>
 
     {{ $authors := .Params.authors | default (slice .Site.Params.defaultAuthor) }}
     {{ $primaryAuthor := index $authors 0 }}
 
     {{ with $primaryAuthor }}
-    <a class="center-text" href={{ printf "/%s/%s" "authors" (urlize .) }}>
-        <h2 class="center-text">{{ . }}</h2>
-    </a>
+        <a class="center-text" href={{ printf "/%s/%s" "authors" (urlize .) }}>
+            <h2>{{ . }}</h2>
+        </a>
     {{ end }}
 
 	{{ .Render "meta-extra" }}
@@ -18,4 +18,4 @@
 
 	{{ partial "header-image.html" (dict "image" (.Resources.GetMatch .Params.featured.url) "alt" .Params.featured.alt) }}
 
-</div>
+</section>

layouts/partials/header-image.html

@@ -1,4 +1,4 @@
-<img class="shadow large-image"
+<img class="shadow featured"
 	{{ with .image }}
 		srcset="
 		{{ (.Resize "320x q30").RelPermalink }} 500w,