diff --git a/cheatsheet/css/cheatsheet.css b/cheatsheet/css/cheatsheet.css new file mode 100644 index 0000000..7fd09fc --- /dev/null +++ b/cheatsheet/css/cheatsheet.css @@ -0,0 +1,85 @@ +* { + padding:0; + margin:0; +} + +body { + +} + +#page_wrapper { + +} + +header { + +} + +#header_content { + width: 960px; + margin: 0 auto; +} + +#main { + float: none; +} + +#main_content { + width: 960px; + margin: 0 auto; + float: none; +} + +h2 { + font-family: 'Average Sans', sans-serif; + color: #0099FF; + margin-top: 25px; + margin-bottom: 15px; +} + +.left { + float:left; + width: 320px; +} + +.center { + float:left; + width: 320px; +} + +.right { + float:left; + width: 320px; +} + +.icon { + font-family: 'weather'; + src: url('../font/weathericons-regular-webfont.eot'); + src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); + font-weight: normal; + font-style: normal; +} + +.icon_name { + font-family: 'Average Sans', sans-serif; +} + +.icon_unicode { + font-family: 'Average Sans', sans-serif; + color: #BBBBBB; + font-size: 0.8em; + float: none; +} + +.stop_float { + clear: both; +} + +footer { + +} + +#footer_content { + width: 960px; + margin: 0 auto; +} diff --git a/cheatsheet/css/weather-icons.min.css b/cheatsheet/css/weather-icons.min.css new file mode 100644 index 0000000..9074b32 --- /dev/null +++ b/cheatsheet/css/weather-icons.min.css @@ -0,0 +1,28 @@ +/*! + * Weather Icons Beta 1 + * Weather themed icons for Bootstrap + * ------------------------------------------------------------------------------ + * Maintained at http://erikflowers.github.io/weather-icons + * http://twitter.com/Erik_UX + * + * License + * ------------------------------------------------------------------------------ + * - Fpmt licensed under SIL OFL 1.1 - + * http://scripts.sil.org/OFL + * - CSS and LESS are licensed under MIT License - + * http://opensource.org/licenses/mit-license.html + * - Documentation licensed under CC BY 3.0 - + * http://creativecommons.org/licenses/by/3.0/ + * - Inspired by and works great as a companion with Font Aweosme + * "Font Awesome by Dave Gandy - http://fontawesome.io" + * + * Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com + * Weather Icons gives full credit for inspiration to Font Awesome and makes no + * claim to invention, intellectual property, or ownership of methodology. + * + * Support Open Source! + * + * ------------------------------------------------------------------------------ + * Email: erik@helloerik.com + * Twitter: http://twitter.com/Erik_UX + */@font-face{font-family:weather;src:url(../font/weathericons-regular-webfont.eot);src:url(../font/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../font/weathericons-regular-webfont.woff) format('woff'),url(../font/weathericons-regular-webfont.ttf) format('truetype'),url(../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}[class^=wi-],[class*=" wi-"]{font-family:weather;font-weight:400;font-style:normal;text-decoration:inherit;text-transform:none;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^=wi-]:before,[class*=" wi-"]:before{text-decoration:inherit;display:inline-block;speak:none}.wi-day-cloudy-gusts:before{content:"\f000"}.wi-day-cloudy-windy:before{content:"\f001"}.wi-day-cloudy:before{content:"\f002"}.wi-day-fog:before{content:"\f003"}.wi-day-hail:before{content:"\f004"}.wi-day-lightning:before{content:"\f005"}.wi-day-rain-mix:before{content:"\f006"}.wi-day-rain-wind:before{content:"\f007"}.wi-day-rain:before{content:"\f008"}.wi-day-showers:before{content:"\f009"}.wi-day-snow:before{content:"\f00a"}.wi-day-sprinkle:before{content:"\f00b"}.wi-day-sunny-overcast:before{content:"\f00c"}.wi-day-sunny:before{content:"\f00d"}.wi-day-storm-showers:before{content:"\f00e"}.wi-day-thunderstorm:before{content:"\f010"}.wi-cloudy-gusts:before{content:"\f011"}.wi-cloudy-windy:before{content:"\f012"}.wi-cloudy:before{content:"\f013"}.wi-fog:before{content:"\f014"}.wi-hail:before{content:"\f015"}.wi-lightning:before{content:"\f016"}.wi-rain-mix:before{content:"\f017"}.wi-rain-wind:before{content:"\f018"}.wi-rain:before{content:"\f019"}.wi-showers:before{content:"\f01a"}.wi-snow:before{content:"\f01b"}.wi-sprinkle:before{content:"\f01c"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-windy:before{content:"\f021"}.wi-night-alt-cloudy-gusts:before{content:"\f022"}.wi-night-alt-cloudy-windy:before{content:"\f023"}.wi-night-alt-hail:before{content:"\f024"}.wi-night-alt-lightning:before{content:"\f025"}.wi-night-alt-rain-mix:before{content:"\f026"}.wi-night-alt-rain-wind:before{content:"\f027"}.wi-night-alt-rain:before{content:"\f028"}.wi-night-alt-showers:before{content:"\f029"}.wi-night-alt-snow:before{content:"\f02a"}.wi-night-alt-sprinkle:before{content:"\f02b"}.wi-night-alt-storm-showers:before{content:"\f02c"}.wi-night-alt-thunderstorm:before{content:"\f02d"}.wi-night-clear:before{content:"\f02e"}.wi-night-cloudy-gusts:before{content:"\f02f"}.wi-night-cloudy-windy:before{content:"\f030"}.wi-night-cloudy:before{content:"\f031"}.wi-night-hail:before{content:"\f032"}.wi-night-lightning:before{content:"\f033"}.wi-night-rain-mix:before{content:"\f034"}.wi-night-rain-wind:before{content:"\f035"}.wi-night-rain:before{content:"\f036"}.wi-night-showers:before{content:"\f037"}.wi-night-snow:before{content:"\f038"}.wi-night-sprinkle:before{content:"\f039"}.wi-night-storm-showers:before{content:"\f03a"}.wi-night-thunderstorm:before{content:"\f03b"}.wi-celcius:before{content:"\f03c"}.wi-cloud-down:before{content:"\f03d"}.wi-cloud-refresh:before{content:"\f03e"}.wi-cloud-up:before{content:"\f040"}.wi-cloud:before{content:"\f041"}.wi-degrees:before{content:"\f042"}.wi-down-left:before{content:"\f043"}.wi-down:before{content:"\f044"}.wi-fahrenheit:before{content:"\f045"}.wi-horizon-alt:before{content:"\f046"}.wi-horizon:before{content:"\f047"}.wi-left:before{content:"\f048"}.wi-lightning:before{content:"\f016"}.wi-night-fog:before{content:"\f04a"}.wi-refresh-alt:before{content:"\f04b"}.wi-refresh:before{content:"\f04c"}.wi-right:before{content:"\f04d"}.wi-sprinkles:before{content:"\f04e"}.wi-strong-wind:before{content:"\f050"}.wi-sunrise:before{content:"\f051"}.wi-sunset:before{content:"\f052"}.wi-thermometer-exterior:before{content:"\f053"}.wi-thermometer-internal:before{content:"\f054"}.wi-thermometer:before{content:"\f055"}.wi-tornado:before{content:"\f056"}.wi-up-right:before{content:"\f057"}.wi-up:before{content:"\f058"}.wi-wind-east:before{content:"\f059"}.wi-wind-north-east:before{content:"\f05a"}.wi-wind-north-west:before{content:"\f05b"}.wi-wind-north:before{content:"\f05c"}.wi-wind-south-east:before{content:"\f05d"}.wi-wind-south-west:before{content:"\f05e"}.wi-wind-south:before{content:"\f060"}.wi-wind-west:before{content:"\f061"} \ No newline at end of file diff --git a/cheatsheet/font/weathericons-regular-webfont.eot b/cheatsheet/font/weathericons-regular-webfont.eot new file mode 100644 index 0000000..d9f8a71 Binary files /dev/null and b/cheatsheet/font/weathericons-regular-webfont.eot differ diff --git a/cheatsheet/font/weathericons-regular-webfont.svg b/cheatsheet/font/weathericons-regular-webfont.svg new file mode 100644 index 0000000..94d0a84 --- /dev/null +++ b/cheatsheet/font/weathericons-regular-webfont.svg @@ -0,0 +1,121 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/cheatsheet/font/weathericons-regular-webfont.ttf b/cheatsheet/font/weathericons-regular-webfont.ttf new file mode 100644 index 0000000..e10fbc8 Binary files /dev/null and b/cheatsheet/font/weathericons-regular-webfont.ttf differ diff --git a/cheatsheet/font/weathericons-regular-webfont.woff b/cheatsheet/font/weathericons-regular-webfont.woff new file mode 100644 index 0000000..af1d7bb Binary files /dev/null and b/cheatsheet/font/weathericons-regular-webfont.woff differ diff --git a/cheatsheet/index.html b/cheatsheet/index.html new file mode 100644 index 0000000..8ddc2cb --- /dev/null +++ b/cheatsheet/index.html @@ -0,0 +1,199 @@ + + + + + + + + + + + index + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+ +
+
+

