📋 Listing Flow Modules - Vollständige Übersicht
Status: Alle 12 Module aus listing-flow.pug vollständig migriert!
✅ Spezifische Flow Module (komplett mit Container)
Diese Module sind komplett und können direkt included werden.
1. module__listing-flow-research.html
-
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Leibniz-Institut für Innovative Forschung, Berlin
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.
Leibniz-Institut für Innovative Forschung, Berlin
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.
Leibniz-Institut für Innovative Forschung, Berlin
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.
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
2. module__listing-flow-events.html
Alle Veranstaltungen
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
3. module__listing-flow-posts.html (mit custom heading)
Neuigkeiten aus der Forschung
-
Innovatives Forschungsprojekt
20.01.26 ·Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
Innovatives Forschungsprojekt
20.01.26 ·Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
Innovatives Forschungsprojekt
20.01.26 ·Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
Innovatives Forschungsprojekt
20.01.26 ·Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
4. module__listing-flow-exhibitions.html
Aktuelle Ausstellungen
-
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Leibniz-Institut für Innovative Forschung, Berlin
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.
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
✅ Item-Basis Module (einzelne List-Items)
Diese Module sind einzelne <li> Items für custom Listings.
5. module__listing-item-txt.html
-
Beispiel Text-Item Überschrift
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
-
Zweites Text-Item
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
6. module__listing-item-img-wide.html
-
Beispiel Wide-Image Item
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
-
Zweites Wide-Image Item
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
7. module__listing-item-img-tall.html
-
Beispiel Tall-Image Item
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
-
Zweites Tall-Image Item
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
8. module__listing-item-event.html
-
20.01.. –
20.01..Innovatives Forschungsprojekt · Berlin
Wissenschaftliches Symposium
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01..
Innovatives Forschungsprojekt · Berlin
Konferenz für Forschung
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
9. module__listing-item-post.html
-
Innovatives Forschungsprojekt
20.01.26 ·Beispiel News-Text für einen Post mit Bild
-
Innovatives Forschungsprojekt
20.01.26 ·Zweiter Post ohne Bild
10. module__listing-item-article.html
✅ Helper Module & Functions
11. module__listing-filter.html
12. listing_link() - Gulpfile Global Function
Standard Link mit Icon:
Link ohne Icon:
Link mit Custom Text und anderem Icon:
Link mit ARIA Labels:
🎨 Custom Listing Beispiel (Container direkt im Template)
So würde ein individuelles Listing aussehen mit Container direkt geschrieben:
Meine Custom Listing-Überschrift
-
Custom Item 1
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
-
Custom Item 2
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
-
Custom Item 3
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
📰 Listing-Flow-Articles Container Beispiel
Spezial-Container für Artikel (flow-xl statt flow-ml):
Alle Magazin-Artikel
-
Innovativ Forschen Vernetzen
Innovatives Forschungsprojekt
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
Innovativ Forschen Vernetzen
Innovatives Forschungsprojekt
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
Innovativ Forschen Vernetzen
Innovatives Forschungsprojekt
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
Innovativ Forschen Vernetzen
Innovatives Forschungsprojekt
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
🎨 Kombiniertes Beispiel - Mehrere Listings
So würden mehrere Listings auf einer Seite aussehen:
-
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Leibniz-Institut für Innovative Forschung, Berlin
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.
Leibniz-Institut für Innovative Forschung, Berlin
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.
Leibniz-Institut für Innovative Forschung, Berlin
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.
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
Alle Veranstaltungen
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
20.01. —
20.01.Innovatives Forschungsprojekt · Berlin
Dies ist ein Beispielsatz für die Darstellung von Inhalten.
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
Gemischte Items
-
Custom Item 3
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
-
20.01..
Innovatives Forschungsprojekt · Berlin
Custom Item 3
Eine ausführliche Beschreibung des Projekts oder Inhalts mit weiteren Details.
-
Custom Item 3
Leibniz-Institut für Innovative Forschung, Berlin
Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren Inhalten in Templates.
📊 Migration Status: listing-flow.pug ✅ VOLLSTÄNDIG!
12
Module erstellt
15
Beispiele getestet
100%
listing-flow.pug
✅ Vollständig migriert:
- 1 Gulpfile Global: listing_link()
- 6 Item-Basis Module: txt, img-wide, img-tall, event, post, article
- 4 Spezifische Flows: research, events, posts, exhibitions
- 1 Helper: listing-filter
- 2 Container: listing-flow, listing-flow-articles (direkt im Template)
📋 Nächste Schritte:
- teaser-flow.pug → Teaser-Module (20-30 Stück)
- listing-table.pug → Table-Listings (5-8 Stück)
- banners.pug, headers.pug → Weitere Module