Embedding
Embedding SkyStatus is possible in multiple conveniant ways that allow you to display the status of your Service on your own Homepage!
Service: WebComponent
Using WebComponents allows us to embed our widget as it's very own HTML element, this allows for extended functionality and way easier and cleaner integration. Say goodbye to iframes and srollbars and enjoy your Services status as it's own HTML element, anywhere on your page!
Simply import the embed.js script in your HTML:
<script src="https://skystatus.eu/js/embed.js?id=2f94a73159edc9ace53b"></script>
You can then use the <skystatus-embed service-id="ID"></skystatus-embed> Tag everywhere on your page.
Service: IFrame (Beta)
Old-school way of embedding our service. Simply drop the iframe on your page and embed it. The widget will try resize to the iframe's width and height as much as possible but the user has to resize the frame himself.
Just include the iframe-code on your page. Make sure to use the correct service-id and a technique to resize the iframe in responsive environments. This can for example be done with JS or using pure CSS aspect ratio.
<iframe src="https://skystatus.eu/services/1/embed" width="100%" height="160" frameborder="0"></iframe>
Board: WebComponent
Using WebComponents allows us to also embed Boards. This allows you to display multiple services within one element!
Simply import the embed.js script in your HTML:
<script src="https://skystatus.eu/js/embed.js?id=2f94a73159edc9ace53b"></script>
You can then use the <skystatus-board board-id="ID"></skystatus-board> Tag everywhere on your page.