iger
/
www.iger.events
9
1
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: iger:1ad66bc1aa44f04fba8aedc254b3e391016f1161
Branches Tags
iger:main
iger:live
iger:coc
..
compare: iger:95b294a93435142d54b69c319c3a80d0c65be750
Branches Tags
iger:live
iger:main
iger:coc

No commits in common. "1ad66bc1aa44f04fba8aedc254b3e391016f1161" and "95b294a93435142d54b69c319c3a80d0c65be750" have entirely different histories.
1ad66bc1aa ... 95b294a934

10 changed files with 256 additions and 92 deletions
Show Stats Expand all files Collapse all files

11
assets/_colors.scss
View File

@ -1,7 +1,6 @@
$color-background-0: #00c8ff; $color-background-0: #272771;
$color-background-100: #bafdfe; $color-background-100: #1d71b8;
$color-burger: #000; $color-burger: #ddd;
$color-highlight: #fff200; $color-highlight: #fff200;
$color-link: #000; $color-link: #fff200;
$color-link-footer: #eee; $color-text: #fff;
$color-text: #000;

16
assets/_fonts.scss
View File

@ -1,8 +1,3 @@
@font-face {
font-family: "Bad Script";
src: url(/BadScript-Regular.ttf);
}
@font-face { @font-face {
font-family: "Noto Sans"; font-family: "Noto Sans";
src: local("Noto Sans"), local("NotoSans-Regular"), url(/NotoSans-Regular.ttf); src: local("Noto Sans"), local("NotoSans-Regular"), url(/NotoSans-Regular.ttf);
@ -20,12 +15,6 @@
src: local("Noto Sans Italic"), local("NotoSans-Italic"), url(/NotoSans-Italic.ttf); src: local("Noto Sans Italic"), local("NotoSans-Italic"), url(/NotoSans-Italic.ttf);
} }
@font-face {
font-family: "Noto Sans Mono";
font-weight: 500;
src: local("Noto Sans Mono Medium"), local("NotoSansMono-Medium"), url(/NotoSansMono-Medium.ttf);
}
@font-face { @font-face {
font-family: "Noto Sans Mono"; font-family: "Noto Sans Mono";
font-weight: 700; font-weight: 700;
@ -33,7 +22,6 @@
} }
@font-face { @font-face {
font-family: "Noto Sans Mono"; font-family: "OCR A";
font-weight: 900; src: url(/OCRA.ttf), url(/OCRA.otf);
src: local("Noto Sans Mono Black"), local("NotoSansMono-Black"), url(/NotoSansMono-Black.ttf);
} }

16
assets/_vars.scss
View File

@ -1,2 +1,14 @@
$footer-spacing: 236px; $footer-spacing: 200px;
$footer-height: 236px; $footer-height: 200px;
//*
$header-height: 200px;
$header-spacing: 200px;
$header-variant: header;
/*/
$header-height: 1000px;
$header-spacing: 300px;
$header-variant: header-tall;
//*/
$stars-height: 1057px;

80
assets/style.scss
View File

