timeline.hjson
{
"variations": {
"default": {
"docs": {
"variationName": "Timeline test"
},
"settings": {
"timelineContextClass": "default",
"timelineClasses": "is-unresolved",
"timelineHidePagination": true,
"timelineShowCounter": true,
"timelineJsOptions": {
"counterRelationLabel": "von"
}
},
"content": {
"headline": "Timeline",
"introText": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.",
"timelinePicture": {
"settings": {
"pictureContextClass": "timeline-lpage",
"pictureClasses": false,
"lazyload": false,
"autoSizes": true
},
"content": {
"fallbackSrc": "https://placehold.co/400x267",
"alt": "Alternative text that describes the image",
"items": [
{
"srcset": [
{
"src": "https://placehold.co/400x200",
"imageWidth": "400w"
},
{
"src": "https://placehold.co/800x400",
"imageWidth": "800w"
},
{
"src": "https://placehold.co/1200x600",
"imageWidth": "1200w"
},
{
"src": "https://placehold.co/1600x800",
"imageWidth": "1600w"
},
{
"src": "https://placehold.co/2000x1000",
"imageWidth": "2000w"
}
],
"sizes": [
{
"screenWidth": "(min-width: 1440px)",
"imageWidth": "1440px"
},
{
"screenWidth": "",
"imageWidth": "100vw"
}
],
"media": "(min-width: 1024px)"
},
{
"srcset": [
{
"src": "https://placehold.co/400x267",
"imageWidth": "400w"
},
{
"src": "https://placehold.co/800x534",
"imageWidth": "800w"
},
{
"src": "https://placehold.co/1200x801",
"imageWidth": "1200w"
},
{
"src": "https://placehold.co/1600x1068",
"imageWidth": "1600w"
},
{
"src": "https://placehold.co/2000x1335",
"imageWidth": "2000w"
},
{
"src": "https://placehold.co/2400x1602",
"imageWidth": "2400w"
},
{
"src": "https://placehold.co/2800x1868",
"imageWidth": "2800w"
},
{
"src": "https://placehold.co/3200x2135",
"imageWidth": "3200w"
}
],
"sizes": [
{
"screenWidth": "",
"imageWidth": "calc(100vw - ((100vw / 14) * 2))"
}
],
"media": "(max-width: 1023px)"
}
]
}
},
"timelineButtons": {
"next": "Nächstes",
"prev": "Vorheriges"
},
"timelineImageDescription": [
{
"settings": {
"id": "image-description-1",
"datelineposition": "100"
},
"content": {
"date": "2008",
"headline": "DIe Entdeckung des Hibernating Stellar Magnet zweizweilige Headline",
"text": "1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"link": {
"href": "#",
"text": "Mehr erfahren"
},
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-2",
"datelineposition": "290"
},
"content": {
"date": "2009",
"headline": "Einsame Welten in der LMU",
"text": "2. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.",
"link": {
"href": "#",
"text": "Mehr erfahren"
},
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-3",
"datelineposition": "480"
},
"content": {
"date": "2010",
"text": "3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-4",
"datelineposition": "590"
},
"content": {
"date": "2012",
"text": "4. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.",
"link": {
"href": "#",
"text": "Mehr erfahren"
},
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-5",
"datelineposition": "760"
},
"content": {
"date": "2014",
"text": "5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"source": "©2018 imageworks"
}
}
]
}
},
"rte": {
"docs": {
"variationName": "Timeline"
},
"settings": {
"timelineContextClass": "rte",
"timelineClasses": "is-unresolved is-rte-embed",
"timelineHidePagination": true,
"timelineShowCounter": true,
"timelineJsOptions": {
"counterRelationLabel": "von"
}
},
"content": {
"headline": "Timeline test",
"introText": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.",
"timelinePicture": {
"settings": {
"pictureContextClass": "timeline",
"pictureClasses": false,
"lazyload": false,
"autoSizes": true
},
"content": {
"fallbackSrc": "https://placehold.co/400x267",
"alt": "Alternative text that describes the image",
"items": [
{
"srcset": [
{
"src": "https://placehold.co/400x267",
"imageWidth": "400w"
},
{
"src": "https://placehold.co/800x534",
"imageWidth": "800w"
},
{
"src": "https://placehold.co/1200x801",
"imageWidth": "1200w"
},
{
"src": "https://placehold.co/1600x1068",
"imageWidth": "1600w"
},
{
"src": "https://placehold.co/2000x1335",
"imageWidth": "2000w"
},
{
"src": "https://placehold.co/2400x1602",
"imageWidth": "2400w"
},
{
"src": "https://placehold.co/2800x1868",
"imageWidth": "2800w"
},
{
"src": "https://placehold.co/3200x2135",
"imageWidth": "3200w"
}
],
"sizes": [
{
"screenWidth": "(min-width: 1440px)",
"imageWidth": "1440px"
},
{
"screenWidth": "",
"imageWidth": "100vw"
}
],
"media": "min-width: 1024px"
},
{
"srcset": [
{
"src": "https://placehold.co/400x267",
"imageWidth": "400w"
},
{
"src": "https://placehold.co/800x534",
"imageWidth": "800w"
},
{
"src": "https://placehold.co/1200x801",
"imageWidth": "1200w"
},
{
"src": "https://placehold.co/1600x1068",
"imageWidth": "1600w"
},
{
"src": "https://placehold.co/2000x1335",
"imageWidth": "2000w"
},
{
"src": "https://placehold.co/2400x1602",
"imageWidth": "2400w"
},
{
"src": "https://placehold.co/2800x1868",
"imageWidth": "2800w"
},
{
"src": "https://placehold.co/3200x2135",
"imageWidth": "3200w"
}
],
"sizes": [
{
"screenWidth": "",
"imageWidth": "calc(100vw - ((100vw / 14) * 2))"
}
],
"media": "max-width: 1023px"
}
]
}
},
"timelineButtons": {
"next": "Nächstes",
"prev": "Vorheriges"
}
"timelineImageDescription": [
{
"settings": {
"id": "image-description-1",
"datelineposition": "100"
},
"content": {
"date": "2008",
"headline": "DIe Entdeckung des Hibernating Stellar Magnet zweizweilige Headline",
"text": "1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"link": {
"href": "#",
"text": "Mehr erfahren"
},
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-2",
"datelineposition": "200"
},
"content": {
"date": "2009",
"headline": "Einsame Welten in der LMU",
"text": "2. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.",
"link": {
"href": "#",
"text": "Mehr erfahren"
},
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-3",
"datelineposition": "300"
},
"content": {
"date": "2010",
"text": "3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-4",
"datelineposition": "350"
},
"content": {
"date": "2012",
"text": "4. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.",
"link": {
"href": "#",
"text": "Mehr erfahren"
},
"source": "©2018 imageworks"
}
},
{
"settings": {
"id": "image-description-5",
"datelineposition": "400"
},
"content": {
"date": "2014",
"text": "5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"source": "©2018 imageworks"
}
}
]
}
}
}
}