Organize SCSS: split implicit general styling and explicit. used classes

So differentiate between general stuff like variables, implicit general document styling and classes, which need to be used explicitly.
Define some general document typography: font config and heading sizes
2024-01-29 03:59:55 +01:00 · 2024-01-29 03:52:50 +01:00 · 2024-01-28 20:15:12 +01:00 · 2024-01-28 20:15:12 +01:00 · 2024-01-28 20:15:12 +01:00 · 2024-01-28 20:15:12 +01:00
34 changed files with 182 additions and 505 deletions
--- a/.forgejo/workflows/deploy.yaml
+++ b/.forgejo/workflows/deploy.yaml
@ -30,8 +30,6 @@ jobs:
          apk add rsync openssh

      - uses: actions/checkout@v4
-        with:
-          fetch-depth: 0 # pull full history for page lastmod by git commit date

      - name: Patch baseURL (staging only)
        if: github.ref_name != 'main'
@ -45,7 +43,7 @@ jobs:
          hugo

      - name: Deploy - Prepare keys
-        if: github.event_name == 'push' || github.event_name == 'pull_request' || github.event_name == 'schedule'
+        if: github.event_name == 'push' || github.event_name == 'pull_request'
        run: |
          echo "${{ secrets.SSH_DEPLOY_KEY }}" > deploykey.priv
          chmod 400 deploykey.priv
@ -67,7 +65,7 @@ jobs:
            --data '{ "body": "You can view your changes at https://staging.hamburg.ccc.de/pr${{ github.event.pull_request.number }}/" }'

      - name: Deploy - Upload to prod
-        if: (github.event_name == 'push' || github.event_name == 'schedule') && github.ref_name == 'main'
+        if: github.event_name == 'push' && github.ref_name == 'main'
        run: |
          rsync -v -r --delete -e "ssh -i deploykey.priv -o 'UserKnownHostsFile ./known_hosts'" public/ ccchh-website-deploy@public-web-static-intern.hamburg.ccc.de:/var/www/hamburg.ccc.de/

--- a/README.md
+++ b/README.md
@ -104,3 +104,7 @@ Each sub-directory is creating a section of the home page and all content files
 If a directory only contains an `index.md`, it will be rendered as normal content.
 If there are additional markdown files, those will be rendered as a flexbox column layout.
 An image gallery can be added by providing a list of `resources` in the front matter.
