Add jam banner on home page
This commit is contained in:
parent
f36df1f697
commit
e871542725
|
@ -102,6 +102,60 @@
|
||||||
</div>
|
</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 }}
|
{{ if not .User }}
|
||||||
<div class="mb3 ph3 ph0-ns">
|
<div class="mb3 ph3 ph0-ns">
|
||||||
<style>
|
<style>
|
||||||
|
|
|
@ -29,7 +29,7 @@ type LandingTemplateData struct {
|
||||||
AtomFeedUrl string
|
AtomFeedUrl string
|
||||||
MarkAllReadUrl string
|
MarkAllReadUrl string
|
||||||
|
|
||||||
WheelJamUrl string
|
JamUrl string
|
||||||
}
|
}
|
||||||
|
|
||||||
func Index(c *RequestContext) ResponseData {
|
func Index(c *RequestContext) ResponseData {
|
||||||
|
@ -149,7 +149,7 @@ func Index(c *RequestContext) ResponseData {
|
||||||
AtomFeedUrl: hmnurl.BuildAtomFeed(),
|
AtomFeedUrl: hmnurl.BuildAtomFeed(),
|
||||||
MarkAllReadUrl: hmnurl.HMNProjectContext.BuildForumMarkRead(0),
|
MarkAllReadUrl: hmnurl.HMNProjectContext.BuildForumMarkRead(0),
|
||||||
|
|
||||||
WheelJamUrl: hmnurl.BuildJamIndex(),
|
JamUrl: hmnurl.BuildJamIndex(),
|
||||||
}, c.Perf)
|
}, c.Perf)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return c.ErrorResponse(http.StatusInternalServerError, oops.New(err, "failed to render landing page template"))
|
return c.ErrorResponse(http.StatusInternalServerError, oops.New(err, "failed to render landing page template"))
|
||||||
|
|
Loading…
Reference in New Issue