Add jam recap stream

This commit is contained in:
Ben Visness 2023-10-16 11:49:15 -05:00
parent edeb519ddb
commit 0276e5228c
1 changed files with 19 additions and 6 deletions

View File

@ -16,6 +16,10 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
} }
.bg-black-20-alternate:nth-of-type(2n) {
background-color: rgba(0, 0, 0, 0.2);
}
</style> </style>
{{ if .TwitchEmbedUrl }} {{ if .TwitchEmbedUrl }}
@ -72,7 +76,16 @@
</div> </div>
{{ if eq .DaysUntilEnd 0 }} {{ if eq .DaysUntilEnd 0 }}
<div class="section bg-black-20 pv4 overflow-hidden"> <div class="section bg-black-20-alternate pv4">
<div class="mw8 margin-center ph3 ph4-l">
<h2>Recap show</h2>
<p>Watch the livestream celebrating this year's submissions:</p>
<div class="aspect-ratio aspect-ratio--16x9">
<iframe class="aspect-ratio--object" src="https://www.youtube-nocookie.com/embed/BuYoXfPZ6cI?si=Wian-rtg8PgPVcU1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="section bg-black-20-alternate pv4 overflow-hidden">
<div class="mw8 margin-center ph3 ph4-l"> <div class="mw8 margin-center ph3 ph4-l">
<h2>Submitted projects</h2> <h2>Submitted projects</h2>
<div class="mt3 projects g3 back-to-normal"> <div class="mt3 projects g3 back-to-normal">
@ -86,7 +99,7 @@
</div> </div>
</div> </div>
{{ else if and (eq .DaysUntilStart 0) (not (eq .ShowcaseJson "[]")) }} {{ else if and (eq .DaysUntilStart 0) (not (eq .ShowcaseJson "[]")) }}
<div id="showcase-outer-container" class="bg-black-20 pt4 pb3 pb4-ns"> <div id="showcase-outer-container" class="bg-black-20-alternate pt4 pb3 pb4-ns">
<div class="section mw8 margin-center ph3 ph4-l"> <div class="section mw8 margin-center ph3 ph4-l">
{{ if gt .DaysUntilEnd 0 }} {{ if gt .DaysUntilEnd 0 }}
<h2>Recent updates</h2> <h2>Recent updates</h2>
@ -210,7 +223,7 @@
}); });
</script> </script>
{{ else }} {{ else }}
<div class="section bg-black-20 pv4 overflow-hidden"> <div class="section bg-black-20-alternate pv4 overflow-hidden">
<div class="mw8 margin-center ph3 ph4-l"> <div class="mw8 margin-center ph3 ph4-l">
<h2>Last year's entries</h2> <h2>Last year's entries</h2>
<p> <p>
@ -292,7 +305,7 @@
</div> </div>
{{ end }} {{ end }}
<div class="pt4 pb3 pb4-ns"> <div class="bg-black-20-alternate pt4 pb3 pb4-ns">
<div class="flex-ns flex-row-ns mw8 margin-center ph3 ph4-l"> <div class="flex-ns flex-row-ns mw8 margin-center ph3 ph4-l">
<div class="section flex-fair mb4 mb0-ns"> <div class="section flex-fair mb4 mb0-ns">
<h2>Why reinvent the wheel?</h2> <h2>Why reinvent the wheel?</h2>
@ -326,7 +339,7 @@
</div> </div>
</div> </div>
<div class="bg-black-20 pt4 pb3 pb4-ns"> <div class="bg-black-20-alternate pt4 pb3 pb4-ns">
<div class="section mw8 margin-center ph3 ph4-l"> <div class="section mw8 margin-center ph3 ph4-l">
<h2>How to participate</h2> <h2>How to participate</h2>
<p> <p>
@ -370,7 +383,7 @@
</div> </div>
</div> </div>
<div class="pt4"> <div class="bg-black-20-alternate pv4">
<div class="section mw8 margin-center ph3 ph4-l"> <div class="section mw8 margin-center ph3 ph4-l">
<h2>Rules</h2> <h2>Rules</h2>
<ul> <ul>