@ -17,12 +17,27 @@ body {
flex-direction: column; flex-direction: column;
font-family: "Noto Sans", sans-serif; font-family: "Noto Sans", sans-serif;
margin: 0 auto; margin: 0 auto;
min-height: 100vh; min-height: unquote("max(100vh, #{$stars-height})");
max-width: $large; max-width: $large;
main { main {
flex-grow: 1; flex-grow: 1;
} }
@media screen and (min-width: $small) {
&::before {
background: url(/stars.svg) repeat-x top;
clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + #{$large * 0.5}) 100%, calc(50% + #{$large * 0.5}) $header-spacing, calc(50% - #{$large * 0.5}) $header-spacing, calc(50% - #{$large * 0.5}) 100%, 0 100%);
content: '';
display: block;
height: $stars-height;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
}
} }
header, footer { header, footer {
@ -36,14 +51,14 @@ header {
margin-top: 1rem; margin-top: 1rem;
pre { pre {
font-family: "Noto Sans Mono", monospace; font-family: "OCR A", "Noto Sans Mono", monospace;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 500; font-weight: bold;
line-height: 1; line-height: 1;
user-select: none; user-select: none;
span { span {
font-weight: 900; color: $color-highlight;
} }
} }
@ -78,6 +93,20 @@ header {
@media screen and (min-width: $small) { @media screen and (min-width: $small) {
flex-wrap: nowrap; flex-wrap: nowrap;
margin-top: $header-spacing;
padding-top: 0.5rem;
&::before {
background: url(/#{$header-variant}.svg) 50% 0% / auto $header-height no-repeat;
content: '';
display: block;
height: $header-height;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
nav { nav {
flex-wrap: wrap; flex-wrap: wrap;
@ -90,32 +119,19 @@ main {
padding: 1rem; padding: 1rem;
.upcoming { .upcoming {
font-family: "Bad Script", cursive; font-family: "OCR A", "Noto Sans Mono", monospace;
font-size: 3em; font-size: 3em;
line-height: 1.2;
margin: 1em 0;
text-align: center; text-align: center;
.dash { .uber {
margin-right: 0.2em; background: url(/uber.svg) no-repeat 50% 69% / 92.5% 92.5%;
vertical-align: 0.12em; color: transparent;
} }
.dot { .detail {
margin-left: -0.08em; display: block;
vertical-align: 0.02em; font-size: 50%;
} margin-top: 0.4em;
.four {
vertical-align: 0.25em;
}
.nine, .seven {
vertical-align: 0.42em;
}
.two, .zero {
vertical-align: 0.1em;
} }
} }
} }
@ -148,12 +164,8 @@ footer {
} }
& > nav { & > nav {
margin-bottom: 1.5rem; margin-bottom: unquote("calc(#{$footer-spacing} + 1rem)");
margin-top: unquote("calc(#{$footer-spacing} + 1rem)"); margin-top: 1.5rem;
a {
color: $color-link-footer;
}
} }
} }
} }
@ -186,10 +198,6 @@ nav {
margin: 0.5em 0 0 0; margin: 0.5em 0 0 0;
} }
a {
text-decoration: none;
}
@media screen and (min-width: $small) { @media screen and (min-width: $small) {
flex-direction: row; flex-direction: row;
@ -206,7 +214,7 @@ nav {
a { a {
color: $color-link; color: $color-link;
text-decoration: underline dashed; text-decoration: none;
&:hover, &.is-active { &:hover, &.is-active {
text-decoration: underline; text-decoration: underline;

40
config.toml
View File

@ -15,30 +15,30 @@ title = 'Intergalaktische Erfahrungsreise'
[menu.footer.params] [menu.footer.params]
rel = "me" rel = "me"
# [[menu.main]] [[menu.main]]
# name = "Tickets" name = "Tickets"
# url = "https://tickets.fairydust.reisen/iger-2023/" url = "https://tickets.fairydust.reisen/iger-2023/"
# weight = 20 weight = 20
# [[menu.main]] # [[menu.main]]
# name = "CfP" # name = "CfP"
# url = "https://cfp.fairydust.reisen/iger-2023/" # url = "https://cfp.fairydust.reisen/iger-2023/"
# weight = 30 # weight = 30
# [[menu.main]] [[menu.main]]
# name = "Programm" name = "Programm"
# url = "https://cfp.fairydust.reisen/iger-2023/schedule/" url = "https://cfp.fairydust.reisen/iger-2023/schedule/"
# weight = 30 weight = 30
# [[menu.main]] [[menu.main]]
# name = "Engelsystem" name = "Engelsystem"
# url = "https://helfen.fairydust.reisen/" url = "https://helfen.fairydust.reisen/"
# weight = 40 weight = 40
# [[menu.main]] [[menu.main]]
# name = "Wiki" name = "Wiki"
# url = "https://wiki.fairydust.reisen/" url = "https://wiki.fairydust.reisen/"
# weight = 45 weight = 45
# [[menu.main]] [[menu.main]]
# name = "Lageplan" name = "Lageplan"
# url = "/lageplan.pdf" url = "/lageplan.pdf"
# weight = 47 weight = 47
# [[menu.main]] # [[menu.main]]
# name = "Feedback" # name = "Feedback"
# url = "https://wiki.fairydust.reisen/feedback" # url = "https://wiki.fairydust.reisen/feedback"

7
layouts/_default/baseof.html
View File

@ -42,10 +42,9 @@
</header> </header>
<main> <main>
<p class="upcoming"> <p class="upcoming">
IGERla<br> 23.000 Meilen <span class="uber">uber</span> dem Meer<br>
<span class="seven">7</span><span class="dot">.</span><span class="dash">-</span><span class="nine">9</span><span class="dot">.</span> 20.-&#8203;23.&#8203;7.&#8203;2023<br>
Juni <span class="detail"><a href="{{ relref . "/faq#was-ist-eigentlich-eine-_intergalaktische-erfahrungsreise_" }}">Ein Event des backspace&nbsp;e.&nbsp;V. in Bamberg</a></span>
<span class="two">2</span><span class="zero">0</span><span class="two">2</span><span class="four">4</span>
</p> </p>
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}

BIN
static/BadScript-Regular.ttf
View File

Binary file not shown.

BIN
static/NotoSansMono-Black.ttf
View File

Binary file not shown.

BIN
static/NotoSansMono-Medium.ttf
View File

Binary file not shown.

178
static/footer.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 140 KiB