Day / Sunny

+ + + + + +
+   wi-day-cloudy-gusts  ()
+   wi-day-cloudy-windy  ()
+   wi-day-cloudy  ()
+   wi-day-fog  ()
+   wi-day-hail  ()
+   wi-day-lightning  ()
+
+
+   wi-day-rain-mix  ()
+   wi-day-rain-wind  ()
+   wi-day-rain  ()
+   wi-day-showers  ()
+   wi-day-snow  ()
+   wi-day-sprinkle  ()
+
+
+   wi-day-sunny-overcast  ()
+   wi-day-sunny  ()
+   wi-day-storm-showers  ()
+   wi-day-thunderstorm  ()
+
+
+ +

Neutral / Cloudy

+ + + + + + +
+   wi-cloudy-gusts  ()
+   wi-cloudy-windy  ()
+   wi-cloudy  ()
+   wi-fog  ()
+   wi-hail  ()
+
+
+   wi-lightning  ()
+   wi-rain-mix  ()
+   wi-rain-wind  ()
+   wi-rain  ()
+   wi-showers  ()
+
+
+   wi-snow  ()
+   wi-sprinkle  ()
+   wi-storm-showers  ()
+   wi-thunderstorm  ()
+
+
+ +

Night / Moons

+ + + + + + +
+   wi-night-alt-cloudy-gusts  ()
+   wi-night-alt-cloudy-windy  ()
+   wi-night-alt-hail  ()
+   wi-night-alt-lightning  ()
+   wi-night-alt-rain-mix  ()
+   wi-night-alt-rain-wind  ()
+   wi-night-alt-rain  ()
+   wi-night-alt-showers  ()
+   wi-night-alt-snow  ()
+
+
+   wi-night-alt-sprinkle  ()
+   wi-night-alt-storm-showers  ()
+   wi-night-alt-thunderstorm  ()
+   wi-night-clear  ()
+   wi-night-cloudy-gusts  ()
+   wi-night-cloudy-windy  ()
+   wi-night-cloudy  ()
+   wi-night-hail  ()
+   wi-night-lightning  ()
+
+
+   wi-night-rain-mix  ()
+   wi-night-rain-wind  ()
+   wi-night-rain  ()
+   wi-night-showers  ()
+   wi-night-snow  ()
+   wi-night-sprinkle  ()
+   wi-night-storm-showers  ()
+   wi-night-thunderstorm  ()
+
+
+ +

