diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 80b1976..6b35337 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -113,7 +113,7 @@ Natürlich ist das nicht ganz ideal, aber für unsere aktuelle Entwicklungsfrequ Wenn du deine Änderungen gerne online stellen möchtest, musst du einen [Pull-Request](https://docs.codeberg.org/collaborating/pull-requests-and-git-flow/) einreichen. Ein Pull-Request bündelt deine Änderungen, sodass sie jemand vom Homepage-Team anschauen, genehmigen und einpflegen kann. -Wenn du deine Änderungen über das Webinterface von Codeberg erstellst, wählst du beim Bearbeiten einer Datei im *Änderungen Commiten*-Dialog die Option "Einen neuen Branch für diesen Commit erstellen und einen Pull Request starten". +Wenn du deine Änderungen über das Webinterface von Codeberg erstellst, wählst du beim Bearbeiten einer Datei im _Änderungen Commiten_-Dialog die Option "Einen neuen Branch für diesen Commit erstellen und einen Pull Request starten". Wenn du anschließend in den Pull-Request noch eine weitere Änderung aufnehmen möchtest, sucher [hier](https://codeberg.org/angestoepselt/homepage/branches) deinen entsprechenden Branch und wähle ab der zweiten Bearbeitung in dem erwähnten Dialog "Direkt in den Branch `...` einchecken". Wenn du Mitglied des [Homepage](https://codeberg.org/org/angestoepselt/teams/homepage)-Teams auf Codeberg bist, kannst du ohne Forken direkt auf unserem Repository arbeiten. diff --git a/README.md b/README.md index fcb7ea6..34fb36e 100644 --- a/README.md +++ b/README.md @@ -21,8 +21,8 @@ Falls du es eilig hast, hier sind die Grundlagen: 2. Das Projekt auschecken, dann `npm install` 3. `npm run build:styles` 4. `SITE=angestoepselt npm run dev:site`1 - - Du solltest einen lokalen Testserver bekommen, der auf Änderungen reagiert. Formulare funktionieren hier nicht. - - Im Ordner **dist/** liegen die fertigen Dateien für den Webserver. + - Du solltest einen lokalen Testserver bekommen, der auf Änderungen reagiert. Formulare funktionieren hier nicht. + - Im Ordner **dist/** liegen die fertigen Dateien für den Webserver. 5. Änderungen in einem PR auf den `main`-Zweig einreichen 1: Wähle für die Umgebungsvariable den Namen des Ordners unterhalb von **sites/** für die Seite, die du bearbeiten möchtest. diff --git a/docker-compose.yml b/docker-compose.yml index 5f32b82..2aa5b3b 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -10,12 +10,12 @@ services: security_opt: - no-new-privileges:true labels: - - "traefik.enable=true" - - "traefik.docker.network=proxy" - - "traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}-secure.rule=Host(`${ANGESTOEPSELT_DOMAIN}`,`www.${ANGESTOEPSELT_DOMAIN}`)" - - "traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}-secure.entrypoints=websecure" - - "traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}-secure.tls.certresolver=letsencrypt" - - "traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}.middlewares=redirect-www-to-non-www@file" + - 'traefik.enable=true' + - 'traefik.docker.network=proxy' + - 'traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}-secure.rule=Host(`${ANGESTOEPSELT_DOMAIN}`,`www.${ANGESTOEPSELT_DOMAIN}`)' + - 'traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}-secure.entrypoints=websecure' + - 'traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}-secure.tls.certresolver=letsencrypt' + - 'traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}.middlewares=redirect-www-to-non-www@file' networks: - proxy @@ -27,12 +27,12 @@ services: security_opt: - no-new-privileges:true labels: - - "traefik.enable=true" - - "traefik.docker.network=proxy" - - "traefik.http.routers.homepage-coderdojo-${BRANCH:-main}-secure.rule=Host(`${CODERDOJO_DOMAIN}`,`www.${CODERDOJO_DOMAIN}`)" - - "traefik.http.routers.homepage-coderdojo-${BRANCH:-main}-secure.entrypoints=websecure" - - "traefik.http.routers.homepage-coderdojo-${BRANCH:-main}-secure.tls.certresolver=letsencrypt" - - "traefik.http.routers.homepage-coderdojo-${BRANCH:-main}.middlewares=redirect-www-to-non-www@file" + - 'traefik.enable=true' + - 'traefik.docker.network=proxy' + - 'traefik.http.routers.homepage-coderdojo-${BRANCH:-main}-secure.rule=Host(`${CODERDOJO_DOMAIN}`,`www.${CODERDOJO_DOMAIN}`)' + - 'traefik.http.routers.homepage-coderdojo-${BRANCH:-main}-secure.entrypoints=websecure' + - 'traefik.http.routers.homepage-coderdojo-${BRANCH:-main}-secure.tls.certresolver=letsencrypt' + - 'traefik.http.routers.homepage-coderdojo-${BRANCH:-main}.middlewares=redirect-www-to-non-www@file' networks: - proxy diff --git a/sites/angestoepselt/_data/metadata.json b/sites/angestoepselt/_data/metadata.json index a8b50a8..1d6de6f 100644 --- a/sites/angestoepselt/_data/metadata.json +++ b/sites/angestoepselt/_data/metadata.json @@ -1,25 +1,22 @@ { - "title": "Angestöpselt", - "url": "https://www.angestoepselt.de/", - "language": "de", - "description": "Verein für Digitalkompetenz", - "feed": { - "subtitle": "Verein für Digitalkompetenz", - "filename": "feed.xml", - "path": "/feed/feed.xml", - "id": "https://www.angestoepselt.de/" - }, - "jsonfeed": { - "path": "/feed/feed.json", - "url": "https://www.angestoepselt.de/feed/feed.json" - }, - "author": { - "name": "Angestöpselt e. V.", - "email": "info@angestoepselt.de", - "url": "https://www.angestoepselt.de/", - "address": [ - "Zeller Straße 29/31", - "97082 Würzburg" - ] - } + "title": "Angestöpselt", + "url": "https://www.angestoepselt.de/", + "language": "de", + "description": "Verein für Digitalkompetenz", + "feed": { + "subtitle": "Verein für Digitalkompetenz", + "filename": "feed.xml", + "path": "/feed/feed.xml", + "id": "https://www.angestoepselt.de/" + }, + "jsonfeed": { + "path": "/feed/feed.json", + "url": "https://www.angestoepselt.de/feed/feed.json" + }, + "author": { + "name": "Angestöpselt e. V.", + "email": "info@angestoepselt.de", + "url": "https://www.angestoepselt.de/", + "address": ["Zeller Straße 29/31", "97082 Würzburg"] + } } diff --git a/sites/angestoepselt/_static/site.webmanifest b/sites/angestoepselt/_static/site.webmanifest index cac4d1e..ca89dc4 100644 --- a/sites/angestoepselt/_static/site.webmanifest +++ b/sites/angestoepselt/_static/site.webmanifest @@ -1,19 +1,19 @@ { - "name": "Angestöpselt e.V.", - "short_name": "Angestöpselt", - "icons": [ - { - "src": "/android-chrome-192x192.png", - "sizes": "192x192", - "type": "image/png" - }, - { - "src": "/android-chrome-512x512.png", - "sizes": "512x512", - "type": "image/png" - } - ], - "theme_color": "#50dcc7", - "background_color": "#50dcc7", - "display": "standalone" + "name": "Angestöpselt e.V.", + "short_name": "Angestöpselt", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#50dcc7", + "background_color": "#50dcc7", + "display": "standalone" } diff --git a/sites/coderdojo/_data/metadata.json b/sites/coderdojo/_data/metadata.json index c27dca1..aa33335 100644 --- a/sites/coderdojo/_data/metadata.json +++ b/sites/coderdojo/_data/metadata.json @@ -1,15 +1,12 @@ { - "title": "CoderDojo Würzburg", - "url": "https://coderdojo-wue.de/", - "language": "de", - "description": "Kostenlose Programmier- und Techniktreffen für Kinder und Jugendliche im Raum Würzburg.", - "author": { - "name": "Angestöpselt e. V.", - "email": "kontakt@coderdojo-wue.de", - "url": "https://coderdojo-wue.de/", - "address": [ - "Zeller Straße 29/31", - "97082 Würzburg" - ] - } + "title": "CoderDojo Würzburg", + "url": "https://coderdojo-wue.de/", + "language": "de", + "description": "Kostenlose Programmier- und Techniktreffen für Kinder und Jugendliche im Raum Würzburg.", + "author": { + "name": "Angestöpselt e. V.", + "email": "kontakt@coderdojo-wue.de", + "url": "https://coderdojo-wue.de/", + "address": ["Zeller Straße 29/31", "97082 Würzburg"] + } } diff --git a/styles/components/_actions.scss b/styles/components/_actions.scss index 0cb4da8..e0d47c3 100644 --- a/styles/components/_actions.scss +++ b/styles/components/_actions.scss @@ -37,7 +37,9 @@ color: inherit; text-decoration: none; @include colors.card-shadow; - transition: motion.$subtle background-color, motion.$subtle transform; + transition: + motion.$subtle background-color, + motion.$subtle transform; > h3, > div > h3 { diff --git a/styles/components/_form-choices.scss b/styles/components/_form-choices.scss index 63e94ae..f1c14fd 100644 --- a/styles/components/_form-choices.scss +++ b/styles/components/_form-choices.scss @@ -58,7 +58,9 @@ display: inline-block; line-height: 2.5; text-decoration: none; - transition: motion.$subtle background-color, motion.$subtle box-shadow; + transition: + motion.$subtle background-color, + motion.$subtle box-shadow; @keyframes form-choice-hover { 0% { diff --git a/styles/components/_markup.scss b/styles/components/_markup.scss index b6ec0e4..15825ea 100644 --- a/styles/components/_markup.scss +++ b/styles/components/_markup.scss @@ -143,7 +143,9 @@ blockquote { text-decoration: none; line-height: 3rem; border: 1px solid colors.$main-text; - transition: font motion.$subtle, border-color motion.$subtle, + transition: + font motion.$subtle, + border-color motion.$subtle, color motion.$subtle; &:hover { @@ -197,7 +199,9 @@ ul.link-grid { text-align: center; text-decoration: none; color: colors.$gray-600; - transition: color motion.$subtle, box-shadow motion.$subtle; + transition: + color motion.$subtle, + box-shadow motion.$subtle; > img { display: block; @@ -234,7 +238,9 @@ ul.link-grid { padding-top: layout.$normal-gap; padding-bottom: layout.$normal-gap; text-decoration: none; - transition: background-color motion.$subtle, color motion.$subtle, + transition: + background-color motion.$subtle, + color motion.$subtle, box-shadow motion.$subtle; @media screen and (min-width: layout.$breakpoint) { diff --git a/styles/components/_site.scss b/styles/components/_site.scss index 372a325..f91e0db 100644 --- a/styles/components/_site.scss +++ b/styles/components/_site.scss @@ -41,14 +41,16 @@ .plug { fill: colors.$yellow-500; - transition: fill #{0.3 * motion.$prominent-duration} motion.$prominent-timing; + transition: fill #{0.3 * motion.$prominent-duration} + motion.$prominent-timing; } animation: angestoepselt-logo-hover motion.$prominent forwards; + span { transform-origin: 100% 50%; - transition: transform #{0.7 * motion.$prominent-duration} motion.$prominent-timing #{0.3 * motion.$prominent-duration}; + transition: transform #{0.7 * motion.$prominent-duration} + motion.$prominent-timing #{0.3 * motion.$prominent-duration}; transform: scale(1.1); } diff --git a/styles/components/_timeline.scss b/styles/components/_timeline.scss index 2887018..d15d67e 100644 --- a/styles/components/_timeline.scss +++ b/styles/components/_timeline.scss @@ -25,7 +25,9 @@ line-height: #{$stampSize - 2 * $lineWeight}; text-align: center; background-color: colors.$gray-50; - transition: border-color motion.$subtle, background-color motion.$subtle, + transition: + border-color motion.$subtle, + background-color motion.$subtle, color motion.$subtle; &.small { diff --git a/styles/finish.scss b/styles/finish.scss index 6f900a3..4365b94 100644 --- a/styles/finish.scss +++ b/styles/finish.scss @@ -118,7 +118,8 @@ } > .plug { - animation: motion.$prominent 0s 1 normal both running finish-hero-plug, + animation: + motion.$prominent 0s 1 normal both running finish-hero-plug, motion.$gentle 0.7s 1 normal forwards running finish-hero-plug-transition, motion.$background 1s infinite normal none running finish-hero-plug-idle; diff --git a/styles/lib/_colors.scss b/styles/lib/_colors.scss index 7009f9f..6ce5ef3 100644 --- a/styles/lib/_colors.scss +++ b/styles/lib/_colors.scss @@ -40,7 +40,8 @@ $inverse-text: $gray-50; } @mixin card-shadow($base-color: $gray-900) { - box-shadow: 0.1rem 0.4rem 0.4rem #{color.scale($base-color, $alpha: -90%)}, + box-shadow: + 0.1rem 0.4rem 0.4rem #{color.scale($base-color, $alpha: -90%)}, 0.25rem 1rem 1rem #{color.scale($base-color, $alpha: -90%)}; }