index.adoc| Commit | Message |
|---|---|
ac75fabf3 | 2021-08-10 Jekyll site migration |
{% include %} — the page is purely a composition of reusable components. This is the "Lego brick" approach to page building: the index defines the order and parameters; each include renders its section independently.{% include boxes.html columns="3" title="Why ProjectForge?" ... %} <!-- Section 1 -->
{% include image-block.html %} <!-- Section 2 -->
{% include videos.html columns="2" title="Video Tutorials" ... %} <!-- Section 3 -->
{% include faqs.html category="faq-main" title="FAQs" ... %} <!-- Section 4 -->
{% include team.html authors="kai,fin,wolfgang,christian,daniel,roger" %} <!-- 5 -->width: expand?The homepage uses width: expand (line 3) — the special mode from page.html (#3925) that outputs raw {{ content }} without any section/container/article wrapper. This is necessary because each include (boxes.html, videos.html) provides its OWN section wrapper with its own background color and padding. If the page layout added another section wrapper, there would be double-padding and nested backgrounds — visually broken.
The hero section is also configured in front matter (lines 4-8): title "ProjectForge", subtitle about team work and budgets, background image Illustration_DevOps_omg.svg, and search: false (no search bar in the hero).
boxes.htmlimage-block.htmlvideos.htmlfaqs.htmlfaq-mainteam.htmlEach include receives parameters:
columnscontrols grid layout,title/subtitlesets section headers,categoryfilters content. The includes handle their own rendering — the index only composes.