Animated skycons in Habpanel

I am trying to use the great set of animated icons skycons found there:

here is my template widget code:

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

  var skycons = new Skycons({"color: orange});
  skycons.add("icon1", Skycons.RAIN);;

I have added the skycons.js to the html folder

The widget shows nothing

Where am I going wrong?



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.