118 lines
3.5 KiB
HTML
118 lines
3.5 KiB
HTML
{{ template "jam_2024_learning_base.html" . }}
|
|
|
|
{{ define "extrahead" }}
|
|
<style>
|
|
.jam-logo {
|
|
max-width: 24rem;
|
|
}
|
|
|
|
.jam-title {
|
|
/* align with the width of the logo */
|
|
font-size: 3.7rem;
|
|
font-weight: 700;
|
|
/* align with the text's actual bounding box */
|
|
line-height: 1.18;
|
|
margin-top: -0.18em;
|
|
margin-left: -0.03em;
|
|
margin-right: -0.03em;
|
|
}
|
|
</style>
|
|
{{ end }}
|
|
|
|
{{ define "content-top" }}
|
|
<div class="mw7 margin-center">
|
|
<div class="flex flex-column pv4 tc">
|
|
<img class="jam-logo margin-center" src="{{ static "learningjam2023/logo.svg" }}">
|
|
<div class="margin-center mv4">
|
|
<div class="jam-title mb3">Learning Jam</div>
|
|
<div class="flex flex-row justify-between lh-solid">
|
|
<div>
|
|
<div class="fw7 f3 mb1">Learn</div>
|
|
<div class="fw3 f4">March 15-17, 2024</div>
|
|
</div>
|
|
<div>
|
|
<div class="fw7 f3 mb1">Teach</div>
|
|
<div class="fw3 f4">March 22-24, 2024</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ if lt .DaysUntilStart 0 }}
|
|
<div class="flex flex-row g3 mt2">
|
|
{{ if .SubmittedProjectUrl }}
|
|
<a class="db ph3 pv2 f4 button-simple" href="{{ .SubmittedProjectUrl }}">Share your progress</a>
|
|
{{ else }}
|
|
<a class="db ph3 pv2 f4 button-simple" href="{{ .ProjectSubmissionUrl }}">Create your project</a>
|
|
{{ end }}
|
|
<a class="db ph3 pv2 f4 button-simple" href="{{ .JamFeedUrl }}">Recent activity</a>
|
|
</div>
|
|
{{ end }}
|
|
<div class="flex g3 justify-center">
|
|
<a href="{{ .DiscordInviteUrl }}" class="btn--jam">Join the Discord</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ define "content" }}
|
|
<style>
|
|
.participate-icon {
|
|
--mask-url: url("{{ static "learningjam2023/logo.svg" }}");
|
|
}
|
|
</style>
|
|
<div class="flex flex-column g3 items-center pa3">
|
|
<div class="w6">
|
|
<h2 class="c--theme-gradient-light">How to participate</h2>
|
|
<div class="flex flex-column g2 pa3">
|
|
<div class="flex flex-row g3 items-center bg--rich-gray pa2">
|
|
<div class="svg-mask participate-icon bg--theme-gradient-light">
|
|
<img class="w4 invisible" src="{{ static "visjam2023/logo.svg" }}" />
|
|
</div>
|
|
<div class="flex flex-column g2">
|
|
<div class="f4 fw7">Pick a project and form a team</div>
|
|
<div>Find a project idea that excites you etc...</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row g3 items-center bg--rich-gray pa2">
|
|
<div class="svg-mask participate-icon bg--theme-gradient-light">
|
|
<img class="w4 invisible" src="{{ static "visjam2023/logo.svg" }}" />
|
|
</div>
|
|
<div class="flex flex-column g2">
|
|
<div class="f4 fw7">Pick a project and form a team</div>
|
|
<div>Find a project idea that excites you etc...</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row g3 items-center bg--rich-gray pa2">
|
|
<div class="svg-mask participate-icon bg--theme-gradient-light">
|
|
<img class="w4 invisible" src="{{ static "visjam2023/logo.svg" }}" />
|
|
</div>
|
|
<div class="flex flex-column g2">
|
|
<div class="f4 fw7">Pick a project and form a team</div>
|
|
<div>Find a project idea that excites you etc...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="w7 center bb b--rich-gray"></div>
|
|
<div class="w6">
|
|
<h2 class="c--theme-gradient-light">March 15 - 17, 2024</h2>
|
|
<div>
|
|
Do things
|
|
</div>
|
|
</div>
|
|
<div class="w7 center bb b--rich-gray"></div>
|
|
<div class="w6">
|
|
<h2 class="c--theme-gradient-light">March 22 - 24, 2024</h2>
|
|
<div>
|
|
Do more things
|
|
</div>
|
|
</div>
|
|
<div class="w7 center bb b--rich-gray"></div>
|
|
<div class="w6">
|
|
<h2 class="c--theme-gradient-light">Rules</h2>
|
|
<div>
|
|
Do more things
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|