@kilokilo/ewz-interactive-circle

1.2.3 • Public • Published

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',
            },
        ],
    },
    ...
]

Readme

Keywords

none

Package Sidebar

Install

npm i @kilokilo/ewz-interactive-circle

Weekly Downloads

1

Version

1.2.3

License

MIT

Unpacked Size

1.59 MB

Total Files

6

Last publish

Collaborators

  • lukas-zgraggen
  • npmario