🎯 Data Access Test - Alle verfügbaren Daten

Diese Seite testet alle verfügbaren Datenstrukturen für die PUG → Nunjucks Migration

🧭 Navigation & Struktur

Site Tree (Hauptnavigation)

Verfügbar: 5 Hauptbereiche

Site Tree Order

Reihenfolge: ÜBER UNS → INSTITUTE → FORSCHUNG → INFRASTRUKTUREN → TRANSFER → AKTUELLES

Sub Pages

Verfügbar: path, pages

Pfad-Länge: 2

Seiten-Anzahl: 15

🖼️ Bilder & Medien

Image URLs (8 Kategorien)

banner

16 Bilder

https://www.datocms-assets.com/7286/1537535566-bit...

article

25 Bilder

https://www.datocms-assets.com/7286/1537533540-p13...

event

10 Bilder

https://www.datocms-assets.com/7286/1537533815-lei...

museum

4 Bilder

https://www.datocms-assets.com/7286/1537533883-sti...

research

5 Bilder

https://www.datocms-assets.com/7286/1537535591-bit...

magazin

9 Bilder

https://www.datocms-assets.com/7286/1536833215-f4d...

people

4 Bilder

https://www.datocms-assets.com/7286/1537536022-jue...

publications

5 Bilder

https://www.datocms-assets.com/7286/1536833406-dfb...

Random Image Tests

Random Article: https://www.datocms-assets.com/7286/1537533500-lindau-0081.j...

First Research: https://www.datocms-assets.com/7286/1537535591-bitmap4.jpg

Monad Paths (SVG)

Square Monad Test

Banner Monad Test

📝 Content Generation

Casual (Fake Content)

Titel: Innovatives Forschungsprojekt

Sentence: Dies ist ein Beispielsatz für die Darstellung von Inhalten.

Text: Dies ist ein längerer Beispieltext für die Darstellung von umfangreicheren...

Catch Phrase: Innovativ Forschen Vernetzen

Company: Leibniz-Institut für Innovative Forschung

Stadt: Berlin

Name: Dr. Max Mustermann

Datum: 20.01.2026

5 Wörter: Wort1 Wort2 Wort3 Wort4 Wort5

Chance (Random Functions)

Geohash: test-faykotbf

Hash: si47u5

Bool: false

Natural: 26

Sentence: lorem lorem lorem lorem lorem lorem lorem lorem.

Paragraph: lorem lorem lorem lorem lorem lorem lorem lorem. lorem lorem lorem lorem lorem...

Times(3): 0, 1, 2

Pickone Test: A

🎨 Design & Layout Helpers

Placeholder Tests

ph() - Aspect Ratio

Aspect Test

ph2() - Padding Bottom

Video Placeholder

Icon System Tests

Klein: Medium: Groß Block:

📊 Data.json Inhalte

site
[object Object]
config
[object Object]

🛠️ Utility Functions & Filter

Filter Tests

Keys Test: a, b, c

Join Test: Eins → Zwei → Drei

Round Test: 3.14

Range Test (für Loops)

Range(5): 0, 1, 2, 3, 4

🚀 JavaScript Injection Test

Klicke den Button um alle verfügbaren JavaScript-Daten zu sehen...

🔄 PUG → Nunjucks Pattern

PUG Original

extends /templates/extends/page

append defs
  - title = 'Test Seite'
  - theme = 'sage'

block main
  h1= _casual.title
  +ph2(16/9, 'blue', 'Video')
  
  each item in siteTree
	h2= item.content

append body
  -
	const subPages = $data['sub-pages'];
  script.
	window.subPages = !{JSON.stringify(subPages)};
		  

Nunjucks HTML




  
  
  



  <h1>Innovatives Forschungsprojekt</h1>
  
