@kilokilo/ewz-interactive-circle
v1.2.3
Published
`<div class="comp-interactive-circle" data-color="blue"></div>`
Downloads
2
Readme
Interactive Circle
Container Node
<div class="comp-interactive-circle" data-color="blue"></div>
Data-Attributes
| Parameter | Options | | ---------- | ------------------- | | data-color | blue, green, yellow |
Data JSON
window.__INTERACTIVE_CIRCLE_ITEMS__ = [
{
id: 0,
title: 'Schlüsselfertige Komplettlösungen',
text:
'Mit unserer integrierten Solarlösung liefern wir Ihnen schlüsselfertige Komplettsysteme. So erzeugen wir zuverlässig sauberen Strom, der im Gebäude selbst oder an weiteren Standorten genutzt werden kann.',
path: './animations/schluesselfertige_komplettloesungen.json',
loopFrame: 50,
endFrame: 222,
links: [
{
name: 'Batteriespeicher',
href: 'https://www.ewz.ch/de/privatkunden.html',
},
],
},
{
id: 1,
title: 'Architektonische Sonderlösungen',
text:
'Ob fassaden- oder dachintegriert, fix, sonnenstandnachgeführt oder als Verschattungselement: Der kreativen Verwendung von Photovoltaik sind kaum Grenzen gesetzt.',
path: './animations/architektonische_sonderloesungen.json',
loopFrame: 50,
endFrame: 206,
links: [
{
name: 'Batteriespeicher',
href: 'https://www.ewz.ch/de/privatkunden.html',
},
{
name: 'Mehr erfahren',
href: 'https://www.ewz.ch/de/privatkunden.html',
},
],
},
...
]