| Server IP : 66.29.137.217 / Your IP : 3.145.133.121 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/./ideyshare.name.ng/ner2/ucloud/app/assets/admin/vendors/skycons/ |
Upload File : |
Skycons
=======
Skycons is a set of ten animated weather glyphs, procedurally generated by
JavaScript using the HTML5 canvas tag. They're easy to use, and pretty
lightweight, so they shouldn't rain on your parade:
<canvas id="icon1" width="128" height="128"></canvas>
<canvas id="icon2" width="128" height="128"></canvas>
<script>
var skycons = new Skycons({"color": "pink"});
// on Android, a nasty hack is needed: {"resizeClear": true}
// you can add a canvas by it's ID...
skycons.add("icon1", Skycons.PARTLY_CLOUDY_DAY);
// ...or by the canvas DOM element itself.
skycons.add(document.getElementById("icon2"), Skycons.RAIN);
// if you're using the Forecast API, you can also supply
// strings: "partly-cloudy-day" or "rain".
// start animation!
skycons.play();
// you can also halt animation with skycons.pause()
// want to change the icon? no problem:
skycons.set("icon1", Skycons.PARTLY_CLOUDY_NIGHT);
// want to remove one altogether? no problem:
skycons.remove("icon2");
</script>
Skycons were designed for [Forecast](http://forecast.io/) by those wacky folks
at The Dark Sky Company, and were heavily inspired by Adam Whitcroft's
excellent [Climacons](http://adamwhitcroft.com/climacons/). The source code has
been [released into the public domain][cc0], so please do with it as you see
fit! ♡
[cc0]: http://creativecommons.org/publicdomain/zero/1.0/
Variants
--------
Several kind folks have made variants of Skycons:
* [Color Skycons](https://github.com/maxdow/skycons) by Maxime Warnier
* [Skycons for Android](https://github.com/torryharris/Skycons) by Torry Harris