angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2026-03-21 22:32:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Run Prettier

Browse source
This commit is contained in:
Yannik Rödel 2025-06-15 17:26:01 +02:00
parent 00588a516a
commit 33296b774b
13 changed files with 88 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CONTRIBUTING.md
View file

@ -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. 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. 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 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. 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.

4
README.md
View file

@ -21,8 +21,8 @@ Falls du es eilig hast, hier sind die Grundlagen:
2. Das Projekt auschecken, dann `npm install` 2. Das Projekt auschecken, dann `npm install`
3. `npm run build:styles` 3. `npm run build:styles`
4. `SITE=angestoepselt npm run dev:site`<sup>1</sup> 4. `SITE=angestoepselt npm run dev:site`<sup>1</sup>
- Du solltest einen lokalen Testserver bekommen, der auf Änderungen reagiert. Formulare funktionieren hier nicht. - 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. - Im Ordner **dist/** liegen die fertigen Dateien für den Webserver.
5. Änderungen in einem PR auf den `main`-Zweig einreichen 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> <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>

24
docker-compose.yml
View file

@ -10,12 +10,12 @@ services:
security_opt: security_opt:
- no-new-privileges:true - no-new-privileges:true
labels: labels:
- "traefik.enable=true" - 'traefik.enable=true'
- "traefik.docker.network=proxy" - '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.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.entrypoints=websecure'
- "traefik.http.routers.homepage-angestoepselt-${BRANCH:-main}-secure.tls.certresolver=letsencrypt" - '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.http.routers.homepage-angestoepselt-${BRANCH:-main}.middlewares=redirect-www-to-non-www@file'
networks: networks:
- proxy - proxy
@ -27,12 +27,12 @@ services:
security_opt: security_opt:
- no-new-privileges:true - no-new-privileges:true
labels: labels:
- "traefik.enable=true" - 'traefik.enable=true'
- "traefik.docker.network=proxy" - '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.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.entrypoints=websecure'
- "traefik.http.routers.homepage-coderdojo-${BRANCH:-main}-secure.tls.certresolver=letsencrypt" - '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.http.routers.homepage-coderdojo-${BRANCH:-main}.middlewares=redirect-www-to-non-www@file'
networks: networks:
- proxy - proxy

43
sites/angestoepselt/_data/metadata.json
View file

@ -1,25 +1,22 @@
{ {
"title": "Angestöpselt", "title": "Angestöpselt",
"url": "https://www.angestoepselt.de/", "url": "https://www.angestoepselt.de/",
"language": "de", "language": "de",
"description": "Verein für Digitalkompetenz", "description": "Verein für Digitalkompetenz",
"feed": { "feed": {
"subtitle": "Verein für Digitalkompetenz", "subtitle": "Verein für Digitalkompetenz",
"filename": "feed.xml", "filename": "feed.xml",
"path": "/feed/feed.xml", "path": "/feed/feed.xml",
"id": "https://www.angestoepselt.de/" "id": "https://www.angestoepselt.de/"
}, },
"jsonfeed": { "jsonfeed": {
"path": "/feed/feed.json", "path": "/feed/feed.json",
"url": "https://www.angestoepselt.de/feed/feed.json" "url": "https://www.angestoepselt.de/feed/feed.json"
}, },
"author": { "author": {
"name": "Angestöpselt e. V.", "name": "Angestöpselt e. V.",
"email": "info@angestoepselt.de", "email": "info@angestoepselt.de",
"url": "https://www.angestoepselt.de/", "url": "https://www.angestoepselt.de/",
"address": [ "address": ["Zeller Straße 29/31", "97082 Würzburg"]
"Zeller Straße 29/31", }
"97082 Würzburg"
]
}
} }

34
sites/angestoepselt/_static/site.webmanifest
View file

@ -1,19 +1,19 @@
{ {
"name": "Angestöpselt e.V.", "name": "Angestöpselt e.V.",
"short_name": "Angestöpselt", "short_name": "Angestöpselt",
"icons": [ "icons": [
{ {
"src": "/android-chrome-192x192.png", "src": "/android-chrome-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png" "type": "image/png"
}, },
{ {
"src": "/android-chrome-512x512.png", "src": "/android-chrome-512x512.png",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png" "type": "image/png"
} }
], ],
"theme_color": "#50dcc7", "theme_color": "#50dcc7",
"background_color": "#50dcc7", "background_color": "#50dcc7",
"display": "standalone" "display": "standalone"
} }

23
sites/coderdojo/_data/metadata.json
View file

@ -1,15 +1,12 @@
{ {
"title": "CoderDojo Würzburg", "title": "CoderDojo Würzburg",
"url": "https://coderdojo-wue.de/", "url": "https://coderdojo-wue.de/",
"language": "de", "language": "de",
"description": "Kostenlose Programmier- und Techniktreffen für Kinder und Jugendliche im Raum Würzburg.", "description": "Kostenlose Programmier- und Techniktreffen für Kinder und Jugendliche im Raum Würzburg.",
"author": { "author": {
"name": "Angestöpselt e. V.", "name": "Angestöpselt e. V.",
"email": "kontakt@coderdojo-wue.de", "email": "kontakt@coderdojo-wue.de",
"url": "https://coderdojo-wue.de/", "url": "https://coderdojo-wue.de/",
"address": [ "address": ["Zeller Straße 29/31", "97082 Würzburg"]
"Zeller Straße 29/31", }
"97082 Würzburg"
]
}
} }

4
styles/components/_actions.scss
View file

@ -37,7 +37,9 @@
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
@include colors.card-shadow; @include colors.card-shadow;
transition: motion.$subtle background-color, motion.$subtle transform; transition:
motion.$subtle background-color,
motion.$subtle transform;
> h3, > h3,
> div > h3 { > div > h3 {

4
styles/components/_form-choices.scss
View file

@ -58,7 +58,9 @@
display: inline-block; display: inline-block;
line-height: 2.5; line-height: 2.5;
text-decoration: none; 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 { @keyframes form-choice-hover {
0% { 0% {

12
styles/components/_markup.scss
View file

@ -143,7 +143,9 @@ blockquote {
text-decoration: none; text-decoration: none;
line-height: 3rem; line-height: 3rem;
border: 1px solid colors.$main-text; 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; color motion.$subtle;
&:hover { &:hover {
@ -197,7 +199,9 @@ ul.link-grid {
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
color: colors.$gray-600; color: colors.$gray-600;
transition: color motion.$subtle, box-shadow motion.$subtle; transition:
color motion.$subtle,
box-shadow motion.$subtle;
> img { > img {
display: block; display: block;
@ -234,7 +238,9 @@ ul.link-grid {
padding-top: layout.$normal-gap; padding-top: layout.$normal-gap;
padding-bottom: layout.$normal-gap; padding-bottom: layout.$normal-gap;
text-decoration: none; text-decoration: none;
transition: background-color motion.$subtle, color motion.$subtle, transition:
background-color motion.$subtle,
color motion.$subtle,
box-shadow motion.$subtle; box-shadow motion.$subtle;
@media screen and (min-width: layout.$breakpoint) { @media screen and (min-width: layout.$breakpoint) {

6
styles/components/_site.scss
View file

@ -41,14 +41,16 @@
.plug { .plug {
fill: colors.$yellow-500; 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; animation: angestoepselt-logo-hover motion.$prominent forwards;
+ span { + span {
transform-origin: 100% 50%; 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); transform: scale(1.1);
} }

4
styles/components/_timeline.scss
View file

@ -25,7 +25,9 @@
line-height: #{$stampSize - 2 * $lineWeight}; line-height: #{$stampSize - 2 * $lineWeight};
text-align: center; text-align: center;
background-color: colors.$gray-50; 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; color motion.$subtle;
&.small { &.small {

3
styles/finish.scss
View file

@ -118,7 +118,8 @@
} }
> .plug { > .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.$gentle 0.7s 1 normal forwards running finish-hero-plug-transition,
motion.$background 1s infinite normal none running finish-hero-plug-idle; motion.$background 1s infinite normal none running finish-hero-plug-idle;

3
styles/lib/_colors.scss
View file

@ -40,7 +40,8 @@ $inverse-text: $gray-50;
} }
@mixin card-shadow($base-color: $gray-900) { @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%)}; 0.25rem 1rem 1rem #{color.scale($base-color, $alpha: -90%)};
} }