Video
<h2>ÜBER UNS</h2> <h2>LEIBNIZ-INSTITUTE</h2> <h2>NEUES</h2> <h2>FORSCHUNG</h2> <h2>KARRIERE</h2> <script> window.subPages = { "path": [ { "content": "FORSCHUNG", "id": "ltWtpS8GsmKqL322vcI1W", "url": false }, { "content": "Leibniz Wissenschafts-Campi", "id": "0HM3xeWx7zTZIAqMdq-vT", "url": "/forschung/leibniz_wissenschafts_campi" } ], "pages": [ { "content": "Berlin Centre For Consumer Politics", "url": "/forschung/leibniz_wissenschafts_campi/berlin_centre_for_consumer_politics", "id": "I8T5qOZOJydWLSK1S4lp0" }, { "content": "Byzanz Zwischen Orient Und Okzident", "url": "/forschung/leibniz_wissenschafts_campi/byzanz_zwischen_orient_und_okzident", "id": "ITBFNvNXlsiVhuHzcChA4" }, { "content": "Empirical Linguistics And Computational Language Modeling", "url": "/forschung/leibniz_wissenschafts_campi/empirical_linguistics_and_computational_language_modeling", "id": "-AqPQ5ai_p0T8Gf-IYPYA" }, { "content": "EvoLung", "url": "/forschung/leibniz_wissenschafts_campi/evo_lung", "id": "0j_r8TFP1d_zpPRukG02c" }, { "content": "Growth and fundamentals of oxides for electronic applications", "url": "/forschung/leibniz_wissenschafts_campi/growth_and_fundamentals_of_oxides_for_electronic_applications", "id": "RwB1QUkBNq9-HR2Q8MQXq" }, { "content": "Herausforderungen im Gesundheitswesen", "url": "/forschung/leibniz_wissenschafts_campi/herausforderungen_im_gesundheitswesen", "id": "9-JA4PWvZvsr01EWKQ1F-" }, { "content": "InfectoOptics", "url": "/forschung/leibniz_wissenschafts_campi/infecto_optics", "id": "Hr0Dm8qqwTJMpLdx9zGMY" }, { "content": "Kiel Science Outreach Campus Kiel Centre for Globalization", "url": "/forschung/leibniz_wissenschafts_campi/kiel_science_outreach_campus_kiel_centre_for_globalization", "id": "181CThQZH3fuQgTO-5V5t" }, { "content": "Mannheim Centre for Competition and Innovation", "url": "/forschung/leibniz_wissenschafts_campi/mannheim_centre_for_competition_and_innovation", "id": "06bwv1xJVdV4Z2IDobkN8" }, { "content": "Mannheim Tax", "url": "/forschung/leibniz_wissenschafts_campi/mannheim_tax", "id": "nOTQWoRNIzctqgM-owm6I" }, { "content": "Pflanzenbasierte Bioökonomie", "url": "/forschung/leibniz_wissenschafts_campi/pflanzenbasierte_bioökonomie", "id": "LAeioslFTcjqEtC_jev8x" }, { "content": "Phosphorforschung Rostock", "url": "/forschung/leibniz_wissenschafts_campi/phosphorforschung_rostock", "id": "-LD4fOr_F9IPUfVoTp5To" }, { "content": "Primatenkognition", "url": "/forschung/leibniz_wissenschafts_campi/primatenkognition", "id": "1_yrHk1gP8aGQDKwSIkz6" }, { "content": "Regeneratives Altern", "url": "/forschung/leibniz_wissenschafts_campi/regeneratives_altern", "id": "B2b6Sre8UZRlPqs6Z2gwz" }, { "content": "Zentrum für chronisch- entzündliche Krankheiten", "url": "/forschung/leibniz_wissenschafts_campi/zentrum_für_chronisch_entzündliche_krankheiten", "id": "Q6rILMy9LEDl2Hn_6_Pgt" } ] }; </script>

✅ Data Access Migration Ready!

Alle PUG-Datenstrukturen sind 1:1 in Nunjucks verfügbar!

Navigation ✅ | Bilder ✅ | Content ✅ | JavaScript ✅ | Helpers ✅