+
+## Open Source Code Used
+
+Source code of the [picocss/pico repo](https://github.com/picocss/pico) was either used directly or as a reference. It was licensed under the MIT license. A copy of the license can be found under: `licenses/picocss-pico_mit_license`.
--- a/content/38c3-voucher/38c3-pass-on-voucher-marked-de.png
+++ b/content/38c3-voucher/38c3-pass-on-voucher-marked-de.png
--- a/content/38c3-voucher/index.md
+++ b/content/38c3-voucher/index.md
@ -1,19 +0,0 @@
---
-title: "38c3 Voucher"
---
-
-# Ticket-Klick-Party
-
-Wenn ihr im **offenen Verkauf** Tickets klicken möchtet, kommt zu einem unserer Klick-Party-Termine in den Club!
-
-Termine:
-* ~~Dienstag, 12.11. 19:30~~
-* Sonntag, 17.11. 15:30
-* Samstag, 23.11. 10:30
-
-An den drei Verkaufsterminen treffen wir uns im Club im Zeiseweg und klicken gemeinsam im Shop. Das erhöht die  Chancen, im richtigen Moment geklickt zu haben und somit ein Ticket kaufen zu können.
-
-* Bitte tragt euch hier ein, damit wir eine Idee haben, wie viele Personen jeweils kommen möchten: [Umfrage Ticket-Klick-Party](https://cloud.hamburg.ccc.de/apps/forms/s/49f3Mj6TRJ8EzLYp3RjK9HeS)
-* Seid rechtzeitig da! Für den Ticketverkauf muss man im genau richtigen Moment klicken, es lohnt sich, darauf vorbereitet zu sein. Seid deshalb mindestens eine halbe Stunde vor dem Beginn des Verkaufs [bei uns im Club](https://hamburg.ccc.de/#kontakt).
-* Bringt ein Laptop oder Tablet mit, mit dem ihr in den Shop gehen könnt. Ein Telefon geht grundsätzlich auch, ist aber erfahrungsgemäß etwas fummeliger.
-* Habt eine Email-Adresse parat, an die die Bestellbestätigung inkl. Zahlungsdaten geschickt werden kann, oder eure Kreditkarte, damit ihr sofort bezahlen könnt.
--- a/content/blog/2024/2024-02-07-ctf-lactf/index.md
+++ b/content/blog/2024/2024-02-07-ctf-lactf/index.md
@ -1,23 +0,0 @@
---
-categories: event
-title: 'Cyclopropenylidene spielt LA CTF'
-date: '2024-02-17T14:00:00+01:00'
-publishDate: '2024-02-07T22:00:00+01:00'
-draft: false
-location: Zeiseweg 9, Hauptraum
-weight: 0 
-authors:
-  - ellcs 
-# tags:
-# header:
-#   caption: A caption für the picture will be used as Alt-Text
-#   image: Path to the image
---
-
-Seit der Pandemie wurde in den Clubräumen an keinem echten CTF teilgenommen. Dies möchten wir ändern!
-
-Teilnehmen werden wir am [LA CTF](https://lac.tf/). Wir spielen am Samstag, dem 17.02.2024, ab 14:00, im Clubraum und am Sonntag, dem 18.02.2024 bis 20:00. Im Hauptraum des Z9.
-
-Wir treffen uns dabei, um zusammen zu rätseln, zu hacken und zu tschunken. [Meldet euch gerne bei uns](https://wiki.hamburg.ccc.de/club:ctf:start#kontakt).
-
-Wir freuen uns auf alle Personen, die früher bereits bei Cyclopropenylidene mitgespielt haben, als kleines Wiedersehen :) Wir freuen uns auf euch!
--- a/content/blog/2024/2024-02-17-tag-des-offenen-hackspace/tag-des-offenen-hackspace.md
+++ b/content/blog/2024/2024-02-17-tag-des-offenen-hackspace/tag-des-offenen-hackspace.md
@ -1,33 +0,0 @@
---
-categories: event
-title: 'Tag Des Offenen Hackspace'
-date: '2024-03-02T16:00:00+01:00' # date of the event
-publishDate: '2024-02-17T19:07:43+01:00' # when to publish
-draft: false
-location: Z9
-authors:
-  - skye
-# tags:
-# header:
-#   caption: A caption für the picture will be used as Alt-Text
-#   image: Path to the image
---
-
-Am Samstag, den 2. März wird der CCCHH einen Tag der offenen Tür veranstalten. Wir begrüßen alle Interessierten, alle Neulinge und alle alten Hasen, die diese in Empfang nehmen möchten. Es gibt kurze Präsentationen, einen offenen Gesprächsteil und ein Stricktreffen. <!--more-->
-
-Was für Projekte und Gruppen gibt es im CCCHH? Muss ich IT-Profi sein, um bei euch mitzumachen, oder finde ich auch als fachfremde Person einen Platz? Macht ihr eigentlich nur Computer oder engagiert ihr euch auch sozial und politisch? Wie sieht es mit Inklusion und Barrierefreiheit aus? Wie organisieren sich FLINTA\*-Personen im CCC-Umfeld? Wie kann ich in den Club einsteigen und wie finde ich ein Projekt, bei dem ich mich einbringen kann? Wen kann ich ansprechen, wenn ich über ein bestimmtes Thema etwas lernen möchte? Warum habt ihr eigentlich alle Katzenohren auf?
-
-Diese und weitere Fragen beantworten wir euch in [unseren Vereinsräumen](https://hamburg.ccc.de/#kontakt) in der Viktoria-Kaserne.
-
-## Ablauf und Programm
- 15:30: Ab hier rechnen wir mit eurem Erscheinen, aber wir werden natürlich während der gesamten Zeitdauer der Veranstaltung unsere Tür für Besuchende öffnen. Ihr dürft auch später kommen.
- 16:00 bis 17:00: Wir stellen unseren Club sowie verschiedene Gruppen und Projekte vor, um euch zu inspirieren und zum Mitmachen einzuladen. Wir sprechen über [regelmäßige Termine](https://wiki.hamburg.ccc.de/club:terminserien:start) und feste Gruppen in unserem Hackspace, über [Geekfem](https://geekfem.net/) und die [Haecksen](https://www.haecksen.org/), über [CTF](https://wiki.hamburg.ccc.de/club:ctf:start), über die [Cryptoparty](https://cryptoparty-hamburg.de/) sowie über andere Projekte, die im Chaos-Umfeld passieren.
- 17:00 bis 18:00: In einer lockeren Runde beantworten wir eure Fragen zu den vorgestellten Projekten oder zum Club allgemein.
- Ab 18:00: Gemütliches Stricktreffen für alle, die an der flauschigen Seite des Chaos interessiert oder schon daran beteiligt sind, denn Chaos ist viel mehr als nur Computerkram. Wenn alle, die sowieso schon stricken, ein bisschen zusätzliches Material mitbringen, können wir es auch denen beibringen, die es neu lernen möchten.
- Im weiteren Verlauf des Abends Übergang zu Socializing.
-
-Hinweis 1, Maskenpflicht: Rücksichtnahme und Inklusion sind feste Bestandteile der Chaos-Kultur. Um gesundheitlich vorbelastete Personen zu schützen, gilt in unseren Clubräumen eine sogenannte On-Demand-Maskenpflicht: Sobald eine Person dies wünscht, müssen alle Anwesenden eine FFP2-Maske aufsetzen. Da an der Organisation und Durchführung dieser Veranstaltung mehrere Personen beteiligt sind, die auf diesen Schutz angewiesen sind, ist davon auszugehen, dass eine Maskenpflicht gelten wird. Selbstverständlich stehen in den Clubräumen Masken zur Verfügung für alle, die keine eigene dabei haben.
-
-Hinweis 2, Einlass: Da unsere Klingel vor einiger Zeit entwendet wurde (Beweggründe dafür sind unklar), ist es derzeit so, dass Gäste im Club anrufen müssen (siehe [Kontakt](https://hamburg.ccc.de/#kontakt)), um am Eingang abgeholt zu werden. Ein Schild mit der Club-Telefonnummer hängt an der Stelle, wo sich einstmals unsere Klingel befand, aber für den Fall, dass ihr den richtigen Eingang nicht findet oder sofern ihr anderweitig Hilfe braucht (Rollstuhl, Sehbehinderung, falschen Eingang genommen etc.) empfehlen wir euch, die Nummer schon im Vorfeld zu notieren. Alternativ ist es möglich, in unserem [Matrix-Channel](https://matrix.to/#/#ccchh:hamburg.ccc.de) zu schreiben.
-
-Hinweis 3, all creatures welcome: The presentation part will be in German but we do speak English, and are more than happy to introduce you to our hackspace individually.
--- a/content/blog/2024/2024-04-20-ctf/index.md
+++ b/content/blog/2024/2024-04-20-ctf/index.md
@ -1,23 +0,0 @@
---
-categories: event
-title: 'CTF am 20.04.2024'
-date: '2024-04-20T12:00:00+02:00' # date of the event
-publishDate: '2024-04-16T21:18:41+02:00' # when to publish
-draft: false
-location: Zeiseweg 9, Hautpraum
-weight: 0
-authors:
-  - w1ntermute
-tags: ctf
-#header:
-#   caption: A caption für the picture will be used as Alt-Tex
-#   image: Path to the image
---
-
-Es ist wieder so weit, wir wollen gemeinsam hacken.  Kommt gerne vorbei und wir werden zusammen die challenges angehen.
-
-Teilnehmen werden wir am [Potsdam Cyber Games](https://potsdam-cyber-games.de/). Wir spielen am Samstag, dem 20.04.2024, ab 12:00, im Clubraum und am Sonntag, dem 21.04.2024 bis 20:00. Im Hauptraum des Z9.
-
-Wir treffen uns dabei, um zusammen zu rätseln, zu hacken und zu tschunken. [Meldet euch gerne bei uns](https://wiki.hamburg.ccc.de/club:ctf:start#kontakt).
-
-Wer es nicht schafft, vor Ort zu sein, kann auch gerne zu Hause spielen und beim nächsten CTF-MIttwoch Fragen oder Lösungen mit uns durchgehen. 
--- a/content/blog/2024/2024-06-08-no-openchaos/index.md
+++ b/content/blog/2024/2024-06-08-no-openchaos/index.md
@ -1,16 +0,0 @@
---
-categories: event
-title: 'Openchaos am 14.06.2024 fällt aus'
-date: '2024-06-14T20:00:00+02:00' # date of the event
-publishDate: '2024-06-08T18:00:00+02:00' # when to publish
-draft: false
-location: Zeiseweg 9, Hautpraum
-weight: 0
-tags: openchaos
-#header:
-#   caption: A caption für the picture will be used as Alt-Tex
-#   image: Path to the image
---
-
-Aus organisatorischen Gründen fällt das Openchaos am Freitag den 14. Juni 2024 leider aus.  
-Die nächsten Termine sind am Dienstag den 25. Juni, und Freitag den 12. Juli (mit Maskenpflicht).
--- a/content/blog/2024/2024-07-10-openchaos-spaeter/index.md
+++ b/content/blog/2024/2024-07-10-openchaos-spaeter/index.md
@ -1,13 +0,0 @@
---
-categories: event
-title: 'Openchaos am 12.07. erst um 21 Uhr'
-date: '2024-07-12T21:00:00+02:00' # date of the event
-publishDate: '2024-07-10T18:00:00+02:00' # when to publish
-draft: false
-location: Zeiseweg 9, Hautpraum
-weight: 0
-tags: openchaos
---
-
-Aus organisatorischen Gründen kann das Openchaos am Freitag den 12. Juli 2024 erst um 21 Uhr beginnen.  
-Wir bitten darum, nicht vor 21 Uhr zu erscheinen.
--- a/content/home/4-kontakt/index.md
+++ b/content/home/4-kontakt/index.md
@ -10,18 +10,21 @@ Unsere Räume befinden sich im Gebäude der [FUX eG](https://fux-eg.org):
 **Zeiseweg 9**  
 22765 Hamburg-Altona.

-Da die Zwischentüren im Haus verschlossen sind, muss euch immer eine Person am Eingang abholen.
+Da die Zwischentüren im Haus verschlossen sind, muss euch immer eine Person am Eingang anholen.
 Am östlichen Eingang (siehe Markierung auf der Karte) ist dafür eine Klingel.
-(Die Klingel ist aktuell verschwunden, bitte ruft einfach [+49 40 23830150](tel:+494023830150) an.)
+(Die Klingel ist aktuell verschwunden, bitte ruft einfach [+49 221 59619 1008](tel:+49221596191008) an.)

 Parkplätze sind in der Umgebung rar und es muss ein Parkschein gelöst werden, wir sind aber gut per ÖPNV erreichbar.
 Die S-Bahn-Station **Holstenstraße** ist ca. 700&nbsp;m entfernt, die Bushaltestellen **Max-Brauer-Allee (Mitte)** oder Gerichtstraße ca. 400&nbsp;m.
 {{< clearfix >}}

 #### Wichtige Informationen für Mobilitätseingeschränkte
-Unsere Räume befinden sich im ersten Stock und sind über den zentralen Aufzug erreichbar. Der Aufzug kann entweder aus dem Hof oder über das Erdgeschoss erreicht werden. Um ins Erdgeschoss zu kommen, kann die Hebevorrichtung im Kubus benutzt werden. Für die Hoftür des Fahrstuhls ist ein Schlüssel notwendig, für die Hebevorrichtung eine Schlüsselkarte.
+Unsere Räume befinden sich im ersten Stock und sind prinzipiell über den zentralen Aufzug erreichbar.
+Der Aufzug ist vom Hof erreichbar, kann aber von Außen nur mit einem Schlüssel geöffnet werden.
+Die Hebevorrichtung am Haupteingang braucht leider auch eine Schlüsselkarte, die wir aber haben.

-Um sicherzugehen, das die Technik einwandfrei funktioniert, bevor ihr euch auf den Weg macht, meldet euch im Matrix oder telefonisch unter [+49 40 23830150](tel:+494023830150), dann können wir sichergehen, das euch jemand abholt.
+So oder so ist es also hilfreich, wenn ihr euch telefonisch meldet ([+49 221 59619 1008](tel:+49221596191008)), damit euch jemand abholen kann.
+Am Besten meldet ihr euch auch vorher, da der Aufzug gelegentlich defekt ist.


 #### Weitere Kontaktdaten
--- a/fetch-calendar.sh
+++ b/fetch-calendar.sh
@ -7,10 +7,10 @@ OUTFILE=data/calendar.json
 # See here for uname -s outputs: https://en.wikipedia.org/wiki/Uname#Examples
 OS_TYPE=$(uname -s)
 if [ "$OS_TYPE" = "Linux" ]; then
-    START_TIME=$(date --date="-6 hours" +%s) # now - 6 hours
+    START_TIME=$(date --date="-1 day" +%s) # yesterday
    END_TIME=$(date --date="+1 month" +%s) # now + 1 month
 elif [ "$OS_TYPE" = "Darwin" ] || [ "$OS_TYPE" = "FreeBSD" ]; then
-    START_TIME=$(date -v-6H +%s) # now - 6 hours
+    START_TIME=$(date -v-1d +%s) # yesterday
    END_TIME=$(date -v+1m +%s) # now + 1 month
 else
    echo "ERROR: Unsupported OS type"
--- a/licenses/picocss-pico_mit_license
+++ b/licenses/picocss-pico_mit_license
@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-2023 Pico
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/renovate.json
+++ b/renovate.json
@ -1,6 +0,0 @@
-{
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "config:recommended"
-  ]
-}
--- a/themes/ccchh/assets/js/roomstate.js
+++ b/themes/ccchh/assets/js/roomstate.js
@ -76,5 +76,5 @@ function update() {

 window.onload = function () {
  update()
-  window.setInterval(update, interval_ms)
+  window.setTimeout(update, interval_ms)
 }
--- a/themes/ccchh/assets/sass/pico-ccchh.scss
+++ b/themes/ccchh/assets/sass/pico-ccchh.scss
@ -1,68 +0,0 @@
-/*!
- * Pico CSS v1.5.11 (https://picocss.com)
- * Copyright 2019-2023 - Licensed under MIT
- */
-
-// Config
-@import "../pico-1.5.11/scss/variables";
-
-// Theming
-@import "../pico-1.5.11/scss/themes/default";
-
-h1 {
-  --font-size: 2rem;
-  --typography-spacing-vertical: 1rem;
-}
-
-h2 {
-  --font-size: 1.75rem;
-  --typography-spacing-vertical: 0.875rem;
-}
-
-h3 {
-  --font-size: 1.5rem;
-  --typography-spacing-vertical: 0.75rem;
-}
-
-h4 {
-  --font-size: 1.25rem;
-  --typography-spacing-vertical: 0.625rem;
-}
-
-h5 {
-  --font-size: 1.125rem;
-  --typography-spacing-vertical: 0.5rem;
-}
-
-// Layout
-@import "../pico-1.5.11/scss/layout/document"; // html
-@import "../pico-1.5.11/scss/layout/sectioning"; // body, header, main, footer
-@import "../pico-1.5.11/scss/layout/container"; // .container, .container-fluid
-@import "../pico-1.5.11/scss/layout/section"; // section
-@import "../pico-1.5.11/scss/layout/grid"; // .grid
-@import "../pico-1.5.11/scss/layout/scroller"; // figure
-
-// Content
-@import "../pico-1.5.11/scss/content/typography"; // a, headings, p, ul, blockquote, ...
-@import "../pico-1.5.11/scss/content/embedded"; // audio, canvas, iframe, img, svg, video
-@import "../pico-1.5.11/scss/content/button"; // button, a[role=button], type=button, type=submit ...
-@import "../pico-1.5.11/scss/content/form"; // input, select, textarea, label, fieldset, legend
-@import "../pico-1.5.11/scss/content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch
-@import "../pico-1.5.11/scss/content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ...
-@import "../pico-1.5.11/scss/content/table"; // table, tr, td, ...
-@import "../pico-1.5.11/scss/content/code"; // pre, code, ...
-@import "../pico-1.5.11/scss/content/miscs"; // hr, template, [hidden], dialog, canvas
-
-// Components
-@import "../pico-1.5.11/scss/components/accordion"; // details, summary
-@import "../pico-1.5.11/scss/components/card"; // article
-@import "../pico-1.5.11/scss/components/modal"; // dialog
-@import "../pico-1.5.11/scss/components/nav"; // nav
-@import "../pico-1.5.11/scss/components/progress"; // progress
-@import "../pico-1.5.11/scss/components/dropdown"; // dropdown
-
-// Utilities
-// @import "../pico-1.5.11/scss/utilities/loading"; // aria-busy=true
-// @import "../pico-1.5.11/scss/utilities/tooltip"; // data-tooltip
-@import "../pico-1.5.11/scss/utilities/accessibility"; // -ms-touch-action, aria-*
-@import "../pico-1.5.11/scss/utilities/reduce-motion"; // prefers-reduced-motion
--- a/themes/ccchh/assets/scss/classes/container.scss
+++ b/themes/ccchh/assets/scss/classes/container.scss
@ -0,0 +1,38 @@
+// Provide a container class, which limits the viewport depending on the screen
+// width.
+// Taken from PicoCSS, see here:
+// https://github.com/picocss/pico/blob/v1.5.11/scss/layout/_container.scss
+
+.container {
+  width: 100%;
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: var(--spacing);
+  padding-left: var(--spacing);
+
+  @if map-get($breakpoints, "sm") {
+    @media (min-width: map-get($breakpoints, "sm")) {
+      max-width: map-get($viewports, "sm");
+      padding-right: 0;
+      padding-left: 0;
+    }
+  }
+
+  @if map-get($breakpoints, "md") {
+    @media (min-width: map-get($breakpoints, "md")) {
+      max-width: map-get($viewports, "md");
+    }
+  }
+
+  @if map-get($breakpoints, "lg") {
+    @media (min-width: map-get($breakpoints, "lg")) {
+      max-width: map-get($viewports, "lg");
+    }
+  }
+
+  @if map-get($breakpoints, "xl") {
+    @media (min-width: map-get($breakpoints, "xl")) {
+      max-width: map-get($viewports, "xl");
+    }
+  }
+}
--- a/themes/ccchh/assets/scss/document/typography.scss
+++ b/themes/ccchh/assets/scss/document/typography.scss
@ -0,0 +1,48 @@
+// A bunch of this is taken from PicoCSS, see here:
+// https://github.com/picocss/pico/blob/v1.5.11/scss/themes/default/_styles.scss
+:root {
+  // Use a (minimum) font size of 16px, since this seems to be a standard font
+  // size.
+  font-size: 16px;
+  // Explicitly set the Firefox default.
+  font-weight: 400;
+  // Line height of 1.5, see:
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#accessibility_concerns
+  line-height: 1.5;
+  font-family: sans-serif;
+
+  // Go up to 18px for the font size depending on the screen width.
+  @if map-get($breakpoints, "sm") {
+    @media (min-width: map-get($breakpoints, "sm")) {
+      font-size: 17px;
+    }
+  }
+
+  @if map-get($breakpoints, "md") {
+    @media (min-width: map-get($breakpoints, "md")) {
+      font-size: 18px;
+    }
+  }
+
+
+  h1, h2, h3, h4, h5, h6 {
+    // Explicitly set the Firefox default.
+    font-weight: 700;
+  }
+
+  h1 {
+    font-size: 2rem;
+  }
+  h2 {
+    font-size: 1.75rem;
+  }
+  h3 {
+    font-size: 1.5rem;
+  }
+  h4 {
+    font-size: 1.25rem;
+  }
+  h5 {
+    font-size: 1.125rem;
+  }
+}
--- a/themes/ccchh/assets/scss/main.scss
+++ b/themes/ccchh/assets/scss/main.scss
@ -0,0 +1,8 @@
+// General variables.
+@import "variables.scss";
+
+// General implicit document styling.
+@import "document/typography.scss";
+
+// Classes to be used explicitly.
+@import "classes/container.scss";
--- a/themes/ccchh/assets/scss/variables.scss
+++ b/themes/ccchh/assets/scss/variables.scss
@ -0,0 +1,33 @@
+// Breakpoints and viewports for a responsive website.
+// Taken from Pico CSS, see here:
+// https://github.com/picocss/pico/blob/v1.5.11/scss/_variables.scss#L38
+
+// xs: Extra small (portrait phones)
+// sm: Small(landscape phones)
+// md: Medium(tablets)
+// lg: Large(desktops)
+// xl: Extra large (large desktops)
+
+// NOTE:
+// To provide an easy and fine styling on each breakpoint
+// we didn't use @each, @mixin or @include.
+// That means you need to edit each CSS selector file to add a breakpoint
+
+// Breakpoints
+// 'null' disable the breakpoint
+$breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+) !default;
+
+// Viewports
+$viewports: (
+  // 'null' disable the viewport on a breakpoint
+  sm: 510px,
+  md: 700px,
+  lg: 920px,
+  xl: 1130px
+) !default;
--- a/themes/ccchh/layouts/blog/single.html
+++ b/themes/ccchh/layouts/blog/single.html
@ -8,11 +8,11 @@
    </section>

    <div class="meta">
-      {{- with .PublishDate }}
+      {{- with .Params.publishDate }}
      <small class="li-comma">Veröffentlicht: {{ .Format "2006-01-02 15:04" }}</small>
      {{- end }}
-      {{- if .Lastmod.After .PublishDate }}
-      {{- with .Lastmod }}
+      {{- if .Params.lastmod.After .Params.publishDate }}
+      {{- with .Params.lastmod }}
      <small class="li-comma">letzte Änderung: {{ .Format "2006-01-02 15:04" }}</small>
      {{- end }}
      {{- end }}
--- a/themes/ccchh/layouts/index.html
+++ b/themes/ccchh/layouts/index.html
@ -1,17 +1,16 @@
 {{ define "main" }}
  <main class="container" aria-role="main">
-    <div class="homepage-content">
+    <section class="homepage-content">
      {{ .Content }}
-    </div>
+    </section>

    {{- $events := where (.Site.GetPage "blog").Pages ".Params.categories" "event" }}
-    {{- $lookback := time.ParseDuration "-6h" }}
-    {{- $upcoming := where $events ".Params.date" "ge" (time.Now.Add $lookback) }}
+    {{- $upcoming := where $events ".Params.date" "ge" now }}
    {{ if $upcoming }}
-    <div class="announcements">
+    <section class="announcements">
      <h2 id="neuigkeiten" class="on-hover-trg">Neuigkeiten <a href="#neuigkeiten" class="on-hover"><i class="fa-solid fa-link small"></i></a></h2>
      {{- range $upcoming.ByDate }}
-      <div class="announcement">
+      <article class="announcement">
        {{- partial "blog-header.html" (dict "headingLink" true "level" 4 "reduced" true "page" . ) }}

        {{- if in .RawContent "<!--more-->" }}
@ -19,18 +18,15 @@
        {{- else }}
          <p>{{ .Summary | safeHTML }}</p>
        {{- end }}
-        {{- if .Truncated }}
-          <p class="ellipsis"><a href="{{ .RelPermalink }}">mehr lesen</a></p>
-        {{- end }}
-      </div>
+      </article>
      {{- end }}
-    </div>
+    </section>
    {{- end }}

    {{- $home := .Site.GetPage "/home" }}
    {{- $sections := where ($home.Resources.ByType "page") ".File.LogicalName" "index.md" }}
    {{- range sort $sections "File.Path" "asc" }}
-    <div class="section">
+    <section class="section">
      {{- $hdg_id := .Title | lower | safeURL }}
      <h2 id="{{ $hdg_id }}" class="on-hover-trg">{{ .Title }} <a href="#{{ $hdg_id }}" class="on-hover"><i class="fa-solid fa-link small"></i></a></h2>
      {{ .Content -}}
@ -66,7 +62,7 @@
        {{- end }}
      </div>
      {{- end }}
-    </div>
+    </section>
    {{ end }}

  </main>
--- a/themes/ccchh/layouts/partials/head.html
+++ b/themes/ccchh/layouts/partials/head.html
@ -1,25 +1,13 @@
-{{- $cssOptionsMain := dict "transpiler" "libsass" "targetPath" "css/style.css" -}}
-{{- $cssOptionsPico := dict "transpiler" "libsass" "targetPath" "css/pico.css" -}}
+{{- $cssOptions := dict "transpiler" "libsass" "targetPath" "css/style.css" -}}
 {{- $jsResources := resources.Match "js/*.js" }}

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="utf-8">
  {{- partial "robots.html" . -}}
-  <link rel="apple-touch-icon" sizes="180x180" href="{{ relURL "apple-touch-icon.png" }}">
-  <link rel="icon" type="image/png" sizes="32x32" href="{{ relURL "favicon-32x32.png" }}">
-  <link rel="icon" type="image/png" sizes="16x16" href="{{ relURL "favicon-16x16.png" }}">
-  <link rel="manifest" href="{{ relURL "site.webmanifest" }}">
-  <link rel="mask-icon" href="{{ relURL "safari-pinned-tab.svg" }}" color="#000000">
-  <meta name="msapplication-TileColor" content="#ffffff">
-  <meta name="theme-color" content="#ffffff">
-
-  {{ with resources.Get "sass/pico-ccchh.scss" | toCSS $cssOptionsPico | minify | fingerprint -}}
+  {{ with resources.Get "scss/main.scss" | toCSS $cssOptions | minify | fingerprint -}}
  <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
  {{- end }}
-  {{ with resources.Get "sass/main.scss" | toCSS $cssOptionsMain | minify | fingerprint -}}
-  <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
-  {{- end }}
-  <link rel="stylesheet" href="{{ relURL "thirdparty/fontawesome6/css/all.min.css" }}" crossorigin="anonymous">
+  <link rel="stylesheet" href="{{ .Site.BaseURL }}thirdparty/fontawesome6/css/all.min.css" crossorigin="anonymous">

  {{- range $jsResources }}
  {{- with . | js.Build | minify | fingerprint }}
@ -32,3 +20,4 @@
  {{- end }}

  <title>{{ .Title }}</title>
+  <!-- TODO: Favicon -->
--- a/themes/ccchh/layouts/partials/robots.html
+++ b/themes/ccchh/layouts/partials/robots.html
@ -1,5 +1,5 @@
 {{  $robotsGenerate := false -}}
-{{- if and (isset $.Params "robots") (or (isset $.Params.robots "index") (isset $.Params.robots "follow")) }}
+{{- if or (isset $.Params.robots "index") (isset $.Params.robots "follow") }}
 {{-     $robotsGenerate = true -}}
 {{- else if or (isset $.Site.Params.robots "index") (isset $.Site.Params.robots "follow") -}}
 {{-     $robotsGenerate = true -}}
--- a/themes/ccchh/layouts/shortcodes/calendar-table.html
+++ b/themes/ccchh/layouts/shortcodes/calendar-table.html
@ -12,18 +12,14 @@
    {{- if eq ._type "vevent"}}
    <tr>
      {{- $start := time .dtstart }}
-      <td style="font-variant-numeric: tabular-nums;">{{ time.Format "Mon, 2006-01-02 15:04" $start.Local }}</td>
+      <td style="font-variant-numeric: tabular-nums;">{{ $start.Local.Format "Mon, 2006-01-02 15:04" }}</td>
      {{- $potentialUrl := index (findRE `https?://\S*` .description 1) 0 }}
      {{- if eq $potentialUrl nil }}
      <td>{{ .summary }}</td>
      {{- else }}
      <td><a href="{{ $potentialUrl }}">{{ .summary }}</a></td>
      {{- end }}
-      {{- if eq .location "Z9" }}
-      <td><a href="https://wiki.hamburg.ccc.de/club:z9:start">Z9</a></td>
-      {{- else }}
      <td>{{ .location }}</td>
-      {{- end }}
    </tr>
    {{- end }}
  {{- end }}
--- a/themes/ccchh/static/android-chrome-192x192.png
+++ b/themes/ccchh/static/android-chrome-192x192.png
--- a/themes/ccchh/static/android-chrome-512x512.png
+++ b/themes/ccchh/static/android-chrome-512x512.png
--- a/themes/ccchh/static/apple-touch-icon.png
+++ b/themes/ccchh/static/apple-touch-icon.png
--- a/themes/ccchh/static/browserconfig.xml
+++ b/themes/ccchh/static/browserconfig.xml
@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/mstile-150x150.png" />
-            <TileColor>#ffffff</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>
--- a/themes/ccchh/static/favicon-16x16.png
+++ b/themes/ccchh/static/favicon-16x16.png
--- a/themes/ccchh/static/favicon-32x32.png
+++ b/themes/ccchh/static/favicon-32x32.png
--- a/themes/ccchh/static/favicon.ico
+++ b/themes/ccchh/static/favicon.ico
--- a/themes/ccchh/static/mstile-150x150.png
+++ b/themes/ccchh/static/mstile-150x150.png
--- a/themes/ccchh/static/safari-pinned-tab.svg
+++ b/themes/ccchh/static/safari-pinned-tab.svg
@ -1,228 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="1310.000000pt" height="1310.000000pt" viewBox="0 0 1310.000000 1310.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,1310.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M2678 11245 c-2 -3 -85 -7 -183 -10 -185 -6 -307 -10 -500 -20 -60
-3 -157 -7 -215 -10 -97 -4 -209 -10 -400 -20 -41 -3 -118 -7 -170 -9 -52 -3
-133 -7 -180 -10 -47 -3 -125 -8 -175 -11 -385 -21 -438 -26 -474 -41 -44 -18
-75 -53 -117 -128 -30 -56 -96 -235 -108 -296 -3 -14 -16 -79 -30 -145 -13
-66 -27 -138 -31 -160 -3 -22 -8 -53 -11 -70 -3 -16 -7 -46 -9 -65 -2 -19 -4
-35 -5 -35 -1 0 -3 -22 -5 -50 -2 -27 -4 -50 -5 -50 -1 0 -4 -20 -5 -45 -2
-25 -4 -45 -5 -45 -1 0 -3 -18 -5 -40 -2 -22 -6 -74 -10 -115 -3 -41 -8 -97
-10 -125 -20 -245 -26 -753 -12 -1080 17 -417 31 -689 42 -815 3 -36 8 -99 11
-140 3 -41 7 -91 9 -110 2 -19 6 -64 9 -100 3 -36 10 -96 16 -135 5 -38 12
-90 16 -115 10 -73 11 -81 28 -175 28 -162 61 -298 96 -390 12 -33 24 -69 28
-80 7 -25 65 -123 90 -151 25 -29 65 -54 98 -60 16 -3 102 -7 192 -8 89 -2
-165 -6 168 -9 3 -3 17 -2 30 3 14 6 26 6 29 0 4 -7 13 -6 26 0 10 6 19 7 19 2
-0 -4 753 -8 1673 -9 919 0 1845 -4 2057 -8 856 -14 984 -14 1095 5 100 17 186
-50 230 88 32 28 65 98 80 168 2 10 11 47 20 81 9 35 18 71 20 80 2 10 12 54
-24 98 11 44 22 91 25 105 2 14 14 72 26 130 12 58 23 123 25 145 2 22 4 40 5
-40 4 0 10 46 13 103 2 34 6 64 8 66 6 7 2 130 -6 173 -16 88 -62 126 -148 124
-94 -2 -144 -45 -165 -146 -11 -49 -15 -77 -27 -200 -4 -33 -8 -67 -10 -75 -3
-8 -7 -28 -10 -45 -14 -82 -30 -142 -62 -235 -32 -94 -56 -141 -101 -201 -37
-49 -100 -101 -139 -113 -52 -16 -118 -28 -170 -30 -24 0 -43 -3 -43 -6 0 -3
-21 -6 -48 -6 -79 -2 -327 -13 -327 -14 0 -6 -532 -10 -1315 -9 -973 0 -1887
-1 -2255 -4 -115 0 -237 2 -270 6 -250 27 -407 108 -503 260 -21 34 -41 71
-45 82 -3 11 -17 52 -32 90 -14 39 -26 72 -27 75 0 3 -2 10 -3 15 -2 6 -5 19
-8 30 -3 11 -15 56 -27 100 -12 44 -23 85 -24 90 -4 15 -17 77 -21 100 -2 11
-4 21 -5 23 -4 4 -6 16 -15 77 -9 63 -11 73 -14 78 -2 2 -10 50 -16 102 -2 17
-4 30 -5 30 -1 0 -3 17 -15 140 -13 132 -14 145 -21 275 -17 275 -2 1452 20
-1590 3 19 8 67 11 105 3 39 7 77 10 85 2 8 6 31 9 50 18 114 46 231 59 248 5
-6 7 12 4 12 -12 0 74 213 93 230 3 3 17 23 31 45 54 83 135 147 227 179 46 17
-86 23 182 31 36 3 94 7 130 10 163 13 193 16 201 21 5 3 9 0 9 -6 0 -6 5 -8
-11 -4 12 7 51 11 194 18 44 3 80 5 80 6 0 0 41 3 90 5 50 3 135 7 190 10 141
-8 268 14 430 20 77 3 187 8 245 10 58 3 247 8 420 11 173 3 333 7 355 8 22 1
-46 -3 53 -8 6 -5 12 -5 12 0 0 13 103 12 112 -1 5 -7 8 -7 8 0 0 12 358 14
-378 2 6 -5 12 -5 12 0 0 4 33 7 72 6 40 -2 163 -5 273 -8 321 -9 457 -16 730
-40 44 -4 96 -9 115 -11 19 -3 54 -7 78 -9 24 -3 56 -7 70 -10 15 -3 43 -8 62
-11 48 -7 65 -11 152 -30 15 -3 29 -5 30 -4 7 2 117 -39 153 -58 79 -40 159
-150 180 -247 22 -99 31 -167 40 -294 3 -31 7 -73 9 -95 10 -78 46 -156 71
-156 7 0 15 -4 17 -10 5 -14 177 -18 223 -6 29 9 40 18 46 39 4 15 3 29 -2 33
-5 3 -7 9 -4 15 14 21 -2 343 -19 389 -3 8 -7 33 -10 55 -9 85 -60 254 -106
-353 -17 35 -30 67 -30 72 0 6 -3 10 -8 10 -4 0 -16 15 -26 34 -19 36 -78 100
-111 122 -12 8 -36 16 -55 19 -19 2 -46 7 -60 9 -14 3 -45 7 -70 10 -25 3 -63
-8 -85 11 -37 5 -54 8 -137 20 -18 2 -55 6 -83 9 -27 3 -70 8 -95 11 -25 3 -74
-7 -110 10 -36 3 -87 8 -115 10 -84 8 -197 16 -265 20 -164 9 -221 14 -230 20
-6 3 -10 1 -10 -5 0 -6 -4 -9 -9 -6 -10 6 -104 12 -351 22 -167 7 -1566 14
-1572 9z"/>
-<path d="M4248 10747 c-1 -21 -3 -34 -8 -49 -4 -14 -6 -23 -15 -83 -21 -151
-28 -243 -28 -415 0 -145 5 -220 18 -280 3 -14 8 -38 10 -53 9 -50 47 -117 81
-145 62 -51 293 -156 414 -188 138 -36 268 -60 425 -80 197 -24 656 -24 1140
-1 28 2 156 6 285 9 267 8 378 12 570 22 270 15 710 9 890 -11 89 -10 310 -48
-348 -59 9 -3 28 -7 42 -10 100 -20 252 -76 361 -132 110 -56 134 -69 139 -74
-3 -3 21 -17 40 -30 59 -42 72 -52 152 -131 54 -53 78 -84 78 -100 0 -52 -12
-52 -108 -6 -49 25 -103 49 -119 55 -15 6 -54 22 -85 35 -32 14 -58 22 -58 20
-0 -3 -7 0 -15 7 -8 7 -15 9 -15 5 0 -4 -6 -3 -12 3 -7 5 -33 16 -58 23 -56 16
-52 14 -70 22 -15 7 -212 58 -280 73 -19 4 -676 9 -1460 10 -1556 2 -2209 9
-2490 29 -228 16 -223 16 -269 39 -72 38 -318 262 -437 400 -89 102 -168 203
-273 346 -22 30 -44 60 -48 65 -5 6 -20 26 -33 45 -13 19 -30 41 -37 48 -6 6
-14 21 -18 31 -3 11 -12 22 -20 25 -8 3 -15 10 -15 15 0 8 -66 104 -108 156
-4 6 -23 33 -42 60 -19 28 -40 55 -46 60 -6 6 -24 28 -40 50 -16 22 -33 45
-39 51 -11 13 -74 89 -90 110 -7 9 -51 15 -135 19 -69 3 -142 6 -162 8 -21 1
-38 0 -38 -3 0 -3 11 -17 25 -32 14 -15 25 -30 25 -34 0 -6 26 -38 79 -99 9
-11 45 -56 78 -100 33 -44 69 -90 79 -102 45 -51 54 -64 54 -72 0 -5 4 -11 9
-13 4 -1 52 -59 105 -128 53 -69 107 -137 119 -152 12 -14 33 -41 47 -59 14
-18 41 -49 60 -68 20 -20 67 -74 105 -121 39 -47 73 -86 78 -88 4 -2 7 -8 7
-14 0 -5 6 -15 13 -23 6 -7 21 -25 32 -40 18 -25 94 -126 113 -150 61 -79 88
-110 152 -177 86 -92 181 -166 260 -204 79 -38 105 -44 200 -49 47 -2 130 -7
-185 -10 208 -11 533 -25 745 -31 433 -12 1200 -24 1777 -27 189 -1 343 -6 343
-11 0 -5 6 -4 13 1 14 11 57 11 75 0 6 -5 12 -4 12 1 0 10 42 8 59 -3 6 -3 11
-2 11 4 0 7 8 7 23 2 14 -5 30 -5 40 0 9 6 17 6 17 2 0 -4 125 -9 278 -10 464
-2 692 -10 798 -28 222 -37 388 -104 482 -194 36 -34 102 -126 102 -141 0 -5
-30 2 -67 15 -65 23 -134 43 -178 51 -11 2 -74 15 -140 29 -66 13 -133 27
-150 30 -31 7 -95 10 -434 19 -112 3 -206 7 -208 10 -3 3 -16 1 -29 -4 -13 -5
-24 -6 -24 -2 0 4 -55 8 -123 9 -67 0 -214 4 -327 7 -238 7 -270 7 -282 0 -4
-3 -8 -2 -8 3 0 4 -84 9 -188 10 -103 0 -367 4 -587 9 -517 9 -1658 9 -1890 0
-193 -8 -230 -11 -315 -20 -86 -10 -103 -13 -132 -25 -16 -6 -28 -8 -28 -5 0
-4 -7 1 -15 -6 -8 -7 -15 -10 -15 -6 0 3 -24 -4 -52 -15 -29 -12 -59 -22 -65
-22 -7 0 -13 -4 -13 -9 0 -4 -5 -8 -11 -8 -38 0 -361 -312 -549 -529 -30 -35
-60 -69 -66 -75 -10 -11 -244 -303 -288 -359 -11 -15 -26 -33 -31 -40 -6 -7
-35 -46 -65 -87 -30 -41 -58 -79 -62 -85 -38 -49 -100 -134 -133 -181 -22 -31
-46 -62 -52 -70 -7 -7 -13 -15 -13 -19 0 -3 -5 -11 -10 -18 -25 -28 -200 -279
-203 -288 -1 -8 46 -11 147 -11 l149 1 24 28 c14 15 39 44 56 63 56 62 132
-153 191 230 31 41 68 89 81 105 14 17 76 100 139 185 316 428 484 614 716 793
-39 30 128 85 148 91 12 4 22 12 22 17 0 5 3 8 8 7 4 -1 16 3 27 9 33 18 141
-62 166 67 13 3 48 12 77 20 56 16 112 26 172 32 83 8 451 0 468 -10 6 -3 13
-2 17 4 4 6 11 7 17 4 11 -7 342 -15 710 -17 126 -1 228 -6 228 -10 0 -5 5 -5
-12 -1 16 10 139 11 145 1 3 -4 10 -4 17 2 6 6 18 6 25 2 8 -5 26 -5 42 -1 15
-5 30 6 33 3 3 -3 303 -7 668 -9 1057 -7 1334 -10 1345 -17 7 -4 14 -4 17 1 5
-9 210 8 341 -3 211 -16 381 -74 514 -174 47 -35 52 -48 18 -42 -4 1 -58 4
-120 7 -62 3 -155 8 -207 11 -119 6 -1732 11 -1743 5 -8 -4 -217 -9 -562 -12
-82 -1 -258 2 -390 5 -265 8 -776 13 -787 7 -5 -2 -61 -5 -125 -8 -153 -7
-302 -19 -357 -30 -11 -2 -36 -6 -56 -9 -38 -6 -70 -12 -110 -20 -14 -3 -34
-7 -45 -9 -43 -9 -161 -48 -170 -57 -5 -5 -15 -9 -23 -9 -8 0 -45 -20 -82 -45
-54 -36 -73 -56 -97 -102 -30 -57 -48 -104 -57 -153 -33 -165 -35 -192 -41
-400 -3 -96 -7 -181 -10 -187 -2 -7 -1 -13 3 -13 4 0 8 -21 8 -47 1 -48 12
-197 18 -243 2 -14 4 -32 5 -42 2 -25 103 -38 181 -23 32 6 67 48 82 100 12
-39 15 230 4 290 -6 35 -19 213 -19 265 0 43 15 159 23 175 3 6 3 6 14 55 5 19
-11 40 14 45 4 6 7 15 8 22 7 41 81 103 134 111 34 4 65 10 65 12 0 1 18 3 40
-5 44 5 107 13 145 19 23 4 94 12 185 21 163 16 175 17 365 30 157 10 466 17
-750 18 278 0 475 -3 1175 -20 318 -7 1029 -9 1222 -2 113 3 124 2 149 -18 23
-18 25 -26 20 -55 -26 -121 -4 -149 155 -202 44 -15 142 -41 189 -50 14 -3 36
-7 49 -10 104 -23 382 -24 501 -2 14 2 48 8 75 12 28 4 52 8 55 9 12 3 67 16
-85 20 11 2 35 8 53 14 18 5 33 10 35 10 1 0 9 2 17 5 8 3 49 17 91 30 110 36
-237 90 379 161 171 86 214 109 220 116 3 4 23 16 45 28 59 32 98 55 110 64 28
-22 230 147 237 147 16 0 7 -19 -34 -72 -85 -107 -335 -338 -367 -338 -6 0 -11
-4 -11 -8 0 -5 -12 -15 -27 -23 -16 -8 -30 -17 -33 -20 -22 -24 -251 -144
-335 -174 -27 -10 -54 -22 -60 -26 -8 -5 -79 -29 -135 -44 -3 -1 -12 -5 -20
-8 -23 -9 -260 -65 -300 -71 -19 -2 -44 -7 -56 -9 -11 -3 -41 -6 -65 -8 -24
-1 -48 -4 -52 -7 -5 -2 -52 -6 -105 -8 -53 -3 -108 -7 -122 -10 -14 -3 -38 -7
-55 -9 -58 -8 -90 -16 -134 -36 -44 -19 -101 -72 -101 -93 1 -34 159 -119 262
-141 59 -12 300 -14 353 -2 11 3 40 8 65 12 55 9 63 10 123 24 26 6 64 14 84
-17 20 3 47 10 60 15 13 5 23 6 23 4 0 -2 12 0 28 6 15 6 36 12 46 15 26 5 89
-25 101 33 6 3 17 6 25 8 8 1 23 6 35 12 11 5 43 20 70 32 117 51 232 113 316
-170 32 21 61 39 64 39 4 0 13 6 20 13 8 6 20 17 27 22 134 104 253 214 323
-300 17 20 35 42 42 49 24 26 121 183 152 243 30 60 79 195 87 240 3 18 -1 24
-23 29 -35 7 -76 26 -85 39 -11 15 -1 90 17 124 8 17 15 32 14 33 0 2 4 16 10
-31 19 50 24 103 11 128 -49 91 -117 93 -177 5 -15 -23 -30 -43 -33 -46 -3 -3
-17 -23 -31 -45 -32 -50 -76 -76 -90 -55 -8 14 -29 77 -35 108 -1 8 -6 21 -10
-30 -4 9 -8 24 -10 33 -12 60 -70 265 -96 337 -68 195 -139 295 -272 387 -48
-33 -59 37 -80 27 -14 -6 -30 -28 -40 -54 l-17 -44 39 -84 c78 -170 155 -360
-146 -360 -4 0 -2 -6 4 -12 13 -17 86 -260 97 -323 2 -11 6 -30 8 -41 3 -12 8
-37 11 -55 3 -19 10 -56 15 -82 8 -46 7 -51 -23 -90 -36 -48 -96 -82 -129 -73
-19 4 -26 21 -46 98 -25 95 -76 251 -106 323 -29 67 -94 209 -104 225 -6 8
-20 35 -32 60 -13 25 -49 89 -81 143 -32 55 -58 101 -58 103 0 2 -22 39 -50
-82 -27 43 -50 84 -50 90 0 5 -3 12 -8 14 -4 2 -29 39 -56 83 -39 65 -64 92
-131 145 -113 88 -169 115 -226 114 -53 -2 -93 -19 -83 -37 4 -7 43 -69 88
-139 45 -70 92 -145 106 -167 14 -22 76 -119 138 -216 61 -97 112 -178 112
-181 0 -3 8 -18 18 -32 68 -98 259 -492 245 -506 -4 -3 -2 -6 4 -6 6 0 13 -12
-16 -27 3 -16 11 -41 17 -58 6 -16 11 -31 11 -33 -1 -1 5 -17 13 -35 7 -19 22
-71 31 -116 l18 -83 -43 -39 c-23 -21 -48 -39 -55 -39 -18 0 -61 42 -79 79 -9
-17 -15 31 -12 31 12 0 -122 352 -136 358 -5 2 -8 12 -8 23 0 10 -4 19 -10 19
-5 0 -10 9 -10 19 0 11 -3 21 -7 23 -5 2 -19 26 -33 53 -32 65 -83 149 -92
-153 -5 2 -8 8 -8 13 0 12 -71 123 -82 127 -4 2 -8 8 -8 13 0 8 -58 97 -70 109
-3 3 -17 21 -30 40 -13 19 -29 40 -35 47 -30 35 -35 43 -35 48 0 4 -61 85
-133 175 -7 8 -49 61 -94 118 -78 97 -148 157 -247 211 -48 26 -96 26 -133 -1
-33 -25 -32 -38 6 -77 22 -24 93 -110 110 -135 8 -12 18 -23 21 -26 12 -9 237
-295 299 -380 34 -47 69 -93 77 -103 8 -9 14 -20 14 -24 0 -3 7 -15 17 -25 9
-10 21 -27 27 -37 6 -11 37 -60 69 -110 68 -108 143 -242 153 -273 4 -13 10
-25 13 -28 12 -8 94 -210 88 -216 -2 -3 -1 -21 3 -40 4 -18 4 -34 0 -34 -5 0
-5 -12 -1 -27 4 -16 4 -39 0 -53 -5 -17 -7 -19 -8 -7 -1 10 -17 49 -35 87 -19
-39 -32 70 -28 70 4 0 3 4 -3 8 -5 4 -27 41 -47 82 -50 101 -91 174 -100 178
-5 2 -8 10 -8 18 0 8 -4 14 -10 14 -5 0 -10 5 -10 11 0 9 -100 162 -137 209
-155 198 -174 220 -293 340 -89 89 -105 101 -235 167 -77 39 -169 81 -205 93
-36 13 -69 27 -75 30 -5 4 -57 22 -115 39 -58 18 -112 35 -120 38 -8 3 -19 7
-25 7 -23 3 -131 28 -145 33 -8 3 -25 7 -37 9 -11 1 -59 9 -105 18 -45 8 -107
-18 -137 21 -30 4 -62 8 -72 10 -44 9 -206 22 -394 32 -234 12 -1059 4 -1083
-11 -6 -3 -13 -2 -17 4 -4 6 -11 8 -16 5 -28 -18 -1204 -22 -1204 -5 0 1 -27
-3 -60 5 -130 8 -256 22 -370 40 -16 3 -42 7 -58 9 -38 6 -106 42 -144 76 -87
-78 -117 175 -115 370 1 74 4 149 6 165 8 48 8 236 1 280 -4 22 -11 47 -16 56
-4 9 -6 19 -3 22 3 3 -47 5 -110 6 -113 0 -116 -1 -118 -22z"/>
-<path d="M11418 8187 c-21 -19 -79 -107 -124 -187 -12 -21 -19 -31 -105 -150
-34 -47 -65 -87 -68 -90 -3 -3 -26 -30 -51 -60 -113 -140 -291 -314 -425 -416
-54 -41 -166 -119 -185 -127 -8 -4 -31 -17 -50 -29 -50 -30 -168 -88 -180 -88
-5 0 -10 -4 -10 -8 0 -5 -6 -9 -13 -9 -6 0 -42 -12 -79 -26 -36 -15 -71 -27
-78 -27 -6 0 -29 -9 -52 -21 -86 -44 -163 -59 -373 -74 -86 -7 -99 -8 -184
-26 -65 -13 -151 -47 -151 -60 0 -5 -6 -9 -14 -9 -31 0 -20 -28 31 -77 30 -29
-61 -53 69 -53 8 0 14 -3 14 -8 0 -6 111 -54 135 -58 6 0 15 -2 20 -4 27 -8
-255 -5 255 4 0 5 2 7 5 4 3 -3 35 1 71 8 35 8 78 16 94 19 16 3 42 10 57 16
-15 6 37 13 47 15 11 2 58 15 105 29 47 13 95 26 106 29 57 11 85 19 85 25 0 4
-16 13 35 21 19 8 35 17 35 22 0 4 5 8 10 8 10 0 199 125 210 139 3 3 22 19 42
-34 73 54 223 196 303 288 96 108 235 297 235 318 0 6 5 11 10 11 6 0 10 4 10
-9 0 7 32 67 60 111 9 14 73 149 75 160 1 3 6 16 12 30 10 22 19 47 49 125 4
-11 8 25 9 30 1 6 3 13 5 18 1 4 4 12 5 17 1 6 3 11 5 13 1 1 4 15 6 31 3 16 9
-37 14 46 7 13 4 22 -9 34 -24 22 -44 20 -73 -7z"/>
-<path d="M11472 7653 c-96 -172 -87 -157 -146 -254 -25 -42 -46 -82 -46 -88 0
-6 -4 -11 -9 -11 -5 0 -14 -13 -21 -30 -7 -16 -16 -30 -20 -30 -4 0 -10 -8
-13 -17 -4 -15 -128 -199 -165 -244 -98 -122 -139 -167 -212 -240 -86 -84
-217 -189 -266 -211 -13 -6 -24 -15 -24 -20 0 -4 -9 -8 -19 -8 -11 0 -21 -4
-23 -8 -4 -10 -163 -79 -198 -86 -14 -3 -40 -9 -58 -15 -18 -5 -35 -10 -37
-10 -3 -1 -6 -1 -7 -2 -22 -4 -100 -11 -163 -12 l-80 -3 -3 -44 c-3 -43 -1
-46 41 -72 72 -46 117 -58 252 -72 11 -1 24 0 28 2 5 2 32 5 62 7 29 1 57 5
-62 8 4 3 26 8 48 12 44 7 53 9 75 17 8 3 51 18 95 33 83 29 285 125 305 145 3
-3 32 23 65 45 74 49 244 218 309 305 53 71 145 219 147 235 1 6 9 21 18 35 10
-14 30 54 45 90 15 36 34 79 41 95 7 17 18 48 25 70 6 22 14 47 17 55 4 8 7 18
-8 23 2 4 3 8 4 10 2 1 5 13 7 27 3 14 9 27 14 28 6 2 8 7 6 11 -4 6 1 33 18
-101 31 118 30 148 -10 216 -21 37 -46 53 -79 54 -6 0 -48 -66 -93 -147z"/>
-<path d="M11384 6577 c-6 -7 -57 -55 -114 -107 -57 -52 -118 -109 -137 -127
-l-33 -31 35 -39 c19 -21 54 -64 77 -95 23 -32 46 -58 50 -58 5 0 8 -4 8 -10 0
-8 56 -96 70 -110 3 -3 12 -18 20 -35 8 -16 18 -32 21 -35 32 -25 207 -439
-194 -460 -3 -5 -1 -11 5 -15 5 -3 10 -16 10 -29 0 -12 5 -27 12 -34 7 -7 9
-12 6 -12 -3 0 -1 -21 4 -47 28 -140 36 -239 33 -408 -2 -170 -8 -257 -19
-294 -3 -9 -8 -29 -11 -46 -5 -32 -12 -62 -21 -97 -8 -32 -14 -67 -19 -108 -3
-19 -14 -60 -26 -90 -11 -30 -23 -63 -26 -72 -3 -10 -9 -18 -14 -18 -5 0 -9
-5 -9 -12 0 -20 -80 -121 -152 -190 -39 -38 -112 -99 -163 -138 -87 -65 -93
-72 -99 -113 -7 -44 -12 -75 -21 -124 -14 -75 -17 -103 -12 -103 37 0 247 129
-342 210 28 24 159 156 181 182 80 98 191 292 237 415 31 81 40 106 42 113 15
-48 37 123 41 141 17 73 33 157 40 207 2 17 6 49 9 70 3 20 8 66 10 102 4 58 1
-92 -21 225 -15 92 -6 210 18 226 4 3 50 -5 100 -18 51 -12 109 -25 128 -28 19
-3 42 -7 50 -10 8 -2 42 -7 75 -10 33 -4 74 -9 90 -11 42 -5 272 -4 315 1 91
-11 115 14 118 16 2 2 1 2 57 14 22 4 43 8 48 7 4 -1 7 2 7 6 0 4 9 8 19 9 11
-1 46 14 78 30 53 26 58 30 55 58 -5 53 -42 140 -73 173 -64 69 -167 83 -311
-44 -18 -5 -25 -6 -68 -15 -19 -4 -46 -10 -60 -13 -14 -3 -41 -8 -60 -11 -19
-3 -53 -8 -75 -12 -76 -14 -198 -3 -285 26 -200 65 -369 221 -528 485 -55 92
-141 258 -141 272 1 5 -3 12 -8 15 -4 3 -24 39 -43 79 -19 39 -37 72 -40 72
-3 -1 -10 -6 -16 -13z"/>
-<path d="M10694 6100 c-135 -28 -140 -30 -160 -113 -36 -150 -114 -321 -220
-483 -22 -33 -41 -64 -44 -69 -12 -25 -94 -140 -102 -143 -4 -2 -8 -10 -8 -18
-0 -8 -4 -14 -9 -14 -5 0 -13 -9 -16 -20 -3 -11 -12 -26 -18 -32 -11 -12 -109
-158 -169 -253 -22 -36 -105 -203 -128 -260 -13 -33 -39 -118 -44 -150 -3 -17
-8 -48 -12 -70 -9 -54 -11 -235 -3 -260 4 -11 12 -45 18 -75 18 -85 12 -83
-137 -58 l111 21 0 61 c0 62 9 160 18 206 3 14 7 37 10 51 9 52 56 204 67 216
-6 7 8 13 5 13 -6 0 21 60 75 165 33 64 134 228 161 261 8 10 39 51 68 89 29
-39 58 75 64 81 5 6 26 30 45 54 19 24 49 58 65 76 17 18 52 57 80 88 l50 55
-38 -77 c21 -43 40 -97 42 -122 2 -25 5 -45 6 -45 5 0 5 -381 0 -390 -3 -5 -7
-30 -8 -55 -3 -48 -10 -105 -13 -105 -1 0 -3 -16 -5 -35 -2 -19 -6 -44 -8 -55
-3 -11 -8 -40 -12 -65 -8 -53 -63 -287 -105 -450 -72 -281 -89 -353 -85 -361
-3 -4 1 -10 -4 -13 -5 -3 -12 -27 -16 -53 -5 -27 -10 -55 -12 -63 -2 -8 -5 -26
-8 -40 -2 -14 -10 -63 -18 -110 -26 -145 -31 -228 -32 -445 0 -190 7 -316 20
-370 2 -11 11 -51 19 -88 40 -181 134 -378 232 -483 25 -27 51 -56 57 -64 41
-53 230 -180 267 -180 31 0 60 35 60 73 0 19 3 36 6 39 3 3 7 37 9 75 l4 68
-63 65 c-97 101 -178 236 -226 379 -22 65 -42 137 -45 166 -2 11 -7 38 -13 60
-6 22 -13 56 -16 75 -10 74 -18 127 -26 168 -4 24 -6 63 -5 85 5 64 14 139 21
-167 3 14 7 36 9 50 2 14 4 27 5 30 1 3 2 8 2 11 -1 8 24 149 38 214 16 79 18
-88 24 130 4 22 9 48 12 57 11 36 35 163 37 196 0 6 3 12 6 12 3 0 7 10 8 23 2
-32 11 85 23 137 5 25 12 59 15 75 2 17 9 55 15 85 6 30 13 71 16 90 3 19 7 46
-10 60 2 14 7 45 10 70 3 25 7 56 10 70 2 14 7 50 9 80 3 30 8 66 10 80 9 51
-19 240 19 365 0 173 -10 313 -30 425 -3 19 -7 45 -9 57 -2 11 -6 29 -9 40 -3
-10 -8 32 -11 49 -4 29 -57 198 -72 234 -3 8 -7 20 -8 26 -7 31 -80 174 -89
-175 -54 6 -82 4 -152 -11z"/>
-</g>
-</svg>
--- a/themes/ccchh/static/site.webmanifest
+++ b/themes/ccchh/static/site.webmanifest
@ -1,19 +0,0 @@
-{
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}
Author	SHA1	Message	Date
June	9429366f49	Organize SCSS: split implicit general styling and explicit. used classes All checks were successful / build (pull_request) Successful in 36s Details So differentiate between general stuff like variables, implicit general document styling and classes, which need to be used explicitly.	2024-01-29 03:59:55 +01:00
June	1d77be4e7c	Define some general document typography: font config and heading sizes All checks were successful / build (pull_request) Successful in 38s Details	2024-01-29 03:52:50 +01:00
June	6675cefc52	Use section and article HTML elements instead of just divs on main page All checks were successful / cleanup-staging (pull_request) Successful in 2s Details / build (pull_request) Successful in 38s Details See here for information on these elements: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article	2024-01-28 20:15:12 +01:00
June	4c84dabb23	Provide container class to limit viewport depending on screen width Also define the necessary variables for these breakpoints and viewports. This way they can be used in other contexts as well.	2024-01-28 20:15:12 +01:00
June	41284ef7d5	Add empty main.scss and just load that to start with a blank slate	2024-01-28 20:15:12 +01:00
June	e9271fbd92	Mention use of picocss source code and provide its license This is in preparation for creating a theme, which uses picocss source code.	2024-01-28 20:15:12 +01:00