diff --git a/css/styles.css b/css/styles.css index 3052d47..ba8444c 100644 --- a/css/styles.css +++ b/css/styles.css @@ -5569,7 +5569,7 @@ a .icon-flip-vertical:before { content: "\f0e8"; } .icon-umbrella:before { - content: "\f0e9"; + content: "\f084"; } .icon-paste:before { content: "\f0ea"; @@ -6040,7 +6040,8 @@ a .icon-flip-vertical:before { content: "\f18b"; } /*! - * Weather Icons 1.2 + * Weather Icons 1.3 + * Updated November 30th, 2014 * Weather themed icons for Bootstrap * ------------------------------------------------------------------------------ * Maintained at http://erikflowers.github.io/weather-icons @@ -6064,8 +6065,8 @@ a .icon-flip-vertical:before { */ @font-face { font-family: 'weathericons'; - src: url('../fonts/weathericons-regular-webfont.eot'); - src: url('../fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weathericons-regular-webfont.woff') format('woff'), url('../fonts/weathericons-regular-webfont.ttf') format('truetype'), url('../fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); + 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; } @@ -6417,39 +6418,369 @@ a .icon-flip-vertical:before { .wi-stars:before { content: "\f077"; } -.wi-moon-full:before { - content: "\f078"; -} -.wi-moon-waxing-gibbous:before { - content: "\f079"; -} -.wi-moon-waxing-quarter:before { - content: "\f07a"; -} -.wi-moon-waxing-crescent:before { - content: "\f07b"; -} -.wi-moon-young:before { - content: "\f07c"; -} -.wi-moon-new:before { - content: "\f07d"; -} -.wi-moon-old:before { - content: "\f07e"; -} -.wi-moon-waning-crescent:before { - content: "\f080"; -} -.wi-moon-waning-quarter:before { - content: "\f081"; -} -.wi-moon-waning-gibbous:before { - content: "\f082"; -} .wi-night-partly-cloudy:before { content: "\f083"; } +.wi-umbrella:before { + content: "\f084"; +} +.wi-day-windy:before { + content: "\f085"; +} +.wi-night-alt-cloudy:before { + content: "\f086"; +} +.wi-up-left:before { + content: "\f087"; +} +.wi-down-right:before { + content: "\f088"; +} +.wi-time-12:before { + content: "\f089"; +} +.wi-time-1:before { + content: "\f08a"; +} +.wi-time-2:before { + content: "\f08b"; +} +.wi-time-3:before { + content: "\f08c"; +} +.wi-time-4:before { + content: "\f08d"; +} +.wi-time-5:before { + content: "\f08e"; +} +.wi-time-6:before { + content: "\f08f"; +} +.wi-time-7:before { + content: "\f090"; +} +.wi-time-8:before { + content: "\f091"; +} +.wi-time-9:before { + content: "\f092"; +} +.wi-time-10:before { + content: "\f093"; +} +.wi-time-11:before { + content: "\f094"; +} +.wi-day-sleet:before { + content: "\f0b2"; +} +.wi-night-sleet:before { + content: "\f0b3"; +} +.wi-night-alt-sleet:before { + content: "\f0b4"; +} +.wi-sleet:before { + content: "\f0b5"; +} +.wi-day-haze:before { + content: "\f0b6"; +} +.wi-beafort-0:before { + content: "\f0b7"; +} +.wi-beafort-1:before { + content: "\f0b8"; +} +.wi-beafort-2:before { + content: "\f0b9"; +} +.wi-beafort-3:before { + content: "\f0ba"; +} +.wi-beafort-4:before { + content: "\f0bb"; +} +.wi-beafort-5:before { + content: "\f0bc"; +} +.wi-beafort-6:before { + content: "\f0bd"; +} +.wi-beafort-7:before { + content: "\f0be"; +} +.wi-beafort-8:before { + content: "\f0bf"; +} +.wi-beafort-9:before { + content: "\f0c0"; +} +.wi-beafort-10:before { + content: "\f0c1"; +} +.wi-beafort-11:before { + content: "\f0c2"; +} +.wi-beafort-12:before { + content: "\f0c3"; +} +.wi-wind-default:before { + content: "\f0b1"; +} +wi-wind-default._0-deg { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); +} +wi-wind-default._15-deg { + -webkit-transform: rotate(15deg); + -moz-transform: rotate(15deg); + -ms-transform: rotate(15deg); + -o-transform: rotate(15deg); + transform: rotate(15deg); +} +wi-wind-default._30-deg { + -webkit-transform: rotate(30deg); + -moz-transform: rotate(30deg); + -ms-transform: rotate(30deg); + -o-transform: rotate(30deg); + transform: rotate(30deg); +} +wi-wind-default._45-deg { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +wi-wind-default._60-deg { + -webkit-transform: rotate(60deg); + -moz-transform: rotate(60deg); + -ms-transform: rotate(60deg); + -o-transform: rotate(60deg); + transform: rotate(60deg); +} +wi-wind-default._75-deg { + -webkit-transform: rotate(75deg); + -moz-transform: rotate(75deg); + -ms-transform: rotate(75deg); + -o-transform: rotate(75deg); + transform: rotate(75deg); +} +wi-wind-default._90-deg { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +wi-wind-default._105-deg { + -webkit-transform: rotate(105deg); + -moz-transform: rotate(105deg); + -ms-transform: rotate(105deg); + -o-transform: rotate(105deg); + transform: rotate(105deg); +} +wi-wind-default._120-deg { + -webkit-transform: rotate(120deg); + -moz-transform: rotate(120deg); + -ms-transform: rotate(120deg); + -o-transform: rotate(120deg); + transform: rotate(120deg); +} +wi-wind-default._135-deg { + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} +wi-wind-default._150-deg { + -webkit-transform: rotate(150deg); + -moz-transform: rotate(150deg); + -ms-transform: rotate(150deg); + -o-transform: rotate(150deg); + transform: rotate(150deg); +} +wi-wind-default._165-deg { + -webkit-transform: rotate(165deg); + -moz-transform: rotate(165deg); + -ms-transform: rotate(165deg); + -o-transform: rotate(165deg); + transform: rotate(165deg); +} +wi-wind-default._180-deg { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +wi-wind-default._195-deg { + -webkit-transform: rotate(195deg); + -moz-transform: rotate(195deg); + -ms-transform: rotate(195deg); + -o-transform: rotate(195deg); + transform: rotate(195deg); +} +wi-wind-default._210-deg { + -webkit-transform: rotate(210deg); + -moz-transform: rotate(210deg); + -ms-transform: rotate(210deg); + -o-transform: rotate(210deg); + transform: rotate(210deg); +} +wi-wind-default._225-deg { + -webkit-transform: rotate(225deg); + -moz-transform: rotate(225deg); + -ms-transform: rotate(225deg); + -o-transform: rotate(225deg); + transform: rotate(225deg); +} +wi-wind-default._240-deg { + -webkit-transform: rotate(240deg); + -moz-transform: rotate(240deg); + -ms-transform: rotate(240deg); + -o-transform: rotate(240deg); + transform: rotate(240deg); +} +wi-wind-default._255-deg { + -webkit-transform: rotate(255deg); + -moz-transform: rotate(255deg); + -ms-transform: rotate(255deg); + -o-transform: rotate(255deg); + transform: rotate(255deg); +} +wi-wind-default._270-deg { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); +} +wi-wind-default._285-deg { + -webkit-transform: rotate(295deg); + -moz-transform: rotate(295deg); + -ms-transform: rotate(295deg); + -o-transform: rotate(295deg); + transform: rotate(295deg); +} +wi-wind-default._300-deg { + -webkit-transform: rotate(300deg); + -moz-transform: rotate(300deg); + -ms-transform: rotate(300deg); + -o-transform: rotate(300deg); + transform: rotate(300deg); +} +wi-wind-default._315-deg { + -webkit-transform: rotate(315deg); + -moz-transform: rotate(315deg); + -ms-transform: rotate(315deg); + -o-transform: rotate(315deg); + transform: rotate(315deg); +} +wi-wind-default._330-deg { + -webkit-transform: rotate(330deg); + -moz-transform: rotate(330deg); + -ms-transform: rotate(330deg); + -o-transform: rotate(330deg); + transform: rotate(330deg); +} +wi-wind-default._345-deg { + -webkit-transform: rotate(345deg); + -moz-transform: rotate(345deg); + -ms-transform: rotate(345deg); + -o-transform: rotate(345deg); + transform: rotate(345deg); +} +.wi-moon-new:before { + content: "\f095"; +} +.wi-moon-waxing-cresent-1:before { + content: "\f096"; +} +.wi-moon-waxing-cresent-2:before { + content: "\f097"; +} +.wi-moon-waxing-cresent-3:before { + content: "\f098"; +} +.wi-moon-waxing-cresent-4:before { + content: "\f099"; +} +.wi-moon-waxing-cresent-5:before { + content: "\f09a"; +} +.wi-moon-waxing-cresent-6:before { + content: "\f09b"; +} +.wi-moon-first-quarter:before { + content: "\f09c"; +} +.wi-moon-waxing-gibbous-1:before { + content: "\f09d"; +} +.wi-moon-waxing-gibbous-2:before { + content: "\f09e"; +} +.wi-moon-waxing-gibbous-3:before { + content: "\f09f"; +} +.wi-moon-waxing-gibbous-4:before { + content: "\f0a0"; +} +.wi-moon-waxing-gibbous-5:before { + content: "\f0a1"; +} +.wi-moon-waxing-gibbous-6:before { + content: "\f0a2"; +} +.wi-moon-full:before { + content: "\f0a3"; +} +.wi-moon-waning-gibbous-1:before { + content: "\f0a4"; +} +.wi-moon-waning-gibbous-2:before { + content: "\f0a5"; +} +.wi-moon-waning-gibbous-3:before { + content: "\f0a6"; +} +.wi-moon-waning-gibbous-4:before { + content: "\f0a7"; +} +.wi-moon-waning-gibbous-5:before { + content: "\f0a8"; +} +.wi-moon-waning-gibbous-6:before { + content: "\f0a9"; +} +.wi-moon-3rd-quarter:before { + content: "\f0aa"; +} +.wi-moon-waning-crescent-1:before { + content: "\f0ab"; +} +.wi-moon-waning-crescent-2:before { + content: "\f0ac"; +} +.wi-moon-waning-crescent-3:before { + content: "\f0ad"; +} +.wi-moon-waning-crescent-4:before { + content: "\f0ae"; +} +.wi-moon-waning-crescent-5:before { + content: "\f0af"; +} +.wi-moon-waning-crescent-6:before { + content: "\f0b0"; +} ::selection, -moz::selection { background: #0a91ff; diff --git a/font/WeatherIcons-Regular.otf b/font/WeatherIcons-Regular.otf new file mode 100644 index 0000000..c58b9cc Binary files /dev/null and b/font/WeatherIcons-Regular.otf differ diff --git a/font/weathericons-regular-webfont.eot b/font/weathericons-regular-webfont.eot new file mode 100755 index 0000000..dfc508e Binary files /dev/null and b/font/weathericons-regular-webfont.eot differ diff --git a/fonts/weathericons-regular-webfont.svg b/font/weathericons-regular-webfont.svg similarity index 76% rename from fonts/weathericons-regular-webfont.svg rename to font/weathericons-regular-webfont.svg index 224188d..433cb87 100755 --- a/fonts/weathericons-regular-webfont.svg +++ b/font/weathericons-regular-webfont.svg @@ -3,12 +3,11 @@ - + - - - + + @@ -87,7 +86,7 @@ - + @@ -112,8 +111,8 @@ - - + + @@ -138,16 +137,80 @@ - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/weathericons-regular-webfont.ttf b/font/weathericons-regular-webfont.ttf similarity index 71% rename from fonts/weathericons-regular-webfont.ttf rename to font/weathericons-regular-webfont.ttf index 8d8a1c4..9c4c6cd 100755 Binary files a/fonts/weathericons-regular-webfont.ttf and b/font/weathericons-regular-webfont.ttf differ diff --git a/font/weathericons-regular-webfont.woff b/font/weathericons-regular-webfont.woff new file mode 100755 index 0000000..328cfa2 Binary files /dev/null and b/font/weathericons-regular-webfont.woff differ diff --git a/fonts/weathericons-regular-webfont.eot b/fonts/weathericons-regular-webfont.eot deleted file mode 100755 index 3ae46ac..0000000 Binary files a/fonts/weathericons-regular-webfont.eot and /dev/null differ diff --git a/fonts/weathericons-regular-webfont.woff b/fonts/weathericons-regular-webfont.woff deleted file mode 100755 index 87f3070..0000000 Binary files a/fonts/weathericons-regular-webfont.woff and /dev/null differ diff --git a/index.html b/index.html index 2c28efe..76cd434 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - Weather Icons - 123 Icon Font inspired by Font Awesome and designed for Bootstrap + Weather Icons - 189 Icon Font inspired by Font Awesome and designed for Bootstrap @@ -44,9 +44,8 @@

-

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

+

Weather Icons is a font of 189 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 wi-day-lightning"></i>. 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.

@@ -76,6 +75,420 @@
+
+
+

New v1.3 Icons

+
+
+
+
+
+
+
wi-umbrella
+
+
+
+
wi-day-windy
+
+
+
+
wi-night-alt-cloudy
+
+
+
+
wi-up-left
+
+
+
+
+
+
wi-down-right
+
+
+
+
wi-day-sleet
+
+
+
+
wi-night-sleet
+
+
+
+
wi-night-alt-sleet
+
+
+
+
+
+
wi-sleet
+
+
+
+
wi-day-haze
+
+
+
+
+
+

Moon Phases

+
+
+
+
+
+
+
wi-moon-new
+
+
+
+
wi-moon-waxing-cresent-1
+
+
+
+
wi-moon-waxing-cresent-2
+
+
+
+
wi-moon-waxing-cresent-3
+
+
+
+
wi-moon-waxing-cresent-4
+
+
+
+
wi-moon-waxing-cresent-5
+
+
+
+
wi-moon-waxing-cresent-6
+
+
+
+
wi-moon-first-quarter
+
+
+
+
wi-moon-waxing-gibbous-1
+
+
+
+
wi-moon-waxing-gibbous-2
+
+
+
+
+
+
wi-moon-waxing-gibbous-3
+
+
+
+
wi-moon-waxing-gibbous-4
+
+
+
+
wi-moon-waxing-gibbous-5
+
+
+
+
wi-moon-waxing-gibbous-6
+
+
+
+
wi-moon-full
+
+
+
+
wi-moon-waning-gibbous-1
+
+
+
+
wi-moon-waning-gibbous-2
+
+
+
+
wi-moon-waning-gibbous-3
+
+
+
+
wi-moon-waning-gibbous-4
+
+
+
+
+
+
wi-moon-waning-gibbous-5
+
+
+
+
wi-moon-waning-gibbous-6
+
+
+
+
wi-moon-3rd-quarter
+
+
+
+
wi-moon-waning-crescent-1
+
+
+
+
wi-moon-waning-crescent-2
+
+
+
+
wi-moon-waning-crescent-3
+
+
+
+
wi-moon-waning-crescent-4
+
+
+
+
wi-moon-waning-crescent-5
+
+
+
+
wi-moon-waning-crescent-6
+
+
+
+
+
+

Clocks

+
+
+
+
+
+
+
wi-time-12
+
+
+
+
wi-time-1
+
+
+
+
wi-time-2
+
+
+
+
wi-time-3
+
+
+
+
+
+
wi-time-4
+
+
+
+
wi-time-5
+
+
+
+
wi-time-6
+
+
+
+
wi-time-7
+
+
+
+
+
+
wi-time-8
+
+
+
+
wi-time-9
+
+
+
+
wi-time-10
+
+
+
+
wi-time-11
+
+
+
+
+
+

Beafort Wind Scale

+
+
+
+
+
+
+
wi-beafort-0
+
+
+
+
wi-beafort-1
+
+
+
+
wi-beafort-2
+
+
+
+
wi-beafort-3
+
+
+
+
wi-beafort-4
+
+
+
+
+
+
wi-beafort-5
+
+
+
+
wi-beafort-6
+
+
+
+
wi-beafort-7
+
+
+
+
wi-beafort-8
+
+
+
+
wi-beafort-9
+
+
+
+
+
+
wi-beafort-10
+
+
+
+
wi-beafort-11
+
+
+
+
wi-beafort-12
+
+
+
+
+
+

Wind Directions - 0 degrees through 345 degrees

+

Wind direction icons use CSS3 tranform to rotate. Choose your interpretation; point to the wind source, or point in the wind direction. Example: pointing to an east wind would be wi-wind-default._90-deg, but pointing in the direction of an east wind would be wi-wind-default._270deg. This should give everyone the felxibility they need without having alias names or 24 separate glyphs.

+
+
+
+
+
+
+
wi-wind-default._0-deg
+
+
+
+
wi-wind-default._15-deg
+
+
+
+
wi-wind-default._30-deg
+
+
+
+
wi-wind-default._45-deg
+
+
+
+
wi-wind-default._60-deg
+
+
+
+
wi-wind-default._75-deg
+
+
+
+
wi-wind-default._90-deg
+
+
+
+
wi-wind-default._105-deg
+
+
+
+
+
+
wi-wind-default._120-deg
+
+
+
+
wi-wind-default._135-deg
+
+
+
+
wi-wind-default._150-deg
+
+
+
+
wi-wind-default._165-deg
+
+
+
+
wi-wind-default._180-deg
+
+
+
+
wi-wind-default._195-deg
+
+
+
+
wi-wind-default._210-deg
+
+
+
+
wi-wind-default._225-deg
+
+
+
+
+
+
wi-wind-default._240-deg
+
+
+
+
wi-wind-default._255-deg
+
+
+
+
wi-wind-default._270-deg
+
+
+
+
wi-wind-default._285-deg
+
+
+
+
wi-wind-default._300-deg
+
+
+
+
wi-wind-default._315-deg
+
+
+
+
wi-wind-default._330-deg
+
+
+
+
wi-wind-default._345-deg
+
+
+

New v1.2

@@ -176,44 +589,7 @@
-
-
wi-moon-full
-
-
-
-
wi-moon-waxing-gibbous
-
-
-
-
wi-moon-waxing-quarter
-
-
-
-
wi-moon-waxing-crescent
-
-
-
-
wi-moon-young
-
-
-
-
wi-moon-new
-
-
-
-
wi-moon-old
-
-
-
-
wi-moon-waning-crescent
-
-
-
-
wi-moon-waning-quarter
-
-
-
-
wi-moon-waning-gibbous
+
1.2 Moons removed, see 1.3 update for all new moons
@@ -645,7 +1021,7 @@
Version 1.2

The second release of Weather Icons with streamlined, updated Less, customizable variables, adjusted font boundaries, and all new fonts including:

Please report any issues or requests to the repository here

-

The icon designs are originally by Lukas Bischoff. The font has been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by me (Erik).

+

The icon designs are originally by Lukas Bischoff. The font has wi-been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by me (Erik).

@@ -662,4 +1038,4 @@ - + \ No newline at end of file