From e87154272525a3502271506c84bc2453e5b49905 Mon Sep 17 00:00:00 2001
From: Ben Visness <bvisness@gmail.com>
Date: Sat, 18 Jun 2022 10:30:30 -0500
Subject: [PATCH] Add jam banner on home page

---
 src/templates/src/landing.html | 54 ++++++++++++++++++++++++++++++++++
 src/website/landing.go         |  4 +--
 2 files changed, 56 insertions(+), 2 deletions(-)

diff --git a/src/templates/src/landing.html b/src/templates/src/landing.html
index 45c43a63..0b6dc0ea 100644
--- a/src/templates/src/landing.html
+++ b/src/templates/src/landing.html
@@ -102,6 +102,60 @@
 </div>
 */}}
 
+<div class="mb3 ph3 ph0-ns">
+	<style>
+        #jam-banner {
+            background: linear-gradient(174deg, #346ba6, #814cb7);
+            color: white !important;
+            text-align: center;
+        }
+
+        #jam-banner h3 {
+            font-family: 'MohaveHMN', sans-serif;
+            font-weight: normal;
+            font-size: 2.2rem;
+            line-height: 0.8;
+            margin: 0;
+            text-transform: uppercase;
+        }
+
+        #jam-details {
+            font-family: 'MohaveHMN', sans-serif;
+            font-variant: small-caps;
+            font-size: 1.2rem;
+            line-height: 0.8;
+            margin-top: 0.6rem;
+            letter-spacing: 0.02rem;
+        }
+
+        #jam-learn-more {
+            font-size: 1rem;
+        }
+
+        @media screen and (min-width: 30rem) {
+            #jam-banner {
+                text-align: left;
+            }
+
+            #jam-title-container {
+                padding-top: 0.2rem;
+            }
+        }
+    </style>
+	<a id="jam-banner" class="pv3 ph3 ph4-l br3 flex flex-column flex-row-ns items-center" href="{{ .JamUrl }}">
+		<img class="h3" src="{{ static "wheeljam2022/logo.svg" }}">
+		<div id="jam-title-container" class="flex flex-column pl3-m pl4-l pv3 pv0-ns">
+			<h3 id="jam-title">Wheel Reinvention Jam</h3>
+			<div id="jam-details">August 15 - 21. Change the status quo.</div>
+		</div>
+		<div class="flex-grow-1"></div>
+		<div id="jam-learn-more">
+			Learn more
+			<div class="dib svgicon">{{ svg "chevron-right" }}</div>
+		</div>
+	</a>
+</div>
+
 {{ if not .User }}
 	<div class="mb3 ph3 ph0-ns">
 		<style>
diff --git a/src/website/landing.go b/src/website/landing.go
index b892b565..2bef43bd 100644
--- a/src/website/landing.go
+++ b/src/website/landing.go
@@ -29,7 +29,7 @@ type LandingTemplateData struct {
 	AtomFeedUrl    string
 	MarkAllReadUrl string
 
-	WheelJamUrl string
+	JamUrl string
 }
 
 func Index(c *RequestContext) ResponseData {
@@ -149,7 +149,7 @@ func Index(c *RequestContext) ResponseData {
 		AtomFeedUrl:    hmnurl.BuildAtomFeed(),
 		MarkAllReadUrl: hmnurl.HMNProjectContext.BuildForumMarkRead(0),
 
-		WheelJamUrl: hmnurl.BuildJamIndex(),
+		JamUrl: hmnurl.BuildJamIndex(),
 	}, c.Perf)
 	if err != nil {
 		return c.ErrorResponse(http.StatusInternalServerError, oops.New(err, "failed to render landing page template"))