Design: Grid, Composition

Also see: #3, #2

• Every page corresponds to a single document on directus (so we can use the CMS instead of writing astro Code)
• The site has a single grid, either over 1 or more columns
• A column has one margin and 8 virtual tracks
• Blocks inside the markdown can span multiple cells (virtual tracks)
• We keep the DOM as flat as possible. For example, since we have one document per page, we don't need containers.
• Images, colors and patterns can bleed to the edges -> #32 (comment 42147)

Acceptance criteria

There are ...

• Responsive Track Collapsing
• Grid definitions
• Bleeds

---

blocked by #20 : Need to design adequate bleed concept for the basic blocks in iteration 1. @upsiflu

---

Problems (2023-12-09):

• Scale is not recomputed when navigating internally -> #32 (comment 42196)

• Flash of unstyled content at page load -> #32 (comment 42196)

• Breakpoints are now selected and series are computed at build-time -> eed594f6

  • #32 (comment 42196)