Angestöpselt Homepage

This repository contains the next version of Angestöpselt's homepage, intended to be hosted at <angestoepselt.de>. It is built with the Eleventy static site generator, using SCSS for stylesheets.

Local development environment

To build the site locally, make sure you have Node installed (currently tested with version 14). Then run:

npm install
npm run build:styles
npm run dev:site

Go to https://localhost:8080/, which will update live when content changes (the initial build may take some time to render out the different image sizes). If you make style changes, make sure to recompile the CSS files with the second of the above commands. Alternatively, run npm run dev:styles in an additional terminal to watch for changes.

Nix environment

This repository also contains a Nix flake which contains the full development environment. nix develop will open a shell with all required tools – you don't need to run npm install anymore. Run nix build ".#angestoepseltSiteEnv" -o .dev to get a running Node environment in the .dev folder (for example to configure an IDE).

When Node dependencies are updated (this will change package.json), make sure to run ./_nix/update.sh to update the npm lockfile and the Nix environment.

The flake also contains a second package for building the production output:

nix build # Will create an output derivation in 'result'

The final derivation contains a www folder that can be served.

Best practice gender equality

• Wenn möglich neutrale Formulierungen verwenden, z.B. Menschen, Personen, Hilfesuchende, Nerds
• Alternativ maskuline und feminine Form ausschreiben, z.B. Teilnehmerinnen und Teilnehmer
• Dritte Möglichkeit: Binnenzeichen ":" um alle geschlechtsidentitäten zu inkludieren, z.B. Antragsteller:innen, Spender:innen