📋 Metainfo Modules - Vollständige Übersicht

Status: Alle Module aus metainfo2.pug vollständig migriert!

📊 Migration Status: metainfo2.pug ✅ VOLLSTÄNDIG!

6

Module erstellt

5

Content-Items

100%

metainfo2.pug

✅ Vollständig migriert:

5 Content-Items: post-maxi, post-mini, list, file, link
1 Komplettes Modul: metainfo-2up (mit Left/Right Columns)
Container: Werden direkt im Template geschrieben

🎉 Bisheriger Fortschritt:

✅ content.pug - 27 Module (100%)
✅ listing-flow.pug - 12 Module (100%)
✅ listing-table.pug - 5 Module (100%)
✅ headers.pug - 3 Module (100%)
✅ banners.pug - 4 Module (100%)
✅ teaser-flow.pug - 18 Module (100%)
✅ metainfo2.pug - 6 Module (100%)
Gesamt: 75 Module komplett migriert!

📦 Content-Items (5 Module)

Einzelne Metainfo-Komponenten für Custom-Sidebars

1. module__metainfo-post-maxi.html (Großer Post mit Link)

Ansprechpartner

lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.

zum Kontaktformular

Verwendung:












  Ansprechpartner
  lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
  
	
	  
		
			
		
		
		  zum Kontaktformular

2. module__metainfo-post-mini.html (Kleiner Post ohne Link)

Koordination

lorem lorem lorem lorem lorem lorem lorem lorem.

Verwendung:









  Koordination
  lorem lorem lorem lorem lorem lorem lorem lorem.

3. module__metainfo-list.html (Container für Files/Links)

Downloads

→ Hier Files/Links einfügen (siehe Beispiele unten)

Verwendung (Container - direkt im Template):

<div class="metainfo-list metainfo-block-mini stack-xs">
  <h5 class="mono-i1">Downloads</h5>
  
</div>

4. module__metainfo-file.html (Download-Link)

Projektbeschreibung 2024

Dokument herunterladen (PDF, 2.5 MB)

Verwendung:












  Projektbeschreibung 2024
  
	
	  
			
		
	  
		Dokument herunterladen (PDF, 2.5 MB)

5. module__metainfo-link.html (Externer Link)

Zur Projektwebsite

Verwendung:









  
	
	  
			
		
	  
		Zur Projektwebsite

✅ Komplettes Modul: metainfo-2up

Vollständiges 2-Spalten Metainfo-Modul mit Left/Right Columns

Koordination

lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.

Zur Projektwebsite

Koordination

lorem lorem lorem lorem lorem lorem lorem lorem.

Koordination

lorem lorem lorem lorem lorem lorem lorem lorem.

Downloads

Projektbeschreibung 2024

Zur Projektwebsite

Projektbeschreibung 2024

Zur Projektwebsite

Links

Zur Projektwebsite

Verwendung:









  
	
	
	
	  
		
		
		








  Koordination
  lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.
  
	
	  
		
			
		
		
		  Zur Projektwebsite
		
	  
	
  

		
		
		
		  
		  






  Koordination
  lorem lorem lorem lorem lorem lorem lorem lorem.

		
		  
		  






  Koordination
  lorem lorem lorem lorem lorem lorem lorem lorem.

		
		
	  
	
	
	
	
	
	
	
	  
	  
	  
		Downloads
		
		  








  Projektbeschreibung 2024
  
	
	  
			
		
	  
		Zur Projektwebsite
	  
	
  

		
		  








  Projektbeschreibung 2024
  
	
	  
			
		
	  
		Zur Projektwebsite
	  
	
  

		
	  
	  
	  
	  
		Links
		
		  






  
	
	  
			
		
	  
		Zur Projektwebsite
	  
	
  

		
		  






  
	
	  
			
		
	  
		Zur Projektwebsite

🎨 Custom Metainfo Beispiel (Container direkt im Template)

So würde ein individuelles Metainfo-Modul aussehen:

Projektleitung

lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem lorem lorem lorem.

zum Team

Wissenschaftliche Mitarbeiter

lorem lorem lorem lorem lorem lorem lorem lorem.

Wissenschaftliche Mitarbeiter

lorem lorem lorem lorem lorem lorem lorem lorem.

Publikationen

Forschungsbericht 2024

Download PDF

Forschungsbericht 2023

Download PDF

Forschungsbericht 2022

Download PDF

Weiterführende Links

Externe Ressource 1

Externe Ressource 2

🔧 Technische Details

Container-Struktur:

section.metainfo - Haupt-Container (.bleed .frame .py-ml .bg-{color})
.flow-l - 2-Spalten Layout Container
.metainfo-left - Linke Spalte (breiter)
.metainfo-gap - Abstand zwischen Spalten (nur Desktop)
.metainfo-right - Rechte Spalte (schmaler, Sidebar)

Content-Items:

.metainfo-block-maxi - Große Blöcke (post-maxi)
.metainfo-block-mini - Kleine Blöcke (post-mini, list)
.metainfo-file - Download-Links mit Pfeil nach unten
.metainfo-link - Externe Links mit Pfeil nach oben-rechts

Gulpfile Macros (benötigt):

icon(name, size) - Icon-Helper für Link-Icons
_chance, _casual - Fake-Data für Demo-Inhalte

Responsive Verhalten:

Mobile: Beide Spalten stapeln sich (100% Breite)
Desktop: 2-Spalten Layout mit .metainfo-gap Abstand
.d-none.d-block__m - Gap nur auf Desktop sichtbar

🎯 Metainfo-Module im Überblick

Modul	Typ	Icon	Link	Verwendung
metainfo-post-maxi	Content	→	✓	Hauptinhalt mit Link
metainfo-post-mini	Content	-	-	Kurzer Text
metainfo-list	Container	-	-	Für Files/Links
metainfo-file	Item	↓	✓	Download-Link
metainfo-link	Item	↗	✓	Externer Link
metainfo-2up	Komplett	-	-	2-Spalten Sidebar