📝 Content Modules - Vollständige Übersicht
Status: Alle 27 Module aus content.pug vollständig migriert!
🔶 Container (KEIN Modul - direkt schreiben)
1. heading-stack (Container)
Innovativ Forschen Vernetzen
Innovatives Forschungsprojekt
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
2. heading-stack-left (Container)
3. content-read-more (Container)
✅ Article Headings Module
4. module__article-headings-center.html
Innovativ Forschen Vernetzen
Innovatives Forschungsprojekt
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
5. module__article-headings-left.html
Innovativ Forschen Vernetzen
Innovatives Forschungsprojekt
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
6. module__article-subheadings.html
lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
✅ Article Content Module
7. module__article-plain-txt.html (long)
Lorem Lorem Lorem Lorem Lorem Lorem.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
Dies ist ein Beispielsatz für die Darstellung von Inhalten. Dies ist ein Beispielsatz für die Darstellung von Inhalten.Dr. Max Mustermann
lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
8. module__article-plain-txt.html (short)
Lorem Lorem Lorem Lorem Lorem Lorem.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
✅ Table Module
9. module__demo-table.html
| Innovativ | Innovativ | Innovativ | |
|---|---|---|---|
| Innovativ | Innovativ | Innovativ | Innovativ |
| Innovativ | Innovativ | Innovativ | Innovativ |
| Innovativ | Innovativ | Innovativ | Innovativ |
| Innovativ | Innovativ | Innovativ | Innovativ |
10. module__article-table.html
| Innovativ | Innovativ | Innovativ | |
|---|---|---|---|
| Innovativ | Innovativ | Innovativ | Innovativ |
| Innovativ | Innovativ | Innovativ | Innovativ |
| Innovativ | Innovativ | Innovativ | Innovativ |
| Innovativ | Innovativ | Innovativ | Innovativ |
✅ Article Figure Module (NEU!)
11. module__article-figure-1up-wide.html
12. module__article-figure-1up-tall.html
13. module__article-figure-2up.html (Standard 2-spaltig)
14. module__article-figure-2up-left.html (Alternierend links)
15. module__article-figure-2up-right.html (Alternierend rechts)
16. module__article-figure-slider.html (Flickity Slider)
17. module__article-special.html (Special Content Box)
✅ Media Module
18. module__article-video.html (default)
19. module__article-video.html (custom ID)
✅ Article Footer Module
20. module__article-social.html
21. module__article-source.html
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
🎨 Kombiniertes Beispiel - Kompletter Artikel
So würden die Module in einem echten Artikel zusammen aussehen:
20.01.2026
Innovatives Forschungsprojekt
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Lorem Lorem Lorem Lorem Lorem Lorem.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
Lorem Lorem Lorem Lorem Lorem Lorem.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
📊 Migration Status: content.pug ✅ VOLLSTÄNDIG!
27
Module erstellt
21
Elemente getestet
100%
content.pug
✅ Vollständig migriert:
- 3 Container (direkt im Template)
- 3 Article Headings
- 2 Article Content
- 2 Tables
- 7 Article Figures (NEU!)
- 2 Media
- 2 Article Footer
📋 Nächste Schritte:
- listing-flow.pug → Listings (research, events, articles)
- teaser-flow.pug → Teaser (posts, media, press)
- banners.pug → Banner-Varianten
- headers.pug → Header-Varianten