Fixed style and links for vis jam
This commit is contained in:
Asaf Gartner
parent
4651e8a477
commit
ef16a4f3e0
|
|
@ -16,75 +16,77 @@ $discordInviteURL := "https://discord.gg/hmn" }}
|
|||
}
|
||||
</style>
|
||||
|
||||
<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>
|
||||
<div id="tagline" class="center">
|
||||
See things in a new way.
|
||||
{{ if gt .DaysUntilEnd 0 }}
|
||||
{{ if eq .DaysUntilStart 0 }}
|
||||
<b>Happening now.</b>
|
||||
{{ else if eq .DaysUntilStart 1 }}
|
||||
<b>Starting tomorrow.</b>
|
||||
{{ else }}
|
||||
<b>Starting in {{ .DaysUntilStart }} days.</b>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="actions flex justify-center">
|
||||
{{ if gt .DaysUntilStart 0 }}
|
||||
<a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns"
|
||||
href="#inspiration"
|
||||
>Get inspired</a
|
||||
>
|
||||
{{ else if gt .DaysUntilEnd 0 }}
|
||||
{{ if .SubmittedProjectUrl }}
|
||||
<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>
|
||||
<div id="tagline" class="center">
|
||||
See things in a new way.
|
||||
{{ if gt .DaysUntilEnd 0 }}
|
||||
{{ if eq .DaysUntilStart 0 }}
|
||||
<b>Happening now.</b>
|
||||
{{ else if eq .DaysUntilStart 1 }}
|
||||
<b>Starting tomorrow.</b>
|
||||
{{ else }}
|
||||
<b>Starting in {{ .DaysUntilStart }} days.</b>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="actions flex justify-center">
|
||||
{{ if gt .DaysUntilStart 0 }}
|
||||
<a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns"
|
||||
target="_blank"
|
||||
href="{{ .SubmittedProjectUrl }}"
|
||||
>Share your progress</a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns"
|
||||
href="#inspiration"
|
||||
>Get inspired</a
|
||||
>
|
||||
{{ else }}
|
||||
{{ else if gt .DaysUntilEnd 0 }}
|
||||
{{ if .SubmittedProjectUrl }}
|
||||
<a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns"
|
||||
target="_blank"
|
||||
href="{{ .SubmittedProjectUrl }}"
|
||||
>Share your progress</a
|
||||
>
|
||||
{{ else }}
|
||||
<a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns ml3"
|
||||
target="_blank"
|
||||
href="{{ .ProjectSubmissionUrl }}"
|
||||
>Create your project</a
|
||||
>
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns ml3"
|
||||
target="_blank"
|
||||
href="{{ .ProjectSubmissionUrl }}"
|
||||
>Create your project</a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns ml3"
|
||||
href="{{ .ShowcaseFeedUrl }}"
|
||||
>See the results</a
|
||||
>
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<a
|
||||
{{ end }}
|
||||
<a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns ml3"
|
||||
href="{{ .ShowcaseFeedUrl }}"
|
||||
>See the results</a
|
||||
>
|
||||
{{ end }}
|
||||
<a
|
||||
class="ba b--white br2 pv2 pv3-ns ph3 ph4-ns ml3"
|
||||
target="_blank"
|
||||
href="{{ $discordInviteURL }}"
|
||||
>Join the Discord</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
target="_blank"
|
||||
href="{{ $discordInviteURL }}"
|
||||
>Join the Discord</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section mw8 margin-center ph3 ph4-l mv4">
|
||||
<p>
|
||||
Too many things in computing are <b>invisible</b>.
|
||||
</p>
|
||||
<p>
|
||||
Bugs linger for years because nobody can see their effects. We run arcane command line tools just to find out what port a program is using. Your computer is full of helpful information, but no one can use it until someone <b>makes it visible.</b>
|
||||
</p>
|
||||
<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 class="section mw8 margin-center ph3 ph4-l mv4">
|
||||
<p>
|
||||
Too many things in computing are <b>invisible</b>.
|
||||
</p>
|
||||
<p>
|
||||
Bugs linger for years because nobody can see their effects. We run arcane command line tools just to find out what port a program is using. Your computer is full of helpful information, but no one can use it until someone <b>makes it visible.</b>
|
||||
</p>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -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 }}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
{{ block "content" . }}{{ end }}
|
||||
<div class="jam-sections">
|
||||
{{ block "content" . }}{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="mw8 margin-center ph3-m ph4-l">
|
||||
{{ template "footer.html" . }}
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
Loading…
Reference in New Issue