Animated skycons in Habpanel

Apps & Services HABPanel
1

Hello,
I am trying to use the great set of animated icons skycons found there: https://github.com/darkskyapp/skycons13

here is my template widget code:

<script src="/static/skycons.js"></script>
<canvas id="icon1" width="64" height="64"></canvas>

<script>
  var skycons = new Skycons({"color: orange});
  skycons.add("icon1", Skycons.RAIN);
  skycons.play();
</script>

I have added the skycons.js to the html folder

The widget shows nothing

Where am I going wrong?

Thanks

Vincent

2

I’m not saying the following is the complete solution, but at least you wil have to lazy-load the js. Have a look here.