Fixed style and links for vis jam

This commit is contained in:
Asaf Gartner 2023-04-11 17:38:32 +03:00
parent 4651e8a477
commit ef16a4f3e0
4 changed files with 75 additions and 67 deletions

View File

@ -16,7 +16,8 @@ $discordInviteURL := "https://discord.gg/hmn" }}
}
</style>
<div id="top-container" class="flex flex-column items-center ph3">
<div>
<div id="top-container" class="flex flex-column items-center ph3">
<img id="logo" src="{{ static "visjam2023/logo.svg" }}">
<h1 id="title">Visibility Jam</h1>
<h2 id="dates">April 14 - 16, 2O23</h2>
@ -69,9 +70,9 @@ $discordInviteURL := "https://discord.gg/hmn" }}
>Join the Discord</a
>
</div>
</div>
</div>
<div class="section mw8 margin-center ph3 ph4-l mv4">
<div class="section mw8 margin-center ph3 ph4-l mv4">
<p>
Too many things in computing are <b>invisible</b>.
</p>
@ -81,10 +82,11 @@ $discordInviteURL := "https://discord.gg/hmn" }}
<p>
So for this jam, make it visible. Maybe it's a data structure in your program. Maybe it's some obscure metrics from your operating system. Maybe it's your sleep schedule. Whether you make a Graphviz diagram or an experimental code editor, you have a weekend to make it happen.
</p>
</div>
</div>
{{ if eq .DaysUntilEnd 0 }}
<div class="section bg-black-20 pv4 overflow-hidden">
<div class="section pv4 overflow-hidden">
<div class="mw8 margin-center ph3 ph4-l">
<h2>Submitted projects</h2>
<div class="mt3 projects g3 back-to-normal">
@ -100,7 +102,7 @@ $discordInviteURL := "https://discord.gg/hmn" }}
</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="pt4 pb3 pb4-ns">
<div class="section mw8 margin-center ph3 ph4-l">
{{ if gt .DaysUntilEnd 0 }}
<h2>Recent updates</h2>
@ -239,7 +241,7 @@ $discordInviteURL := "https://discord.gg/hmn" }}
</script>
{{ end }}
<div id="inspiration" class="bg-black-20 pt4">
<div id="inspiration" class="pt4">
<div class="section mw8 margin-center ph3 ph4-l">
<h2>Inspiration</h2>
</div>
@ -374,7 +376,7 @@ $discordInviteURL := "https://discord.gg/hmn" }}
</div>
</div>
<div class="bg-black-20 pt4 pb3 pb4-ns">
<div class="pt4 pb3 pb4-ns">
<div class="section mw8 margin-center ph3 ph4-l">
<h2>Rules</h2>
<ul>

View File

@ -12,11 +12,11 @@
<div id="top-container" class="flex flex-column items-center ph3">
<h1 id="title">Visibility Jam</h1>
<h2 id="dates">April 14 - 16, 2023</h2>
<h2 id="dates">April 14 - 16, 2O23</h2>
<div id="tagline" class="center">See things in a new way.</div>
</div>
<div class="section bg-black-20 pt4 pb3 pb4-ns">
<div class="section pt4 pb3 pb4-ns">
<div class="mw8 margin-center ph3 ph4-l flex flex-column flex-row-ns g3">
<div class="flex-grow-1 overflow-hidden">
{{ if eq .DaysUntilEnd 0 }}

View File

@ -333,6 +333,10 @@
background-color: {{ $themeDimmest }};
background-color: var(--theme-color-dimmest);
}
.jam-sections > div:nth-of-type(even) {
background-color: rgba(0, 0, 0, 0.2);
}
</style>
<script src="{{ static "js/carousel.js" }}"></script>
@ -344,7 +348,9 @@
{{ template "header.html" . }}
</div>
<div class="jam-sections">
{{ block "content" . }}{{ end }}
</div>
<div class="mw8 margin-center ph3-m ph4-l">
{{ template "footer.html" . }}

View File

@ -104,7 +104,7 @@ func JamIndex2023_Visibility(c *RequestContext) ResponseData {
EndTimeUnix: hmndata.VJ2023.EndTime.Unix(),
ProjectSubmissionUrl: hmnurl.BuildProjectNewJam(),
SubmittedProjectUrl: submittedProjectUrl,
ShowcaseFeedUrl: hmnurl.BuildJamFeed2022(),
ShowcaseFeedUrl: hmnurl.BuildJamFeed2023_Visibility(),
ShowcaseJson: showcaseJson,
JamProjects: pageProjects,
}, c.Perf)