Run Prettier

2026-03-21 22:32:17 +00:00 · 2025-06-15 17:26:01 +02:00 · 2025-06-15 17:26:01 +02:00 · 805d57ffde
commit 805d57ffde
parent 888f38ef03
13 changed files with 88 additions and 78 deletions
--- 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.
--- 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`<sup>1</sup>
-    - 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

 <small>1: Wähle für die Umgebungsvariable den Namen des Ordners unterhalb von **sites/** für die Seite, die du bearbeiten möchtest.</small>
--- 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

--- 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"]
+	}
 }
--- 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"
 }
--- 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"]
+	}
 }
--- 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 {
--- 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% {
--- 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) {
--- 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);
 		}

--- 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 {
--- 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;

--- 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%)};
 }