diff --git a/assets/_colors.scss b/assets/_colors.scss index 7fb97f2..94e6c92 100644 --- a/assets/_colors.scss +++ b/assets/_colors.scss @@ -1,6 +1,7 @@ -$color-background-0: #272771; -$color-background-100: #1d71b8; -$color-burger: #ddd; +$color-background-0: #00c8ff; +$color-background-100: #bafdfe; +$color-burger: #000; $color-highlight: #fff200; -$color-link: #fff200; -$color-text: #fff; +$color-link: #000; +$color-link-footer: #eee; +$color-text: #000; diff --git a/assets/_fonts.scss b/assets/_fonts.scss index 9fcd424..6d549a1 100644 --- a/assets/_fonts.scss +++ b/assets/_fonts.scss @@ -1,3 +1,8 @@ +@font-face { + font-family: "Bad Script"; + src: url(/BadScript-Regular.ttf); +} + @font-face { font-family: "Noto Sans"; src: local("Noto Sans"), local("NotoSans-Regular"), url(/NotoSans-Regular.ttf); @@ -15,6 +20,12 @@ 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-family: "Noto Sans Mono"; font-weight: 700; @@ -22,6 +33,7 @@ } @font-face { - font-family: "OCR A"; - src: url(/OCRA.ttf), url(/OCRA.otf); + font-family: "Noto Sans Mono"; + font-weight: 900; + src: local("Noto Sans Mono Black"), local("NotoSansMono-Black"), url(/NotoSansMono-Black.ttf); } diff --git a/assets/_vars.scss b/assets/_vars.scss index 04b702e..ddc6c53 100644 --- a/assets/_vars.scss +++ b/assets/_vars.scss @@ -1,14 +1,2 @@ -$footer-spacing: 200px; -$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; +$footer-spacing: 236px; +$footer-height: 236px; diff --git a/assets/style.scss b/assets/style.scss index bd3db0d..e7feeb0 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -17,27 +17,12 @@ body { flex-direction: column; font-family: "Noto Sans", sans-serif; margin: 0 auto; - min-height: unquote("max(100vh, #{$stars-height})"); + min-height: 100vh; max-width: $large; main { 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 { @@ -51,14 +36,14 @@ header { margin-top: 1rem; pre { - font-family: "OCR A", "Noto Sans Mono", monospace; + font-family: "Noto Sans Mono", monospace; font-size: 0.8rem; - font-weight: bold; + font-weight: 500; line-height: 1; user-select: none; span { - color: $color-highlight; + font-weight: 900; } } @@ -93,20 +78,6 @@ header { @media screen and (min-width: $small) { 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 { flex-wrap: wrap; @@ -119,19 +90,32 @@ main { padding: 1rem; .upcoming { - font-family: "OCR A", "Noto Sans Mono", monospace; + font-family: "Bad Script", cursive; font-size: 3em; + line-height: 1.2; + margin: 1em 0; text-align: center; - .uber { - background: url(/uber.svg) no-repeat 50% 69% / 92.5% 92.5%; - color: transparent; + .dash { + margin-right: 0.2em; + vertical-align: 0.12em; } - .detail { - display: block; - font-size: 50%; - margin-top: 0.4em; + .dot { + margin-left: -0.08em; + vertical-align: 0.02em; + } + + .four { + vertical-align: 0.25em; + } + + .nine, .seven { + vertical-align: 0.42em; + } + + .two, .zero { + vertical-align: 0.1em; } } } @@ -164,8 +148,12 @@ footer { } & > nav { - margin-bottom: unquote("calc(#{$footer-spacing} + 1rem)"); - margin-top: 1.5rem; + margin-bottom: 1.5rem; + margin-top: unquote("calc(#{$footer-spacing} + 1rem)"); + + a { + color: $color-link-footer; + } } } } @@ -198,6 +186,10 @@ nav { margin: 0.5em 0 0 0; } + a { + text-decoration: none; + } + @media screen and (min-width: $small) { flex-direction: row; @@ -214,7 +206,7 @@ nav { a { color: $color-link; - text-decoration: none; + text-decoration: underline dashed; &:hover, &.is-active { text-decoration: underline; diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 91e6fb2..bf4f3dd 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -42,9 +42,10 @@

- 23.000 Meilen uber dem Meer
- 20.-​23.​7.​2023
- Ein Event des backspace e. V. in Bamberg + IGERla
+ 7.-9. + Juni + 2024

{{ block "main" . }} {{ end }} diff --git a/static/BadScript-Regular.ttf b/static/BadScript-Regular.ttf new file mode 100644 index 0000000..13b5866 Binary files /dev/null and b/static/BadScript-Regular.ttf differ diff --git a/static/NotoSansMono-Black.ttf b/static/NotoSansMono-Black.ttf new file mode 100644 index 0000000..5af77aa Binary files /dev/null and b/static/NotoSansMono-Black.ttf differ diff --git a/static/NotoSansMono-Medium.ttf b/static/NotoSansMono-Medium.ttf new file mode 100644 index 0000000..f4b3823 Binary files /dev/null and b/static/NotoSansMono-Medium.ttf differ diff --git a/static/footer.svg b/static/footer.svg index 3f03f9e..6977b00 100644 --- a/static/footer.svg +++ b/static/footer.svg @@ -1,175 +1,17 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" />