Website revision

[rbxwall]

Header Bündnis Feuer & flamme

• [x] fitting width of the tiles
• [x] Stroke Bündnis: 3 px (content page still 2px?) (or relative stroke thickness for mobile and web view density?)
• [x] M: I would try the Bündnis Feuer und Flamme Header only as outlines, and maybe it can be fixed in its position like in Rebecca’s draft?

Tiles:

• [x] add tile Colors:
  • green yellow: rgb 176, 252, 92
  • Vivid Tangerine: Rgb 255, 140, 141
• M: tiles should be a bit smaller and a bit more dense, so that you get an overview a bit more - with smaller gaps in between the tiles and more columns (e.g. 4-5 on my I-pad)
• [x] How to produce a dynamic tile?
• [ ] change font (to arial?) and make smalles text on tiles still bold (arial black)?
• [ ] Tile font
  • [ ] Bigger: make smaller
  • [ ] Smaller: make bold
• [x] what about putting images as tiles?
• [x] Less gap, more tiles per row

Content Pages

• [ ] Fade out background color?
• [ ] Introducing brakes between emojis and Titel? (
  doesn’t work?)
• [ ] And can we put images on the event sites?

Mixed

• [ ] keep the moving flame somewhere? <3
• [x] Add floating banner?
• [ ] Linking things? (e.g. More info in: kontakt page)

[rbxwall]

Urgent:

• [x] Images as tiles
• [x] images on content pages (galery mode or so..)
• [x] fit header width to tiles
• [x] add tile Colors (green yellow: rgb 176, 252, 92 and Vivid Tangerine: Rgb 255, 140, 141)

nice to have:

• [ ] keep the moving flame somewhere at the bottom?
• [ ] Fade out background color of content pages
• [ ] Introducing brakes between emojis and Titel on content page heading
• [ ] change font (to arial?) and make smalles text on tiles still bold (arial black)?
• [ ] Changes Tile font (Bigger font: make smaller & Smaller font: make bold)

[brennovich]

@rbxwall to use images as tiles just put an imp as an excerpt:

One thing that needs to be done is image processing, because now the photos are way too big for the web, and we need to process smaller ones, resizing and cropping. I will do that next, together with gallery support!

[brennovich]

For the image gallery we need to wrap the list of images for it to work. An example is the raku workshop post: https://github.com/brennovich/feuerundflamme.xyz/blob/main/_posts/2022-09-25-raku.markdown?plain=1#L16-L20

It will look like this:

When you click in the image:

When you click anywhere it gets back