Overhaul home page layout

Overhauled to move away from the tombstone cards. The blog and project
panels are now side-by-side, and their entries use the entrypanel
partial for their layout.

layouts/index.html

@@ -1,20 +1,18 @@
 
 {{ define "main" }}
 	{{- partial "about.html" . -}}
-	<div id="blog-posts" class="panel my-2">
-		<h1 class="mb-4"><a href="/blog/">Blog Posts</a></h1>
-		<div id="blog-flex">
+	<section class="grid grid-cols-1 lg:grid-cols-2 gap-4">
+		<section id="blog-posts" class="panel my-2">
+			<h1 class="mb-4"><a href="/blog/">Blog Posts</a></h1>
 			{{ range first 3 (where .Site.RegularPages "Section" "blog") }}
-			{{ partial "micropanel.html" . }}
-			{{end}}
-		</div>
-	</div>
-	<div id="project-posts" class="panel my-2">
-		<h1 class="mb-4"><a href="/projects/">Featured Projects</a></h1>
-		<div id="project-flex">	
+			{{ partial "entrypanel.html" . }}
+			{{ end }}
+		</section>
+		<section id="project-posts" class="panel my-2">
+			<h1 class="mb-4"><a href="/projects/">Featured Projects</a></h1>
 			{{ range first 3 (where .Site.RegularPages "Section" "projects") }}
-			{{ partial "micropanel.html" . }}
-			{{end}}
-		</div>
-	</div>
+			{{partial "entrypanel.html" . }}
+			{{ end }}
+		</section>
+	</section>
 {{ end }}