From 702036eac3dde7ce82e642e52614eafe28fdf02f Mon Sep 17 00:00:00 2001
From: Ben Visness <bvisness@gmail.com>
Date: Tue, 9 Nov 2021 21:21:19 -0800
Subject: [PATCH] Improve appearance of the project index

---
 src/templates/src/project_index.html | 49 ++++++++++++----------------
 1 file changed, 21 insertions(+), 28 deletions(-)

diff --git a/src/templates/src/project_index.html b/src/templates/src/project_index.html
index 5962f0ea..6bd1e2a4 100644
--- a/src/templates/src/project_index.html
+++ b/src/templates/src/project_index.html
@@ -1,37 +1,28 @@
 {{ template "base.html" . }}
 
 {{ define "content" }}
-	<div class="content-block no-bg-image">
+	<div>
 		{{ with .CarouselProjects }}
-			<div class="carousel-container mw-100 mv2 mv3-ns margin-center">
+			<div class="carousel-container mw-100 mv2 mv3-ns margin-center dn db-ns">
 				<div class="carousel pa3 h5 overflow-hidden bg--dim br2-ns">
-					<div class="dn db-l"> <!-- desktop carousel -->
-						{{ range $index, $project := . }}
-							<div class="carousel-item flex pa3 w-100 h-100 bg--dim items-center {{ if eq $index 0 }}active{{ end }}">
-								<div class="flex-grow-1 pr3 relative flex flex-column h-100 justify-center">
-									<a href="{{ $project.Url }}">
-										<h3>{{ $project.Name }}</h3>
-									</a>
-									<div class="carousel-description">
-										{{ $project.ParsedDescription }}
-									</div>
-									<div class="carousel-fade"></div>
-								</div>
-								<div class="flex-shrink-0 order-0 order-1-ns">
-									<a href="{{ $project.Url }}">
-										<div class="image bg-center cover w5 h5 br2" style="background-image:url({{ $project.Logo }})" ></div>
-									</a>
+					{{ range $index, $project := . }}
+						<div class="carousel-item flex pa3 w-100 h-100 bg--dim items-center {{ if eq $index 0 }}active{{ end }}">
+							<div class="flex-grow-1 pr3 relative flex flex-column h-100 justify-center">
+								<a href="{{ $project.Url }}">
+									<h3>{{ $project.Name }}</h3>
+								</a>
+								<div class="carousel-description">
+									{{ $project.ParsedDescription }}
 								</div>
+								<div class="carousel-fade"></div>
 							</div>
-						{{ end }}
-					</div>
-					<div class="db dn-l"> <!-- mobile/tablet carousel -->
-						{{ range $index, $project := . }}
-							<div class="carousel-item-small {{ if eq $index 0 }}active{{ end }}">
-								{{ template "project_card.html" projectcarddata $project "h-100" }}
+							<div class="flex-shrink-0 order-0 order-1-ns">
+								<a href="{{ $project.Url }}">
+									<div class="image bg-center cover w5 h5 br2" style="background-image:url({{ $project.Logo }})" ></div>
+								</a>
 							</div>
-						{{ end }}
-					</div>
+						</div>
+					{{ end }}
 				</div>
 				<div class="flex justify-center pv2">
 					{{ range $index, $project := . }}
@@ -58,7 +49,7 @@
 				<div class="projectlist ph3">
 					{{ range .Projects }}
 						<div class="mv3">
-							{{ template "project_card.html" projectcarddata . ""}}
+							{{ template "project_card.html" projectcarddata . "" }}
 						</div>
 					{{ end }}
 				</div>
@@ -73,7 +64,9 @@
 					<h2>Personal Projects</h2>
 					<p>Many community members have projects of their own that are currently works in progress. Here's a few:</p>
 					{{ range .PersonalProjects }}
-						<div><a href="{{ .Url }}">{{ .Name }}</a></div>
+						<div class="mv3">
+							{{ template "project_card.html" projectcarddata . "" }}
+						</div>
 					{{ end }}
 				</div>
 			</div>