Miscellaneous Weather

+ + + + + + +
+   wi-celcius  ()
+   wi-cloud-down  ()
+   wi-cloud-refresh  ()
+   wi-cloud-up  ()
+   wi-cloud  ()
+   wi-degrees  ()
+   wi-down-left  ()
+   wi-down  ()
+   wi-fahrenheit  ()
+   wi-horizon-alt  ()
+   wi-horizon  ()
+   wi-left  ()
+
+
+   wi-lightning  ()
+   wi-night-fog  ()
+   wi-refresh-alt  ()
+   wi-refresh  ()
+   wi-right  ()
+   wi-sprinkles  ()
+   wi-strong-wind  ()
+   wi-sunrise  ()
+   wi-sunset  ()
+   wi-thermometer-exterior  ()
+   wi-thermometer-internal  ()
+   wi-thermometer  ()
+
+
+   wi-tornado  ()
+   wi-up-right  ()
+   wi-up  ()
+   wi-wind-east  ()
+   wi-wind-north-east  ()
+   wi-wind-north-west  ()
+   wi-wind-north  ()
+   wi-wind-south-east  ()
+   wi-wind-south-west  ()
+   wi-wind-south  ()
+   wi-wind-west  ()
+   wi-windy  ()
+
+
+
+
+ + +
+ + diff --git a/index.html b/index.html index 3867fd0..ef4320e 100644 --- a/index.html +++ b/index.html @@ -38,6 +38,7 @@

Weather Icons is a font of 92 weather themed icons, ready to be dropped right into Bootstrap or any other project.

Inspired by Font Awesome, they work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the class to an "i" element: <i class="wi-day-lightning">. At this time, there are no other effects/mixins to do advanced icon manipulation. Those will be coming in future releases.

+

Want to use the font in your desktop applications? Check out the cheatsheet here. Just install the font on your system and copy and paste, it's that easy.