nick12
/
hmn
forked from hmn/hmn
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/templates/src/jam_2023_wrj_index.html
View File

@ -16,6 +16,10 @@
grid-template-columns: 1fr 1fr;
}
}
.bg-black-20-alternate:nth-of-type(2n) {
background-color: rgba(0, 0, 0, 0.2);
}
</style>
{{ if .TwitchEmbedUrl }}
@ -72,7 +76,16 @@
</div>
{{ 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">
<h2>Submitted projects</h2>
<div class="mt3 projects g3 back-to-normal">
@ -86,7 +99,7 @@
</div>
</div>
{{ 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">
{{ if gt .DaysUntilEnd 0 }}
<h2>Recent updates</h2>
@ -210,7 +223,7 @@
});
</script>
{{ 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">
<h2>Last year's entries</h2>
<p>
@ -292,7 +305,7 @@
</div>
{{ 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="section flex-fair mb4 mb0-ns">
<h2>Why reinvent the wheel?</h2>
@ -326,7 +339,7 @@
</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">
<h2>How to participate</h2>
<p>
@ -370,7 +383,7 @@
</div>
</div>
<div class="pt4">
<div class="bg-black-20-alternate pv4">
<div class="section mw8 margin-center ph3 ph4-l">
<h2>Rules</h2>
<ul>