Mirrors
/
erikflowers_weather-icons
mirror of https://github.com/erikflowers/weather-icons.git
2
0
Fork 0
Code Issues Releases Wiki Activity

more updating to index page, and error fixing.

Browse Source
pull/88/head
Erik Flowers 9 years ago
parent 328f19136d
commit 675d23b8e2
39 changed files with 4517 additions and 2848 deletions
Show Stats Download Patch File Download Diff File

24
README.md
Unescape Escape View File

@ -1,38 +1,26 @@
# Weather Icons
*Version 1.3 - November 30th, 2014*
*Version 2.0 - August 2015*
## A free, open source icon-font of Weather icons
Weather Icons is a font of 189 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com) or any other project.
Weather Icons is the only icon font and CSS with 215 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com), or any project that needs high quality weather, maritime, and meteorological based icons!
Inspired by [Font Awesome](http://fontawesome.io/), 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 base class and the specific icon class to an "i" element:
Inspired by [Font Awesome](http://fontawesome.io/), 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 base class and the specific icon class to an "i" element, like this:
``<i class="wi wi-day-lightning"></i>``
At this time, there are no other effects/mixins to do advanced icon manipulation yet.
![Icon Preview](http://wes.io/WeM5/preview.png)
####[View demo and full icon reference](http://erikflowers.github.io/weather-icons/)
## Getting Started
Getting started is easy. First, put the fonts in the directory ABOVE your css directory. By default, the fonts are referencing a ../fonts/ folder that is on the same level as /css. This can be changed via the `@WeatherIconPath` variable in variables.less
Include in your main .less file `weather-icons/weather-icons.less` and that is all you need to do.
It is best to download the [repo](http://www.github.com/erikflowers/weather-icons) from Github if you want to keep up to date. Please report any issues or requests to the repository here
Getting started is easy. First, add the weather-icons.css to your project. Second, put the font files in a `font` directory on the same level as your `css` directory. By default, the fonts are referencing a ../font/ folder that is on the same level as /css. This can be changed via the `wi-path` variable in `weather-icons-core.less/scss`.
#### CSS Only Method
If you just want to add a css file to your project with no Less compiling, you just need to reference the `weather-icons.css` included in the css folder. *If you are not familiar with using Bootstrap, or using Bootstrap in the precompiled Less mode, I would recommend you give it a try)*
If you just want to add a css file to your project with no Less compiling, you just need to reference the `weather-icons.css` included in the css folder.
## New in version 1.3
Umbrella, day-windy, night-alt-cloudy, up-left, down-right, day-sleet, night-sleet, night-alt-sleet, sleet, day-haze.
28 moon phase icons
12 clock icons
13 Beaufort Scale icons
### Collaboration
If you feel so inclined to add icon ideas, icon art, or other fixes/changes to how the package works, feel free to help! I'd also love it if someone wanted to make this a component as well for bower, npm, component, etc. No idea how to do that myself (yet).
@ -45,4 +33,4 @@ None of this would be possible without [Bootstrap](http://www.getbootstrap.com)
Weather Icons licensed under [SIL OFL 1.1](http://scripts.sil.org/OFL) &mdash; Code licensed under [MIT License](http://opensource.org/licenses/mit-license.html) &mdash; Documentation licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0)
## Contact
Weather Icons is maintained by me, Erik Flowers. Reach me at [@Erik_UX](http://www.twitter.com/Erik_UX) or at [http://www.helloerik.com](http://www.helloerik.com).
Weather Icons is maintained by Erik Flowers. Reach me at [@Erik_UX](http://www.twitter.com/Erik_UX) or at [http://www.helloerik.com](http://www.helloerik.com).

2
_builder/csv/misc.csv
Unescape Escape View File

@ -13,7 +13,7 @@ horizon-alt, f046
sunrise, f051
sunset, f052
moonrise, f0c9
mooonset, f0ca
moonset, f0ca
refresh, f04c
refresh-alt, f04b
umbrella, f084

1 alien f075
13 sunrise f051
14 sunset f052
15 moonrise f0c9
16 mooonset moonset f0ca
17 refresh f04c
18 refresh-alt f04b
19 umbrella f084

3
_builder/csv/neutral.csv
Unescape Escape View File

@ -36,4 +36,5 @@ tornado, f056
small-craft-advisory,f0cc
gale-warning,f0cd
storm-warning,f0ce
hurricane-warning,f0cf
hurricane-warning,f0cf
wind-direction,f0b1
1 cloud f041
36 small-craft-advisory f0cc
37 gale-warning f0cd
38 storm-warning f0ce
39 hurricane-warning f0cf
40 wind-direction f0b1

6
_builder/wind.edn
Unescape Escape View File

@ -17,8 +17,8 @@
:before ""
:join "\n"
:row [".icon-wrap" "\n"
" i.wi.wi-wind-default." direction "-" degree "-deg\n"
" .icon-name wi-wind-default." direction "-" degree "-deg\n"
" i.wi.wi-wind." direction "-" degree "-deg\n"
" .icon-name wi-wind." direction "-" degree "-deg\n"
" .icon_unicode " code \ ""]
:after ""}
@ -26,7 +26,7 @@
:before ""
:join "\n"
:row [".icon-wrap" "\n"
" i.wi.wi-wind-default.wi-wind-" direction "-" label "\n"
" i.wi.wi-wind.wi-" direction "-" label "\n"
" .icon-name wi-" direction "-" label "\n"
" .icon_unicode " code \ ""]
:after ""}

91
_docs/css/styles.css
Unescape Escape View File

@ -8887,19 +8887,20 @@ h3 {
margin-right: 5px;
}
.features p {
font-size: 17px;
font-size: 15px;
}
header {
position: relative;
height: 100px;
padding-top: 0px;
background: url("img/sky.jpg") top center no-repeat fixed;
border-bottom: 5px solid #404040;
padding-bottom: 20px;
}
@media (min-width: 768px) {
header {
padding-bottom: 0px;
height: 500px;
POSITION: RELATIVE;
position: relative;
}
}
header h1 {
@ -8978,20 +8979,57 @@ header .icon .icon-box {
border-radius: 10px;
}
.headline {
font-size: 25px;
line-height: 1.5em;
margin-bottom: 10px;
padding-top: 20px;
}
@media (min-width: 768px) {
.headline {
font-size: 25px;
padding-top: 0px;
}
}
.social {
background-color: #f2f2f2;
height: 100px;
padding: 20px 0px 6px 0px;
}
.social-wrapper {
text-align: center;
}
.social-wrapper ul {
margin: 0px;
list-style: none;
display: inline-block;
}
.social-wrapper ul:before,
.social-wrapper ul:after {
content: " ";
display: table;
}
.social-wrapper ul:after {
clear: both;
}
.social-wrapper ul:before,
.social-wrapper ul:after {
content: " ";
display: table;
}
.social-wrapper ul:after {
clear: both;
}
.social-wrapper ul li {
float: left;
display: block;
}
.social-wrapper ul li {
margin-right: 4px;
}
.meta {
padding-top: 10px;
text-align: center;
margin-bottom: 30px;
}
.meta a {
.meta a.github-button {
color: #ffffff;
width: 290px;
background-color: #924da3;
@ -8999,17 +9037,35 @@ header .icon .icon-box {
display: inline-block;
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
}
.section-title {
font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: 100;
margin-bottom: 30px;
margin-bottom: 10px;
margin-top: 30px;
color: #9667a2;
line-height: 1.3em;
font-size: 25px;
}
@media (min-width: 768px) {
.section-title {
font-size: 40px;
}
}
.new-icons ul {
list-style: none;
}
.new-icons li {
font-size: 14px;
}
.new-icons li i {
color: #924da3;
width: 25px;
font-size: 20px;
}
.instructions {
margin-bottom: 40px;
margin-bottom: 10px;
border-left: 10px solid rgba(146, 77, 163, 0.5);
padding-left: 20px;
}
@ -9018,10 +9074,10 @@ header .icon .icon-box {
font-weight: 400;
}
.intro-icons {
font-size: 25px;
font-size: 15px;
color: #924da3;
text-align: center;
padding: 50px 0px 40px 0px;
display: none;
}
.intro-icons i {
margin-right: 10px;
@ -9031,6 +9087,8 @@ header .icon .icon-box {
}
@media (min-width: 768px) {
.intro-icons {
display: block;
padding: 50px 0px 40px 0px;
font-size: 35px;
padding: 30px 0px 20px 0px;
}
@ -9047,16 +9105,19 @@ header .icon .icon-box {
}
}
footer {
height: 200px;
background-color: #542c5e;
margin-top: 30px;
color: #ffffff;
padding-top: 15px;
font-weight: 300;
font-size: 14px;
padding-bottom: 40px;
font-weight: 400;
}
footer p {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
}
footer a {
color: #b3b3b3;
color: rgba(255, 255, 255, 0.7);
}
.icon-wrap {
width: 50%;

553
_docs/font-source/weathericons-regular.glyphs
Unescape Escape View File

@ -1,7 +1,4 @@
{
DisplayStrings = (
/unif0c5
);
copyright = "Weather Icons licensed under SIL OFL 1.1 \U2014 Code licensed under MIT License \U2014 Documentation licensed under CC BY 3.0";
date = "2013-07-20 15:18:27 +0000";
designer = "Erik Flowers, Lukas Bischoff (v1 Art)";
@ -22680,7 +22677,7 @@ unicode = F07C;
},
{
glyphname = unif07D;
lastChange = "2015-08-01 23:26:16 +0000";
lastChange = "2015-08-09 00:45:45 +0000";
layers = (
{
layerId = "8BEE18A2-62EC-4A69-8B77-4987BEDA7528";
@ -22689,221 +22686,221 @@ paths = (
{
closed = 1;
nodes = (
"2303 818 LINE SMOOTH",
"2259 818 OFFCURVE",
"2227 783 OFFCURVE",
"2227 739 CURVE SMOOTH",
"2227 695 OFFCURVE",
"2259 659 OFFCURVE",
"2303 659 CURVE SMOOTH",
"2493 659 LINE SMOOTH",
"2537 659 OFFCURVE",
"2573 695 OFFCURVE",
"2573 739 CURVE SMOOTH",
"2573 783 OFFCURVE",
"2537 818 OFFCURVE",
"2493 818 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"2113 1171 OFFCURVE",
"2133 1179 OFFCURVE",
"2147 1194 CURVE",
"2284 1327 LINE",
"2298 1342 OFFCURVE",
"2307 1361 OFFCURVE",
"2307 1382 CURVE SMOOTH",
"2307 1405 OFFCURVE",
"2298 1424 OFFCURVE",
"2284 1441 CURVE",
"2268 1455 OFFCURVE",
"2248 1463 OFFCURVE",
"2227 1463 CURVE SMOOTH",
"2204 1463 OFFCURVE",
"2185 1455 OFFCURVE",
"2170 1441 CURVE",
"2037 1304 LINE",
"2022 1290 OFFCURVE",
"2014 1270 OFFCURVE",
"2014 1249 CURVE SMOOTH",
"2014 1205 OFFCURVE",
"2048 1171 OFFCURVE",
"2092 1171 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"2133 297 OFFCURVE",
"2113 303 OFFCURVE",
"2092 303 CURVE SMOOTH",
"2048 303 OFFCURVE",
"2014 271 OFFCURVE",
"2014 229 CURVE SMOOTH",
"2014 208 OFFCURVE",
"2022 190 OFFCURVE",
"2037 173 CURVE",
"2170 37 LINE SMOOTH",
"2185 22 OFFCURVE",
"2204 14 OFFCURVE",
"2227 14 CURVE SMOOTH",
"2271 14 OFFCURVE",
"2307 50 OFFCURVE",
"2307 94 CURVE SMOOTH",
"2307 117 OFFCURVE",
"2298 134 OFFCURVE",
"2284 149 CURVE",
"2147 282 LINE"
);
},
{
closed = 1;
nodes = (
"1938 1074 OFFCURVE",
"1939 1077 OFFCURVE",
"1939 1081 CURVE SMOOTH",
"1939 1337 OFFCURVE",
"1731 1540 OFFCURVE",
"1475 1540 CURVE SMOOTH",
"1445 1540 LINE",
"1385 1789 OFFCURVE",
"1162 1967 OFFCURVE",
"904 1967 CURVE SMOOTH",
"640 1967 OFFCURVE",
"414 1785 OFFCURVE",
"356 1530 CURVE",
"151 1483 OFFCURVE",
"0 1297 OFFCURVE",
"0 1081 CURVE SMOOTH",
"0 831 OFFCURVE",
"199 628 OFFCURVE",
"448 617 CURVE",
"1112 617 LINE",
"1166 408 OFFCURVE",
"1356 253 OFFCURVE",
"1582 253 CURVE SMOOTH",
"1848 253 OFFCURVE",
"2068 472 OFFCURVE",
"2068 739 CURVE SMOOTH",
"2068 866 OFFCURVE",
"2019 983 OFFCURVE",
"1938 1070 CURVE"
);
},
{
closed = 1;
nodes = (
"159 1237 OFFCURVE",
"279 1365 OFFCURVE",
"435 1383 CURVE",
"484 1383 LINE SMOOTH",
"496 1383 OFFCURVE",
"502 1388 OFFCURVE",
"502 1399 CURVE",
"509 1453 LINE",
"528 1655 OFFCURVE",
"699 1809 OFFCURVE",
"904 1809 CURVE SMOOTH",
"1106 1809 OFFCURVE",
"1280 1655 OFFCURVE",
"1301 1453 CURVE SMOOTH",
"1308 1399 LINE",
"1308 1388 OFFCURVE",
"1313 1383 OFFCURVE",
"1324 1383 CURVE SMOOTH",
"1475 1383 LINE SMOOTH",
"1641 1383 OFFCURVE",
"1782 1245 OFFCURVE",
"1782 1081 CURVE SMOOTH",
"1782 918 OFFCURVE",
"1652 782 OFFCURVE",
"1493 774 CURVE",
"1244 774 LINE",
"1241 776 OFFCURVE",
"1237 778 OFFCURVE",
"1233 778 CURVE SMOOTH",
"1120 778 LINE SMOOTH",
"1116 778 OFFCURVE",
"1111 776 OFFCURVE",
"1107 774 CURVE",
"448 774 LINE",
"289 782 OFFCURVE",
"159 918 OFFCURVE",
"159 1081 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"1444 409 OFFCURVE",
"1324 495 OFFCURVE",
"1275 617 CURVE",
"1493 617 LINE SMOOTH",
"1663 623 OFFCURVE",
"1808 720 OFFCURVE",
"1884 861 CURVE",
"1899 823 OFFCURVE",
"1907 782 OFFCURVE",
"1907 739 CURVE SMOOTH",
"1907 557 OFFCURVE",
"1762 409 OFFCURVE",
"1582 409 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"1538 92 OFFCURVE",
"1502 60 OFFCURVE",
"1502 16 CURVE SMOOTH",
"1502 -173 LINE SMOOTH",
"1502 -216 OFFCURVE",
"1538 -254 OFFCURVE",
"1582 -254 CURVE SMOOTH",
"1626 -254 OFFCURVE",
"1662 -216 OFFCURVE",
"1662 -173 CURVE SMOOTH",
"1662 16 LINE SMOOTH",
"1662 37 OFFCURVE",
"1653 55 OFFCURVE",
"1639 69 CURVE SMOOTH",
"1623 84 OFFCURVE",
"1603 92 OFFCURVE",
"1582 92 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"1111 297 OFFCURVE",
"1093 303 OFFCURVE",
"1072 303 CURVE SMOOTH",
"1049 303 OFFCURVE",
"1030 297 OFFCURVE",
"1013 282 CURVE",
"880 149 LINE",
"851 112 OFFCURVE",
"851 74 OFFCURVE",
"880 37 CURVE",
"895 22 OFFCURVE",
"914 14 OFFCURVE",
"935 14 CURVE SMOOTH",
"956 14 OFFCURVE",
"976 22 OFFCURVE",
"992 37 CURVE",
"1125 173 LINE SMOOTH",
"1140 188 OFFCURVE",
"1147 208 OFFCURVE",
"1147 229 CURVE SMOOTH",
"1147 250 OFFCURVE",
"1140 268 OFFCURVE",
"1125 282 CURVE"
);
}
);
width = 2573;
"1846 610 LINE SMOOTH",
"1811 610 OFFCURVE",
"1785 582 OFFCURVE",
"1785 547 CURVE SMOOTH",
"1785 511 OFFCURVE",
"1811 482 OFFCURVE",
"1846 482 CURVE SMOOTH",
"1998 482 LINE SMOOTH",
"2034 482 OFFCURVE",
"2063 511 OFFCURVE",
"2063 547 CURVE SMOOTH",
"2063 582 OFFCURVE",
"2034 610 OFFCURVE",
"1998 610 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"1694 895 OFFCURVE",
"1709 901 OFFCURVE",
"1721 913 CURVE",
"1831 1020 LINE",
"1842 1032 OFFCURVE",
"1850 1048 OFFCURVE",
"1850 1065 CURVE SMOOTH",
"1850 1083 OFFCURVE",
"1842 1099 OFFCURVE",
"1831 1112 CURVE",
"1818 1123 OFFCURVE",
"1802 1130 OFFCURVE",
"1785 1130 CURVE SMOOTH",
"1767 1130 OFFCURVE",
"1751 1123 OFFCURVE",
"1739 1112 CURVE",
"1633 1002 LINE",
"1621 991 OFFCURVE",
"1615 974 OFFCURVE",
"1615 958 CURVE SMOOTH",
"1615 922 OFFCURVE",
"1642 895 OFFCURVE",
"1677 895 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"1709 191 OFFCURVE",
"1694 196 OFFCURVE",
"1677 196 CURVE SMOOTH",
"1642 196 OFFCURVE",
"1615 170 OFFCURVE",
"1615 136 CURVE SMOOTH",
"1615 119 OFFCURVE",
"1621 105 OFFCURVE",
"1633 91 CURVE",
"1739 -19 LINE SMOOTH",
"1751 -31 OFFCURVE",
"1767 -37 OFFCURVE",
"1785 -37 CURVE SMOOTH",
"1821 -37 OFFCURVE",
"1850 -8 OFFCURVE",
"1850 27 CURVE SMOOTH",
"1850 46 OFFCURVE",
"1842 60 OFFCURVE",
"1831 72 CURVE",
"1721 179 LINE"
);
},
{
closed = 1;
nodes = (
"1553 817 OFFCURVE",
"1554 819 OFFCURVE",
"1554 822 CURVE SMOOTH",
"1554 1028 OFFCURVE",
"1388 1192 OFFCURVE",
"1182 1192 CURVE SMOOTH",
"1158 1192 LINE",
"1110 1392 OFFCURVE",
"931 1536 OFFCURVE",
"725 1536 CURVE SMOOTH",
"513 1536 OFFCURVE",
"332 1389 OFFCURVE",
"285 1184 CURVE",
"121 1146 OFFCURVE",
"0 996 OFFCURVE",
"0 822 CURVE SMOOTH",
"0 621 OFFCURVE",
"159 457 OFFCURVE",
"358 449 CURVE",
"891 449 LINE",
"935 280 OFFCURVE",
"1087 155 OFFCURVE",
"1268 155 CURVE SMOOTH",
"1481 155 OFFCURVE",
"1658 332 OFFCURVE",
"1658 547 CURVE SMOOTH",
"1658 649 OFFCURVE",
"1619 743 OFFCURVE",
"1553 813 CURVE"
);
},
{
closed = 1;
nodes = (
"127 948 OFFCURVE",
"223 1051 OFFCURVE",
"349 1065 CURVE",
"387 1065 LINE SMOOTH",
"397 1065 OFFCURVE",
"402 1070 OFFCURVE",
"402 1078 CURVE",
"407 1122 LINE",
"423 1285 OFFCURVE",
"560 1409 OFFCURVE",
"725 1409 CURVE SMOOTH",
"886 1409 OFFCURVE",
"1025 1285 OFFCURVE",
"1042 1122 CURVE SMOOTH",
"1048 1078 LINE",
"1048 1070 OFFCURVE",
"1052 1065 OFFCURVE",
"1061 1065 CURVE SMOOTH",
"1182 1065 LINE SMOOTH",
"1315 1065 OFFCURVE",
"1429 954 OFFCURVE",
"1429 822 CURVE SMOOTH",
"1429 691 OFFCURVE",
"1324 581 OFFCURVE",
"1197 575 CURVE",
"997 575 LINE",
"995 577 OFFCURVE",
"992 578 OFFCURVE",
"989 578 CURVE SMOOTH",
"898 578 LINE SMOOTH",
"894 578 OFFCURVE",
"890 577 OFFCURVE",
"887 575 CURVE",
"358 575 LINE",
"231 581 OFFCURVE",
"127 691 OFFCURVE",
"127 822 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"1158 281 OFFCURVE",
"1061 350 OFFCURVE",
"1022 449 CURVE",
"1197 449 LINE SMOOTH",
"1333 453 OFFCURVE",
"1450 532 OFFCURVE",
"1510 645 CURVE",
"1522 614 OFFCURVE",
"1528 581 OFFCURVE",
"1528 547 CURVE SMOOTH",
"1528 400 OFFCURVE",
"1413 281 OFFCURVE",
"1268 281 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"1233 26 OFFCURVE",
"1204 0 OFFCURVE",
"1204 -35 CURVE SMOOTH",
"1204 -188 LINE SMOOTH",
"1204 -222 OFFCURVE",
"1233 -253 OFFCURVE",
"1268 -253 CURVE SMOOTH",
"1303 -253 OFFCURVE",
"1332 -222 OFFCURVE",
"1332 -188 CURVE SMOOTH",
"1332 -35 LINE SMOOTH",
"1332 -19 OFFCURVE",
"1325 -4 OFFCURVE",
"1314 7 CURVE SMOOTH",
"1301 19 OFFCURVE",
"1285 26 OFFCURVE",
"1268 26 CURVE SMOOTH"
);
},
{
closed = 1;
nodes = (
"890 191 OFFCURVE",
"876 196 OFFCURVE",
"859 196 CURVE SMOOTH",
"840 196 OFFCURVE",
"825 191 OFFCURVE",
"811 179 CURVE",
"705 72 LINE",
"682 42 OFFCURVE",
"682 11 OFFCURVE",
"705 -19 CURVE",
"717 -31 OFFCURVE",
"733 -37 OFFCURVE",
"750 -37 CURVE SMOOTH",
"766 -37 OFFCURVE",
"783 -31 OFFCURVE",
"795 -19 CURVE",
"902 91 LINE SMOOTH",
"914 103 OFFCURVE",
"919 119 OFFCURVE",
"919 136 CURVE SMOOTH",
"919 153 OFFCURVE",
"914 167 OFFCURVE",
"902 179 CURVE"
);
}
);
width = 2063;
}
);
unicode = F07D;
@ -31139,7 +31136,7 @@ unicode = F0CB;
},
{
glyphname = unif0cc;
lastChange = "2015-08-02 02:06:38 +0000";
lastChange = "2015-08-09 00:46:37 +0000";
layers = (
{
layerId = "8BEE18A2-62EC-4A69-8B77-4987BEDA7528";
@ -31148,21 +31145,30 @@ paths = (
{
closed = 1;
nodes = (
"0 999 LINE",
"0 653 LINE",
"808 999 LINE",
"161 999 LINE",
"161 653 LINE",
"969 999 LINE",
"161 1344 LINE"
);
},
{
closed = 1;
nodes = (
"0 -256 LINE",
"96 -256 LINE",
"96 1344 LINE",
"0 1344 LINE"
);
}
);
width = 808;
width = 969;
}
);
unicode = F0CC;
},
{
glyphname = unif0cd;
lastChange = "2015-08-02 02:06:47 +0000";
lastChange = "2015-08-09 00:46:47 +0000";
layers = (
{
layerId = "8BEE18A2-62EC-4A69-8B77-4987BEDA7528";
@ -31171,19 +31177,28 @@ paths = (
{
closed = 1;
nodes = (
"0 999 LINE",
"0 653 LINE",
"808 999 LINE",
"161 999 LINE",
"161 653 LINE",
"969 999 LINE",
"161 1344 LINE"
);
},
{
closed = 1;
nodes = (
"0 -256 LINE",
"96 -256 LINE",
"96 1344 LINE",
"0 1344 LINE"
);
},
{
closed = 1;
nodes = (
"0 279 LINE",
"0 -67 LINE",
"808 279 LINE",
"0 624 LINE"
"161 291 LINE",
"161 -55 LINE",
"969 291 LINE",
"161 636 LINE"
);
}
);
@ -31194,7 +31209,7 @@ unicode = F0CD;
},
{
glyphname = unif0ce;
lastChange = "2015-08-02 02:07:41 +0000";
lastChange = "2015-08-09 00:43:02 +0000";
layers = (
{
layerId = "8BEE18A2-62EC-4A69-8B77-4987BEDA7528";
@ -31203,30 +31218,39 @@ paths = (
{
closed = 1;
nodes = (
"0 737 LINE",
"798 737 LINE",
"798 1353 LINE",
"0 1353 LINE"
"180 728 LINE",
"978 728 LINE",
"978 1344 LINE",
"180 1344 LINE"
);
},
{
closed = 1;
nodes = (
"221 924 LINE",
"221 1158 LINE",
"576 1158 LINE",
"576 924 LINE"
"401 915 LINE",
"401 1149 LINE",
"756 1149 LINE",
"756 915 LINE"
);
},
{
closed = 1;
nodes = (
"0 -256 LINE",
"106 -256 LINE",
"106 1344 LINE",
"0 1344 LINE"
);
}
);
width = 808;
width = 978;
}
);
unicode = F0CE;
},
{
glyphname = unif0cf;
lastChange = "2015-08-02 02:07:48 +0000";
lastChange = "2015-08-09 00:44:30 +0000";
layers = (
{
layerId = "8BEE18A2-62EC-4A69-8B77-4987BEDA7528";
@ -31235,41 +31259,50 @@ paths = (
{
closed = 1;
nodes = (
"0 737 LINE",
"798 737 LINE",
"798 1353 LINE",
"0 1353 LINE"
"180 728 LINE",
"978 728 LINE",
"978 1344 LINE",
"180 1344 LINE"
);
},
{
closed = 1;
nodes = (
"221 924 LINE",
"221 1158 LINE",
"576 1158 LINE",
"576 924 LINE"
"401 915 LINE",
"401 1149 LINE",
"756 1149 LINE",
"756 915 LINE"
);
},
{
closed = 1;
nodes = (
"0 37 LINE",
"798 37 LINE",
"798 653 LINE",
"0 653 LINE"
"0 -256 LINE",
"106 -256 LINE",
"106 1344 LINE",
"0 1344 LINE"
);
},
{
closed = 1;
nodes = (
"221 224 LINE",
"221 458 LINE",
"576 458 LINE",
"576 224 LINE"
"180 -2 LINE",
"978 -2 LINE",
"978 614 LINE",
"180 614 LINE"
);
},
{
closed = 1;
nodes = (
"401 185 LINE",
"401 419 LINE",
"756 419 LINE",
"756 185 LINE"
);
}
);
width = 808;
width = 978;
}
);
unicode = F0CF;

BIN
_docs/font-source/weathericons-regular.otf
View File

Binary file not shown.

323
_docs/index.html
Unescape Escape View File

@ -44,7 +44,26 @@
<section class="social">
<div class="container">
<div class="row">
<div class="col-sm-12"></div>
<div class="col-sm-12">
<div class="social-wrapper">
<ul>
<li>
<iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px" class="github-btn"></iframe>
</li>
<li>
<iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="20px" class="github-btn"></iframe>
</li>
<li><a href="https://twitter.com/share" data-lang="en" data-text="Weather Icons - 215 weather themed font icons!" data-via="Erik_UX" data-count="none" class="twitter-share-button">Tweet</a></li>
<li> <a href="https://twitter.com/Erik_UX" data-show-count="false" data-lang="en" class="twitter-follow-button">Follow @Erik_UX</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
@ -52,7 +71,7 @@
<div class="row">
<div class="col-sm-12">
<div class="intro-icons"><i class="wi wi-day-lightning"></i><i class="wi wi-night-thunderstorm"></i><i class="wi wi-day-snow"></i><i class="wi wi-sprinkle"></i><i class="wi wi-day-sunny"></i><i class="wi wi-cloudy"></i><i class="wi wi-night-rain-mix"></i><i class="wi wi-sunset"></i><i class="wi wi-sunrise"></i><i class="wi wi-day-cloudy-windy"></i><i class="wi wi-night-rain"></i><i class="wi wi-night-alt-snow"></i></div>
<p class="headline">Weather Icons is the only icon font and CSS with 219 weather themed icons, ready to be dropped right into <a href="http://getbootstrap.com">Bootstrap,</a> or any project that needs high quality weather, maritime, and meteorological based icons!</p>
<p class="headline">Weather Icons is the only icon font and CSS with 215 weather themed icons, ready to be dropped right into <a href="http://getbootstrap.com">Bootstrap,</a> or any project that needs high quality weather, maritime, and meteorological based icons!</p>
<div class="features">
<div class="row">
<div class="col-sm-4">
@ -70,25 +89,73 @@
</div>
<div class="row">
<div class="col-sm-4">
<h3><i class="wi wi-earthquake"></i>Built-in Popular Weather API Alias Classes</h3>
<p>Using popular API such as Yahoo Weather, OpenWeatherMaps, Forecast.io, or World Meteorological Organization? There are built-in class aliases that you can use right away.</p>
<h3><i class="wi wi-earthquake"></i>Popular Weather API Classes</h3>
<p>Build in API compatibility with Yahoo Weather, OpenWeatherMaps, Forecast.io, and World Meteorological Organization.</p>
</div>
<div class="col-sm-4">
<h3><i class="wi wi-thunderstorm"></i>Specialty Icons</h3>
<p>Included are 28 moon phases, 12 hours of clock, the Beaufort wind force scale, maritime wind warnings,</p>
</div>
<div class="col-sm-4">
<h3><i class="wi wi-wind-default from-270-deg"></i>360 Degrees of Wind Direction</h3>
<p>Get wind direction down to 1 degree increments for maximum precision in your UI.</p>
<h3><i class="wi wi-volcano from-270-deg"></i>Less and Sass Support</h3>
<p>Use Less or Sass preprocessors to integrate the Weather Icons right into your existing builds.</p>
</div>
</div>
<div class="row new-icons">
<div class="col-sm-12">
<h3>25 New 2.0 Icons!</h3>
<div class="row">
<div class="col-sm-3">
<ul>
<li><i class="wi wi-day-cloudy-high"></i>day-cloudy-high</li>
<li><i class="wi wi-day-light-wind"></i>day-light-wind</li>
<li><i class="wi wi-day-sleet"></i>day-sleet</li>
<li><i class="wi wi-day-haze"></i>day-haze</li>
<li><i class="wi wi-night-cloudy-high"></i>night-cloud-high</li>
<li><i class="wi wi-night-alt-partly-cloudy"></i>night-alt-partly-cloudy</li>
<li><i class="wi wi-sleet"></i>sleet</li>
</ul>
</div>
<div class="col-sm-3">
<ul>
<li><i class="wi wi-moonrise"></i>moonrise</li>
<li><i class="wi wi-moonset"> </i>moonset </li>
<li><i class="wi wi-night-sleet"></i>night-sleet</li>
<li><i class="wi wi-night-alt-sleet"></i>night-alt-sleet</li>
<li><i class="wi wi-raindrop"></i>raindrop</li>
<li><i class="wi wi-barometer"></i>barometer</li>
<li><i class="wi wi-humidity"></i>humidity</li>
</ul>
</div>
<div class="col-sm-3">
<ul>
<li><i class="wi wi-na"></i>na (no report)</li>
<li><i class="wi wi-flood"> </i>flood </li>
<li><i class="wi wi-sandstorm"></i>sandstorm</li>
<li><i class="wi wi-tsunami"></i>tsunami</li>
<li><i class="wi wi-earthquake"></i>earthquake</li>
<li><i class="wi wi-fire"></i>fire</li>
</ul>
</div>
<div class="col-sm-3">
<ul>
<li><i class="wi wi-volcano"></i>volcano</li>
<li><i class="wi wi-train"></i>train</li>
<li><i class="wi wi-small-craft-advisory"></i>small-craft-advisory</li>
<li><i class="wi wi-gale-warning"></i>gale-warning</li>
<li><i class="wi wi-storm-warning"></i>storm-warning</li>
<li><i class="wi wi-hurricane-warning"></i>hurricane-warning</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="meta"><a href="http://github.com/erikflowers/weather-icons" class="github-button">View the project on GitHub<i class="fa fa-github"></i></a>
<p>Please make requests or report any issues to the <a href="https://github.com/erikflowers/weather-icons/issues">main repository on GitHub.</a></p>
</div>
<p>Please make requests or report any issues to the <a href="https://github.com/erikflowers/weather-icons/issues">main repository on GitHub.</a></p>
<div class="meta"><a href="http://github.com/erikflowers/weather-icons">View the project on GitHub<i class="fa fa-github"></i></a></div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title">Daytime</div>
@ -648,6 +715,11 @@
<div class="icon-name">wi-hurricane-warning</div>
<div class="icon_unicode">f0cf </div>
</div>
<div class="icon-wrap">
<div class="icon">&#xf0b1;</div>
<div class="icon-name">wi-wind-direction</div>
<div class="icon_unicode">f0b1 </div>
</div>
</div>
</div>
<div class="col-sm-12">
@ -730,7 +802,7 @@
</div>
<div class="icon-wrap">
<div class="icon">&#xf0ca;</div>
<div class="icon-name">wi-mooonset</div>
<div class="icon-name">wi-moonset</div>
<div class="icon_unicode">f0ca </div>
</div>
<div class="icon-wrap">
@ -1023,132 +1095,132 @@
<p></p>
</div>
<div class="row">
<div class="icon-wrap"><i class="wi wi-wind-default towards-0-deg"></i>
<div class="icon-name">wi-wind-default.towards-0-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-0-deg"></i>
<div class="icon-name">wi-wind.towards-0-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-23-deg"></i>
<div class="icon-name">wi-wind-default.towards-23-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-23-deg"></i>
<div class="icon-name">wi-wind.towards-23-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-45-deg"></i>
<div class="icon-name">wi-wind-default.towards-45-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-45-deg"></i>
<div class="icon-name">wi-wind.towards-45-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-68-deg"></i>
<div class="icon-name">wi-wind-default.towards-68-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-68-deg"></i>
<div class="icon-name">wi-wind.towards-68-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-90-deg"></i>
<div class="icon-name">wi-wind-default.towards-90-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-90-deg"></i>
<div class="icon-name">wi-wind.towards-90-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-113-deg"></i>
<div class="icon-name">wi-wind-default.towards-113-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-113-deg"></i>
<div class="icon-name">wi-wind.towards-113-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-135-deg"></i>
<div class="icon-name">wi-wind-default.towards-135-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-135-deg"></i>
<div class="icon-name">wi-wind.towards-135-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-158-deg"></i>
<div class="icon-name">wi-wind-default.towards-158-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-158-deg"></i>
<div class="icon-name">wi-wind.towards-158-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-180-deg"></i>
<div class="icon-name">wi-wind-default.towards-180-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-180-deg"></i>
<div class="icon-name">wi-wind.towards-180-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-203-deg"></i>
<div class="icon-name">wi-wind-default.towards-203-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-203-deg"></i>
<div class="icon-name">wi-wind.towards-203-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-225-deg"></i>
<div class="icon-name">wi-wind-default.towards-225-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-225-deg"></i>
<div class="icon-name">wi-wind.towards-225-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-248-deg"></i>
<div class="icon-name">wi-wind-default.towards-248-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-248-deg"></i>
<div class="icon-name">wi-wind.towards-248-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-270-deg"></i>
<div class="icon-name">wi-wind-default.towards-270-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-270-deg"></i>
<div class="icon-name">wi-wind.towards-270-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-293-deg"></i>
<div class="icon-name">wi-wind-default.towards-293-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-293-deg"></i>
<div class="icon-name">wi-wind.towards-293-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-313-deg"></i>
<div class="icon-name">wi-wind-default.towards-313-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-313-deg"></i>
<div class="icon-name">wi-wind.towards-313-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default towards-336-deg"></i>
<div class="icon-name">wi-wind-default.towards-336-deg</div>
<div class="icon-wrap"><i class="wi wi-wind towards-336-deg"></i>
<div class="icon-name">wi-wind.towards-336-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-180-deg"></i>
<div class="icon-name">wi-wind-default.from-180-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-180-deg"></i>
<div class="icon-name">wi-wind.from-180-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-203-deg"></i>
<div class="icon-name">wi-wind-default.from-203-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-203-deg"></i>
<div class="icon-name">wi-wind.from-203-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-225-deg"></i>
<div class="icon-name">wi-wind-default.from-225-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-225-deg"></i>
<div class="icon-name">wi-wind.from-225-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-248-deg"></i>
<div class="icon-name">wi-wind-default.from-248-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-248-deg"></i>
<div class="icon-name">wi-wind.from-248-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-270-deg"></i>
<div class="icon-name">wi-wind-default.from-270-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-270-deg"></i>
<div class="icon-name">wi-wind.from-270-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-293-deg"></i>
<div class="icon-name">wi-wind-default.from-293-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-293-deg"></i>
<div class="icon-name">wi-wind.from-293-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-313-deg"></i>
<div class="icon-name">wi-wind-default.from-313-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-313-deg"></i>
<div class="icon-name">wi-wind.from-313-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-336-deg"></i>
<div class="icon-name">wi-wind-default.from-336-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-336-deg"></i>
<div class="icon-name">wi-wind.from-336-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-0-deg"></i>
<div class="icon-name">wi-wind-default.from-0-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-0-deg"></i>
<div class="icon-name">wi-wind.from-0-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-23-deg"></i>
<div class="icon-name">wi-wind-default.from-23-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-23-deg"></i>
<div class="icon-name">wi-wind.from-23-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-45-deg"></i>
<div class="icon-name">wi-wind-default.from-45-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-45-deg"></i>
<div class="icon-name">wi-wind.from-45-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-68-deg"></i>
<div class="icon-name">wi-wind-default.from-68-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-68-deg"></i>
<div class="icon-name">wi-wind.from-68-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-90-deg"></i>
<div class="icon-name">wi-wind-default.from-90-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-90-deg"></i>
<div class="icon-name">wi-wind.from-90-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-113-deg"></i>
<div class="icon-name">wi-wind-default.from-113-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-113-deg"></i>
<div class="icon-name">wi-wind.from-113-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-135-deg"></i>
<div class="icon-name">wi-wind-default.from-135-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-135-deg"></i>
<div class="icon-name">wi-wind.from-135-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default from-158-deg"></i>
<div class="icon-name">wi-wind-default.from-158-deg</div>
<div class="icon-wrap"><i class="wi wi-wind from-158-deg"></i>
<div class="icon-name">wi-wind.from-158-deg</div>
<div class="icon_unicode">f0b1 </div>
</div>
</div>
@ -1162,131 +1234,131 @@
<p></p>
</div>
<div class="row">
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-n"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-n"></i>
<div class="icon-name">wi-towards-n</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-nne"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-nne"></i>
<div class="icon-name">wi-towards-nne</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-ne"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-ne"></i>
<div class="icon-name">wi-towards-ne</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-ene"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-ene"></i>
<div class="icon-name">wi-towards-ene</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-e"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-e"></i>
<div class="icon-name">wi-towards-e</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-ese"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-ese"></i>
<div class="icon-name">wi-towards-ese</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-se"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-se"></i>
<div class="icon-name">wi-towards-se</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-sse"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-sse"></i>
<div class="icon-name">wi-towards-sse</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-s"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-s"></i>
<div class="icon-name">wi-towards-s</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-ssw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-ssw"></i>
<div class="icon-name">wi-towards-ssw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-sw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-sw"></i>
<div class="icon-name">wi-towards-sw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-wsw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-wsw"></i>
<div class="icon-name">wi-towards-wsw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-w"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-w"></i>
<div class="icon-name">wi-towards-w</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-wnw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-wnw"></i>
<div class="icon-name">wi-towards-wnw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-nw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-nw"></i>
<div class="icon-name">wi-towards-nw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-towards-nnw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-towards-nnw"></i>
<div class="icon-name">wi-towards-nnw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-n"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-n"></i>
<div class="icon-name">wi-from-n</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-nne"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-nne"></i>
<div class="icon-name">wi-from-nne</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-ne"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-ne"></i>
<div class="icon-name">wi-from-ne</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-ene"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-ene"></i>
<div class="icon-name">wi-from-ene</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-e"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-e"></i>
<div class="icon-name">wi-from-e</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-ese"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-ese"></i>
<div class="icon-name">wi-from-ese</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-se"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-se"></i>
<div class="icon-name">wi-from-se</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-sse"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-sse"></i>
<div class="icon-name">wi-from-sse</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-s"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-s"></i>
<div class="icon-name">wi-from-s</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-ssw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-ssw"></i>
<div class="icon-name">wi-from-ssw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-sw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-sw"></i>
<div class="icon-name">wi-from-sw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-wsw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-wsw"></i>
<div class="icon-name">wi-from-wsw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-w"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-w"></i>
<div class="icon-name">wi-from-w</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-wnw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-wnw"></i>
<div class="icon-name">wi-from-wnw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-nw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-nw"></i>
<div class="icon-name">wi-from-nw</div>
<div class="icon_unicode">f0b1 </div>
</div>
<div class="icon-wrap"><i class="wi wi-wind-default wi-wind-from-nnw"></i>
<div class="icon-wrap"><i class="wi wi-wind wi-from-nnw"></i>
<div class="icon-name">wi-from-nnw</div>
<div class="icon_unicode">f0b1 </div>
</div>
@ -1363,14 +1435,41 @@
</div>
</div>
</div>
</div>
<div class="row-">
<div class="col-sm-12">
<div class="section-title">Utility Classes</div>
<div class="instructions">
<p>Use these special, built-in utility classes to flip, rotate, or assign a fixed width to any icon.</p>
</div>
<div class="row">
<div class="col-sm-4">
<h3>Flip</h3>
<p> <code>wi-flip-horizontal</code></p>
<p> <code>wi-flip-vertical</code></p>
</div>
<div class="col-sm-4">
<h3>Rotate</h3>
<p> <code>wi-rotate-90</code></p>
<p> <code>wi-rotate-180</code></p>
<p> <code>wi-rotate-270</code></p>
</div>
<div class="col-sm-4">
<h3>Fixed Width</h3>
<p> <code>wi-fw</code></p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-12">
<p>The Weather Icons project created and maintained by<a href="http://www.twitter.com/Erik_UX">Erik Flowers</a>. v1.0 artwork by<a href="http://www.twitter.com/artill">Lukas Bischoff</a>. v1.1 - 2.0 artwork by<a href="http://www.twitter.com/Erik_UX">Erik Flowers</a></p>
<p>LESS/HTML implementation inspired and heavily influenced by<a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome.</a></p>
<p>Weather Icons licensed under<a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> &mdash; Code licensed under<a href="http://opensource.org/licenses/mit-license.html">MIT License</a> &mdash; Documentation licensed under<a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p>
<div class="col-sm-6">
<p>The Weather Icons project created and maintained by <a href="http://www.twitter.com/Erik_UX">Erik Flowers</a>. v1.0 artwork by <a href="http://www.twitter.com/artill">Lukas Bischoff</a>. v1.1 - 2.0 artwork by <a href="http://www.twitter.com/Erik_UX">Erik Flowers</a></p>
<p>LESS/HTML implementation inspired and heavily influenced by <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome.</a></p>
</div>
<div class="col-sm-6">
<p>Weather Icons licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1, </a> Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License, </a> Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p>
</div>
</div>
<div class="row">

1302
_docs/jade/cheatsheet.html
View File

File diff suppressed because it is too large Load Diff

2
_docs/jade/icon-list-misc.jade
Unescape Escape View File

@ -60,7 +60,7 @@
.icon_unicode f0c9
.icon-wrap
.icon &#xf0ca;
.icon-name wi-mooonset
.icon-name wi-moonset
.icon_unicode f0ca
.icon-wrap
.icon &#xf04c;

6
_docs/jade/icon-list-neutral.jade
Unescape Escape View File

@ -153,4 +153,8 @@
.icon-wrap
.icon &#xf0cf;
.icon-name wi-hurricane-warning
.icon_unicode f0cf
.icon_unicode f0cf
.icon-wrap
.icon &#xf0b1;
.icon-name wi-wind-direction
.icon_unicode f0b1

64
_docs/jade/icon-list-wind-cardinal.jade
Unescape Escape View File

@ -1,128 +1,128 @@
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-n
i.wi.wi-wind.wi-towards-n
.icon-name wi-towards-n
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-nne
i.wi.wi-wind.wi-towards-nne
.icon-name wi-towards-nne
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-ne
i.wi.wi-wind.wi-towards-ne
.icon-name wi-towards-ne
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-ene
i.wi.wi-wind.wi-towards-ene
.icon-name wi-towards-ene
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-e
i.wi.wi-wind.wi-towards-e
.icon-name wi-towards-e
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-ese
i.wi.wi-wind.wi-towards-ese
.icon-name wi-towards-ese
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-se
i.wi.wi-wind.wi-towards-se
.icon-name wi-towards-se
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-sse
i.wi.wi-wind.wi-towards-sse
.icon-name wi-towards-sse
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-s
i.wi.wi-wind.wi-towards-s
.icon-name wi-towards-s
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-ssw
i.wi.wi-wind.wi-towards-ssw
.icon-name wi-towards-ssw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-sw
i.wi.wi-wind.wi-towards-sw
.icon-name wi-towards-sw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-wsw
i.wi.wi-wind.wi-towards-wsw
.icon-name wi-towards-wsw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-w
i.wi.wi-wind.wi-towards-w
.icon-name wi-towards-w
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-wnw
i.wi.wi-wind.wi-towards-wnw
.icon-name wi-towards-wnw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-nw
i.wi.wi-wind.wi-towards-nw
.icon-name wi-towards-nw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-towards-nnw
i.wi.wi-wind.wi-towards-nnw
.icon-name wi-towards-nnw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-n
i.wi.wi-wind.wi-from-n
.icon-name wi-from-n
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-nne
i.wi.wi-wind.wi-from-nne
.icon-name wi-from-nne
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-ne
i.wi.wi-wind.wi-from-ne
.icon-name wi-from-ne
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-ene
i.wi.wi-wind.wi-from-ene
.icon-name wi-from-ene
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-e
i.wi.wi-wind.wi-from-e
.icon-name wi-from-e
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-ese
i.wi.wi-wind.wi-from-ese
.icon-name wi-from-ese
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-se
i.wi.wi-wind.wi-from-se
.icon-name wi-from-se
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-sse
i.wi.wi-wind.wi-from-sse
.icon-name wi-from-sse
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-s
i.wi.wi-wind.wi-from-s
.icon-name wi-from-s
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-ssw
i.wi.wi-wind.wi-from-ssw
.icon-name wi-from-ssw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-sw
i.wi.wi-wind.wi-from-sw
.icon-name wi-from-sw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-wsw
i.wi.wi-wind.wi-from-wsw
.icon-name wi-from-wsw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-w
i.wi.wi-wind.wi-from-w
.icon-name wi-from-w
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-wnw
i.wi.wi-wind.wi-from-wnw
.icon-name wi-from-wnw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-nw
i.wi.wi-wind.wi-from-nw
.icon-name wi-from-nw
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.wi-wind-from-nnw
i.wi.wi-wind.wi-from-nnw
.icon-name wi-from-nnw
.icon_unicode f0b1

128
_docs/jade/icon-list-wind.jade
Unescape Escape View File

@ -1,128 +1,128 @@
.icon-wrap
i.wi.wi-wind-default.towards-0-deg
.icon-name wi-wind-default.towards-0-deg
i.wi.wi-wind.towards-0-deg
.icon-name wi-wind.towards-0-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-23-deg
.icon-name wi-wind-default.towards-23-deg
i.wi.wi-wind.towards-23-deg
.icon-name wi-wind.towards-23-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-45-deg
.icon-name wi-wind-default.towards-45-deg
i.wi.wi-wind.towards-45-deg
.icon-name wi-wind.towards-45-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-68-deg
.icon-name wi-wind-default.towards-68-deg
i.wi.wi-wind.towards-68-deg
.icon-name wi-wind.towards-68-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-90-deg
.icon-name wi-wind-default.towards-90-deg
i.wi.wi-wind.towards-90-deg
.icon-name wi-wind.towards-90-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-113-deg
.icon-name wi-wind-default.towards-113-deg
i.wi.wi-wind.towards-113-deg
.icon-name wi-wind.towards-113-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-135-deg
.icon-name wi-wind-default.towards-135-deg
i.wi.wi-wind.towards-135-deg
.icon-name wi-wind.towards-135-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-158-deg
.icon-name wi-wind-default.towards-158-deg
i.wi.wi-wind.towards-158-deg
.icon-name wi-wind.towards-158-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-180-deg
.icon-name wi-wind-default.towards-180-deg
i.wi.wi-wind.towards-180-deg
.icon-name wi-wind.towards-180-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-203-deg
.icon-name wi-wind-default.towards-203-deg
i.wi.wi-wind.towards-203-deg
.icon-name wi-wind.towards-203-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-225-deg
.icon-name wi-wind-default.towards-225-deg
i.wi.wi-wind.towards-225-deg
.icon-name wi-wind.towards-225-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-248-deg
.icon-name wi-wind-default.towards-248-deg
i.wi.wi-wind.towards-248-deg
.icon-name wi-wind.towards-248-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-270-deg
.icon-name wi-wind-default.towards-270-deg
i.wi.wi-wind.towards-270-deg
.icon-name wi-wind.towards-270-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-293-deg
.icon-name wi-wind-default.towards-293-deg
i.wi.wi-wind.towards-293-deg
.icon-name wi-wind.towards-293-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-313-deg
.icon-name wi-wind-default.towards-313-deg
i.wi.wi-wind.towards-313-deg
.icon-name wi-wind.towards-313-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.towards-336-deg
.icon-name wi-wind-default.towards-336-deg
i.wi.wi-wind.towards-336-deg
.icon-name wi-wind.towards-336-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-180-deg
.icon-name wi-wind-default.from-180-deg
i.wi.wi-wind.from-180-deg
.icon-name wi-wind.from-180-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-203-deg
.icon-name wi-wind-default.from-203-deg
i.wi.wi-wind.from-203-deg
.icon-name wi-wind.from-203-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-225-deg
.icon-name wi-wind-default.from-225-deg
i.wi.wi-wind.from-225-deg
.icon-name wi-wind.from-225-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-248-deg
.icon-name wi-wind-default.from-248-deg
i.wi.wi-wind.from-248-deg
.icon-name wi-wind.from-248-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-270-deg
.icon-name wi-wind-default.from-270-deg
i.wi.wi-wind.from-270-deg
.icon-name wi-wind.from-270-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-293-deg
.icon-name wi-wind-default.from-293-deg
i.wi.wi-wind.from-293-deg
.icon-name wi-wind.from-293-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-313-deg
.icon-name wi-wind-default.from-313-deg
i.wi.wi-wind.from-313-deg
.icon-name wi-wind.from-313-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-336-deg
.icon-name wi-wind-default.from-336-deg
i.wi.wi-wind.from-336-deg
.icon-name wi-wind.from-336-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-0-deg
.icon-name wi-wind-default.from-0-deg
i.wi.wi-wind.from-0-deg
.icon-name wi-wind.from-0-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-23-deg
.icon-name wi-wind-default.from-23-deg
i.wi.wi-wind.from-23-deg
.icon-name wi-wind.from-23-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-45-deg
.icon-name wi-wind-default.from-45-deg
i.wi.wi-wind.from-45-deg
.icon-name wi-wind.from-45-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-68-deg
.icon-name wi-wind-default.from-68-deg
i.wi.wi-wind.from-68-deg
.icon-name wi-wind.from-68-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-90-deg
.icon-name wi-wind-default.from-90-deg
i.wi.wi-wind.from-90-deg
.icon-name wi-wind.from-90-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-113-deg
.icon-name wi-wind-default.from-113-deg
i.wi.wi-wind.from-113-deg
.icon-name wi-wind.from-113-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-135-deg
.icon-name wi-wind-default.from-135-deg
i.wi.wi-wind.from-135-deg
.icon-name wi-wind.from-135-deg
.icon_unicode f0b1
.icon-wrap
i.wi.wi-wind-default.from-158-deg
.icon-name wi-wind-default.from-158-deg
i.wi.wi-wind.from-158-deg
.icon-name wi-wind.from-158-deg
.icon_unicode f0b1

172
_docs/jade/index.jade
Unescape Escape View File

@ -44,7 +44,20 @@ html
.container
.row
.col-sm-12
.social-wrapper
ul
li
iframe.github-btn(src='https://ghbtns.com/github-btn.html?user=erikflowers&repo=weather-icons&type=watch&count=true', allowtransparency='true', frameborder='0', scrolling='0', width='100px', height='20px')
li
iframe.github-btn(src='https://ghbtns.com/github-btn.html?user=erikflowers&repo=weather-icons&type=fork&count=true', allowtransparency='true', frameborder='0', scrolling='0', width='90px', height='20px')
li
a.twitter-share-button(href='https://twitter.com/share', data-lang='en', data-text='Weather Icons - 215 weather themed font icons!', data-via='Erik_UX', data-count='none') Tweet
li
a.twitter-follow-button(href='https://twitter.com/Erik_UX', data-show-count='false', data-lang='en') Follow @Erik_UX
script.
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
section.content.container.intro
.row
.col-sm-12
@ -61,7 +74,7 @@ html
i.wi.wi-day-cloudy-windy
i.wi.wi-night-rain
i.wi.wi-night-alt-snow
p.headline Weather Icons is the only icon font and CSS with 219 weather themed icons, ready to be dropped right into
p.headline Weather Icons is the only icon font and CSS with 215 weather themed icons, ready to be dropped right into
a(href="http://getbootstrap.com") Bootstrap,
| or any project that needs high quality weather, maritime, and meteorological based icons!
@ -93,8 +106,8 @@ html
.col-sm-4
h3
i.wi.wi-earthquake
| Built-in Popular Weather API Alias Classes
p Using popular API such as Yahoo Weather, OpenWeatherMaps, Forecast.io, or World Meteorological Organization? There are built-in class aliases that you can use right away.
| Popular Weather API Classes
p Build in API compatibility with Yahoo Weather, OpenWeatherMaps, Forecast.io, and World Meteorological Organization.
.col-sm-4
h3
i.wi.wi-thunderstorm
@ -102,38 +115,155 @@ html
p Included are 28 moon phases, 12 hours of clock, the Beaufort wind force scale, maritime wind warnings,
.col-sm-4
h3
i.wi.wi-wind-default.from-270-deg
|360 Degrees of Wind Direction
p Get wind direction down to 1 degree increments for maximum precision in your UI.
i.wi.wi-volcano.from-270-deg
| Less and Sass Support
p Use Less or Sass preprocessors to integrate the Weather Icons right into your existing builds.
.row.new-icons
.col-sm-12
h3 25 New 2.0 Icons!
.row
.col-sm-3
ul
li
i.wi.wi-day-cloudy-high
| day-cloudy-high
li
i.wi.wi-day-light-wind
| day-light-wind
li
i.wi.wi-day-sleet
| day-sleet
li
i.wi.wi-day-haze
| day-haze
li
i.wi.wi-night-cloudy-high
| night-cloud-high
li
i.wi.wi-night-alt-partly-cloudy
| night-alt-partly-cloudy
li
i.wi.wi-sleet
| sleet
.col-sm-3
ul
li
i.wi.wi-moonrise
| moonrise
li
i.wi.wi-moonset
| moonset
li
i.wi.wi-night-sleet
| night-sleet
li
i.wi.wi-night-alt-sleet
| night-alt-sleet
li
i.wi.wi-raindrop
| raindrop
li
i.wi.wi-barometer
| barometer
li
i.wi.wi-humidity
| humidity
.col-sm-3
ul
li
i.wi.wi-na
| na (no report)
li
i.wi.wi-flood
| flood
li
i.wi.wi-sandstorm
| sandstorm
li
i.wi.wi-tsunami
| tsunami
li
i.wi.wi-earthquake
| earthquake
li
i.wi.wi-fire
| fire
.col-sm-3
ul
li
i.wi.wi-volcano
| volcano
li
i.wi.wi-train
| train
li
i.wi.wi-small-craft-advisory
| small-craft-advisory
li
i.wi.wi-gale-warning
| gale-warning
li
i.wi.wi-storm-warning
| storm-warning
li
i.wi.wi-hurricane-warning
| hurricane-warning
p Please make requests or report any issues to the
a(href="https://github.com/erikflowers/weather-icons/issues") main repository on GitHub.
.meta
a(href="http://github.com/erikflowers/weather-icons") View the project on GitHub
a.github-button(href="http://github.com/erikflowers/weather-icons") View the project on GitHub
i.fa.fa-github
p Please make requests or report any issues to the
a(href="https://github.com/erikflowers/weather-icons/issues") main repository on GitHub.
.container
.row
include icon-list
.row-
.col-sm-12
.section-title Utility Classes
.instructions
p Use these special, built-in utility classes to flip, rotate, or assign a fixed width to any icon.
.row
.col-sm-4
h3 Flip
p
code wi-flip-horizontal
p
code wi-flip-vertical
.col-sm-4
h3 Rotate
p
code wi-rotate-90
p
code wi-rotate-180
p
code wi-rotate-270
.col-sm-4
h3 Fixed Width
p
code wi-fw
footer
.container
.row
.col-sm-12
p The Weather Icons project created and maintained by
.col-sm-6
p The Weather Icons project created and maintained by
a(href="http://www.twitter.com/Erik_UX") Erik Flowers
|. v1.0 artwork by
|. v1.0 artwork by
a(href="http://www.twitter.com/artill") Lukas Bischoff
|. v1.1 - 2.0 artwork by
|. v1.1 - 2.0 artwork by
a(href="http://www.twitter.com/Erik_UX") Erik Flowers
p LESS/HTML implementation inspired and heavily influenced by
p LESS/HTML implementation inspired and heavily influenced by
a(href="http://fortawesome.github.io/Font-Awesome/") Font Awesome.
p Weather Icons licensed under
a(href="http://scripts.sil.org/OFL") SIL OFL 1.1
| &mdash; Code licensed under
a(href="http://opensource.org/licenses/mit-license.html") MIT License
| &mdash; Documentation licensed under
.col-sm-6
p Weather Icons licensed under
a(href="http://scripts.sil.org/OFL") SIL OFL 1.1,
| Code licensed under
a(href="http://opensource.org/licenses/mit-license.html") MIT License,
| Documentation licensed under
a(href="http://creativecommons.org/licenses/by/3.0/") CC BY 3.0
.row
.col-sm-12

87
_docs/less/main.less
Unescape Escape View File

@ -28,22 +28,22 @@ h3 {
margin-right: 5px;
}
p {
font-size: 17px;
font-size: 15px;
}
}
header {
position: relative;
height: 100px;
//height: 100px;
padding-top: 0px;
background: url("img/sky.jpg") top center no-repeat fixed;
//.background-cover;
border-bottom: 5px solid hsl(0, 0%, 25%);
padding-bottom: 20px;
@media (min-width: @screen-tablet) {
//height: 300px;
padding-bottom: 0px;
height: 500px;
//height: 80vh;
POSITION: RELATIVE;
position: relative;
}
h1 {
font-family: "proxima nova", @copy;
@ -127,22 +127,37 @@ header {
.headline {
font-size: 25px;
line-height: 1.5em;
margin-bottom: 10px;
padding-top: 20px;
@media (min-width: @screen-tablet) {
font-size: 25px;
padding-top: 0px;
}
}
.social {
background-color: hsl(0,0%, 95%);
height: 100px;
padding: 20px 0px 6px 0px;
//height: 100px;
}
.social-wrapper {
text-align: center;
ul {
.ul-inline-no-style;
display: inline-block;
li {
margin-right: 4px;
}
}
}
.meta {
padding-top: 10px;
text-align: center;
margin-bottom: 30px;
a {
a.github-button {
color: hsl(0, 0%, 100%);
width: 290px;
background-color: @purple;
@ -150,19 +165,38 @@ header {
display: inline-block;
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
}
}
.section-title {
font-family: @copy;
font-size: 40px;
font-weight: 100;
margin-bottom: 30px;
margin-bottom: 10px;
margin-top: 30px;
color: hsl(288, 24%, 52%);
line-height: 1.3em;
font-size: 25px;
@media (min-width: @screen-tablet) {
font-size: 40px;
}
}
.new-icons {
ul {
list-style: none;
}
li {
font-size: 14px;
i {
color: @purple;
width: 25px;
font-size: 20px;
}
}
}
.instructions {
margin-bottom: 40px;
margin-bottom: 10px;
border-left: 10px solid fade(@purple, 50%);
padding-left: 20px;
}
@ -174,17 +208,19 @@ header {
}
.intro-icons {
font-size: 25px;
font-size: 15px;
color: @purple;
text-align: center;
padding: 50px 0px 40px 0px;
i {
margin-right: 10px;
&:last-child {
margin-right: 0px;
}
display: none;
i {
margin-right: 10px;
&:last-child {
margin-right: 0px;
}
}
@media (min-width: @screen-tablet) {
display: block;
padding: 50px 0px 40px 0px;
font-size: 35px;
padding: 30px 0px 20px 0px;
}
@ -199,15 +235,20 @@ header {
footer {
height: 200px;
//height: 200px;
background-color: darken(@purple, 20%);
margin-top: 30px;
color: hsl(0, 0%, 100%);
padding-top: 15px;
font-weight: @light;
font-size: 14px;
padding-bottom: 40px;
font-weight: @normal;
p {
color: hsla(0, 0%, 100%, .5);
font-size: 12px;
}
a {
color: hsl(0, 0%, 70%);
color: hsla(0, 0%, 100%, .7);
}
}

5
css/weather-icons-sass.css
Unescape Escape View File

@ -396,6 +396,9 @@
.wi-hurricane-warning:before {
content: ""; }
.wi-wind-direction:before {
content: ""; }
.wi-alien:before {
content: ""; }
@ -441,7 +444,7 @@
.wi-moonrise:before {
content: ""; }
.wi-mooonset:before {
.wi-moonset:before {
content: ""; }
.wi-refresh:before {

5
css/weather-icons-sass.min.css vendored
Unescape Escape View File

@ -350,6 +350,9 @@
.wi-hurricane-warning:before {
content: ""; }
.wi-wind-direction:before {
content: ""; }
.wi-alien:before {
content: ""; }
@ -395,7 +398,7 @@
.wi-moonrise:before {
content: ""; }
.wi-mooonset:before {
.wi-moonset:before {
content: ""; }
.wi-refresh:before {

2890
css/weather-icons-wind-sass.css
View File

File diff suppressed because it is too large Load Diff

1510
css/weather-icons-wind.css
View File

File diff suppressed because it is too large Load Diff

2
css/weather-icons.css
Unescape Escape View File

@ -441,7 +441,7 @@
.wi-moonrise:before {
content: "\f0c9";
}
.wi-mooonset:before {
.wi-moonset:before {
content: "\f0ca";
}
.wi-refresh:before {

2
css/weather-icons.min.css vendored
Unescape Escape View File

@ -394,7 +394,7 @@
.wi-moonrise:before {
content: "\f0c9";
}
.wi-mooonset:before {
.wi-moonset:before {
content: "\f0ca";
}
.wi-refresh:before {

BIN
font/weathericons-regular-webfont.eot
View File

Binary file not shown.

26
font/weathericons-regular-webfont.svg
Unescape Escape View File

@ -11,19 +11,19 @@
<glyph unicode=" " horiz-adv-x="685" />
<glyph unicode="&#x09;" horiz-adv-x="685" />
<glyph unicode="&#xa0;" horiz-adv-x="685" />
<glyph unicode="&#x2000;" horiz-adv-x="1124" />
<glyph unicode="&#x2001;" horiz-adv-x="2248" />
<glyph unicode="&#x2002;" horiz-adv-x="1124" />
<glyph unicode="&#x2003;" horiz-adv-x="2248" />
<glyph unicode="&#x2004;" horiz-adv-x="749" />
<glyph unicode="&#x2005;" horiz-adv-x="562" />
<glyph unicode="&#x2000;" horiz-adv-x="1122" />
<glyph unicode="&#x2001;" horiz-adv-x="2245" />
<glyph unicode="&#x2002;" horiz-adv-x="1122" />
<glyph unicode="&#x2003;" horiz-adv-x="2245" />
<glyph unicode="&#x2004;" horiz-adv-x="748" />
<glyph unicode="&#x2005;" horiz-adv-x="561" />
<glyph unicode="&#x2006;" horiz-adv-x="374" />
<glyph unicode="&#x2007;" horiz-adv-x="374" />
<glyph unicode="&#x2008;" horiz-adv-x="281" />
<glyph unicode="&#x2008;" horiz-adv-x="280" />
<glyph unicode="&#x2009;" horiz-adv-x="449" />
<glyph unicode="&#x200a;" horiz-adv-x="124" />
<glyph unicode="&#x202f;" horiz-adv-x="449" />
<glyph unicode="&#x205f;" horiz-adv-x="562" />
<glyph unicode="&#x205f;" horiz-adv-x="561" />
<glyph unicode="&#x25fc;" horiz-adv-x="571" d="M0 0z" />
<glyph unicode="&#xf000;" horiz-adv-x="3126" d="M0 90q0 -38 29 -64q27 -27 65 -27h627q41 0 72.5 -30t31.5 -73t-31.5 -74t-72.5 -31t-73 32q-29 26 -65 26q-38 0 -64 -25.5t-26 -63.5t26 -64q85 -85 202 -85q118 0 201 83.5t83 201.5t-83 202t-201 84h-627q-38 0 -66 -27.5t-28 -64.5zM0 411q0 -35 29 -61 q27 -27 65 -27h1170q118 0 201.5 83.5t83.5 201.5t-83 200t-202 82q-121 0 -201 -81q-25 -26 -25 -65t24.5 -63.5t63.5 -24.5q38 0 66 25q30 30 72 30t72.5 -30t30.5 -73t-30.5 -74t-72.5 -31h-1170q-38 0 -66 -27.5t-28 -64.5zM283 662q0 -13 18 -13h153q11 0 21 15 q36 87 111.5 143.5t170.5 63.5l56 8q20 0 20 18l7 55q17 173 146 289t304 116q176 0 305.5 -115.5t147.5 -289.5l7 -62q0 -19 19 -19h174q144 0 245.5 -100.5t101.5 -242.5q0 -143 -101.5 -244.5t-245.5 -101.5h-736q-20 0 -20 -19v-146q0 -18 20 -18h736q143 0 264.5 71 t192 193t70.5 265q0 118 -45 216q121 159 121 353q0 150 -75.5 279t-204.5 204.5t-279 75.5q-247 0 -412 -185q-128 65 -285 65q-225 0 -398 -139.5t-220 -356.5q-136 -32 -240.5 -131t-145.5 -234v-4q-3 -5 -3 -9zM1155 1838q0 -37 29 -64l65 -69q26 -26 65 -26 q40 0 65.5 24.5t25.5 64.5q0 38 -24 64l-70 69q-25 28 -63 28t-65.5 -27t-27.5 -64zM1723 1368q115 109 264 109q155 0 267.5 -112t112.5 -268q0 -104 -55 -195q-153 153 -369 153h-36q-38 173 -184 313zM1896 1927q0 -37 26.5 -62.5t64.5 -25.5t65 25.5t27 62.5v218 q0 38 -27 65t-65 27t-64.5 -27t-26.5 -65v-218zM2488 1685q0 -39 24 -64q27 -27 65 -27.5t61 27.5l156 153q27 27 27 65q0 37 -27 64t-65 27t-64 -26l-153 -157q-24 -25 -24 -62zM2570 423q0 -37 27 -64l68 -69q32 -26 66 -26q31 0 63 26q27 27 27 64q0 35 -27 65l-68 69 q-26 26 -62 26q-40 0 -67 -26.5t-27 -64.5zM2731 1097q0 -38 27 -63q24 -28 61 -28h216q38 0 65 27t27 64t-27.5 64.5t-64.5 27.5h-216q-38 0 -63 -27t-25 -65z" />
<glyph unicode="&#xf001;" horiz-adv-x="3105" d="M0 94q0 -39 26 -65q70 -29 94 -29h840q38 0 64.5 27.5t26.5 65.5q0 37 -26.5 62.5t-64.5 25.5h-840q-42 0 -81 -25.5t-39 -61.5zM149 414q0 -38 27 -63q24 -28 62 -28h1003q38 0 65 26.5t27 64.5t-27 65t-65 27h-1003q-37 0 -63 -27t-26 -65zM261 667q0 -14 18 -14h148 q19 0 23 14q41 85 116 140.5t169 66.5h58q17 0 17 20l8 60q11 114 74 207.5t163.5 146.5t215.5 53q174 0 304 -117t148 -290l8 -60q0 -20 19 -20h171q142 0 245.5 -102t103.5 -242q0 -144 -103 -246.5t-246 -102.5h-735q-18 0 -18 -20v-142q0 -19 18 -19h735q144 0 266 71 t193 193t71 266q0 116 -46 214q124 154 124 350q0 150 -75.5 279t-205 204.5t-280.5 75.5q-117 0 -223.5 -47.5t-185.5 -133.5q-132 69 -288 69q-226 0 -401 -140t-223 -358q-136 -34 -239.5 -133.5t-144.5 -235.5q-2 -2 -2 -7zM337 -246q0 -38 28 -63q25 -27 62 -27h1005 q37 0 63 26.5t26 63.5q0 40 -25.5 66.5t-63.5 26.5h-1005q-38 0 -64 -26.5t-26 -66.5zM1135 1835q0 -40 26 -64l68 -70q26 -26 64 -26q41 0 66.5 25.5t25.5 65.5q0 37 -26 63l-69 69q-27 27 -61 27q-40 0 -67 -26.5t-27 -63.5zM1707 1368q106 101 261 101 q156 0 265.5 -109.5t109.5 -265.5q0 -107 -49 -193q-151 152 -373 152h-32q-46 184 -182 315zM1878 1925q0 -38 26.5 -63t63.5 -25q40 0 64.5 24.5t24.5 63.5v218q0 39 -25 65.5t-64 26.5q-37 0 -63.5 -27t-26.5 -65v-218zM2467 1681q0 -39 27 -64q20 -26 64 -26q43 0 63 26 l156 154q26 24 26 66q0 37 -26.5 63.5t-64.5 26.5t-65 -25l-153 -158q-27 -26 -27 -63zM2552 416q0 -39 25 -64l70 -67q39 -29 65 -29t65 29q26 26 26 64q0 37 -26 65l-68 65q-30 28 -69 28q-38 0 -63 -26t-25 -65zM2706 1090q0 -39 29 -65q29 -27 64 -27h217q36 0 62.5 27 t26.5 65q0 36 -26 60.5t-63 24.5h-217q-39 0 -66 -24.5t-27 -60.5z" />
@ -143,7 +143,7 @@
<glyph unicode="&#xf07a;" horiz-adv-x="1514" d="M-10 497q0 141 77 323.5t198 353.5q250 330 433 498l80 77q40 -42 88 -77q66 -67 201 -222.5t231 -282.5q114 -162 193 -346.5t79 -323.5q0 -160 -62 -305.5t-167.5 -251.5t-252.5 -168.5t-310 -62.5q-160 0 -305.5 60.5t-251.5 165t-168.5 251t-62.5 311.5zM231 810 q0 -133 56 -212t170 -79q115 0 171.5 78.5t57.5 212.5q-1 134 -57.5 213t-171.5 79q-114 0 -170 -79t-56 -213zM399 810q0 24 0.5 37t2 35t5 34.5t9.5 26t16.5 19.5t24.5 6q22 0 35 -13t18.5 -41t6.5 -48t1 -56t-1 -55.5t-6.5 -47.5t-18.5 -41t-35 -13q-14 0 -24.5 6 t-16.5 19.5t-9.5 26t-5 34.5t-2 34.5t-0.5 36.5zM461 -17h141l532 1146h-144zM920 302q2 -134 58.5 -213t170.5 -79q115 0 170.5 78.5t56.5 213.5q-1 134 -56.5 212.5t-170.5 78.5q-114 0 -170.5 -78.5t-58.5 -212.5zM1088 302q0 36 1 55.5t6.5 47.5t18.5 41t35 13 q15 0 25.5 -6t17 -20t10.5 -25.5t5 -34.5l1.5 -34.5t0.5 -36.5q0 -26 -0.5 -37.5l-1.5 -34.5t-5 -34.5t-10.5 -25.5t-17 -20t-25.5 -6q-22 0 -35 13t-18.5 41t-6.5 48t-1 56z" />
<glyph unicode="&#xf07b;" horiz-adv-x="1737" d="M1 387h207v388h2l219 -388h212v710h-207v-379h-2l-207 379h-224v-710zM697 370h152l278 744h-151zM1003 387h221l31 101h226l30 -101h227l-259 710h-214zM1303 641l68 218h3l64 -218h-135z" />
<glyph unicode="&#xf07c;" horiz-adv-x="1771" d="M-8 117q0 8 2 22v508q44 -79 123 -126.5t172 -47.5q94 0 172.5 47.5t122.5 126.5q44 -79 122.5 -126.5t172.5 -47.5q93 0 171.5 47.5t122.5 126.5q45 -79 123 -126.5t171 -47.5t172 47.5t123 126.5v-513q0 -3 0.5 -8.5t0.5 -8.5q0 -2 -0.5 -7.5t-0.5 -8.5q-5 -37 -32 -64 t-64 -32q-3 0 -8.5 -1t-8.5 -1q-2 0 -7.5 1t-8.5 1h-1511q-3 0 -8 -1t-8 -1t-8.5 1t-7.5 1q-36 5 -62 30t-34 60q-2 14 -2 22zM580 1299.5q0 25.5 18 44.5l236 237l3 2q1 0 1 1q1 0 1 1q1 0 1 1h1q1 0 1 1t1 2h2l1 1h1l1 1h1l1 1h1q1 1 2 1h1q0 1 2 1q1 1 2 1l4 2h1q1 0 1 1 h2h1h3h1l1 1h2h1h6h2h2q1 0 2 -1h2h1h3q0 -1 1 -1h1h1q2 -2 3 -2l2 -1h1h1l1 -1h1l1 -1q1 0 1 -1h2q1 0 1 -0.5t1 -0.5q1 -1 2 -1q0 -2 1 -2l1 -1h2l1 -1l1 -1l1 -1l2 -2l237 -237q19 -19 19 -44.5t-19 -43.5q-18 -19 -43.5 -19t-43.5 19l-131 130v-736q0 -25 -18 -43 t-44 -18t-44.5 18t-18.5 43v736l-130 -130q-19 -19 -44.5 -19t-43.5 19q-18 18 -18 43.5z" />
<glyph unicode="&#xf07d;" horiz-adv-x="2940" d="M0 1235q0 184 115.5 328.5t291.5 185.5q50 219 225 359t401 140q221 0 393.5 -137t224.5 -351h35q144 0 266 -69.5t193 -190.5t71 -265q0 -3 -0.5 -6t-0.5 -6q148 -158 148 -378q0 -150 -75 -278t-203 -203t-277 -75q-191 0 -340.5 117.5t-196.5 298.5h-759 q-214 10 -363 163t-149 367zM182 1235q0 -139 96.5 -241t233.5 -109h753q10 4 15 4h129q7 0 13 -4h284q137 7 234 109t97 241q0 140 -104.5 243t-246.5 103h-173q-18 0 -18 18l-8 62q-18 173 -149 289.5t-305 116.5q-176 0 -305.5 -116.5t-145.5 -289.5l-8 -62 q0 -18 -21 -18h-56q-134 -16 -224.5 -114.5t-90.5 -231.5zM1006 42q-50 64 0 128l152 152q27 24 67 24q38 0 61 -24q25 -24 25 -60q0 -39 -25 -64l-152 -156q-28 -26 -65 -26t-63 26zM1457 705q43 -106 138.5 -172t212.5 -66q154 0 262.5 111t108.5 267q0 73 -26 139 q-66 -123 -185 -198.5t-262 -80.5h-249zM1717 18q0 37 26.5 62t64.5 25q37 0 65 -26q26 -26 26 -61v-216q0 -37 -27 -64.5t-64 -27.5t-64 27.5t-27 64.5v216zM2302 262q0 36 25.5 60t63.5 24q40 0 63 -24l156 -152q27 -29 27 -63q0 -37 -27 -64t-65 -27q-39 0 -65 26 l-152 156q-26 29 -26 64zM2302 1427q0 39 26 63l152 157q27 25 65 25q37 0 65 -25q27 -32 27 -68q0 -33 -27 -62l-156 -152q-25 -27 -63 -27q-37 0 -63 26t-26 63zM2545 845q0 38 25 64t62 26h217q38 0 65 -26.5t27 -63.5t-27.5 -64.5t-64.5 -27.5h-217q-37 0 -62 27t-25 65 z" />
<glyph unicode="&#xf07d;" horiz-adv-x="2357" d="M0 939q0 148 92.5 265t233.5 149q41 176 181.5 289t321.5 113q176 0 314.5 -110.5t179.5 -282.5h28q176 0 300.5 -123.5t124.5 -299.5q0 -1 -0.5 -4t-0.5 -6q120 -128 120 -304q0 -121 -60.5 -224.5t-163 -163.5t-222.5 -60q-154 0 -273.5 95t-157.5 241h-609 q-171 7 -290 130.5t-119 295.5zM145 939q0 -112 77.5 -194.5t186.5 -87.5h605q6 4 12 4h104q5 0 9 -4h229q109 5 187 87.5t78 194.5q0 113 -84 195.5t-198 82.5h-138q-15 0 -15 15l-7 50q-14 139 -119 233.5t-243 94.5q-142 0 -246 -94t-118 -234l-6 -50q0 -15 -17 -15h-43 q-108 -12 -181 -91t-73 -187zM806 -22q-40 52 0 104l121 123q22 19 55 19q30 0 49 -19t19 -50q0 -32 -19 -51l-122 -126q-20 -20 -52 -20q-31 0 -51 20zM1168 513q34 -86 110.5 -139t170.5 -53q124 0 210.5 89t86.5 215q0 62 -20 112q-53 -98 -148.5 -159t-209.5 -65h-200z M1376 -40q0 30 21.5 50t51.5 20q29 0 53 -22q20 -20 20 -48v-175q0 -30 -21.5 -52t-51.5 -22t-51.5 22t-21.5 52v175zM1846 155q0 29 20.5 49t50.5 20q31 0 50 -19l126 -123q21 -23 21 -51q0 -30 -21.5 -51.5t-52.5 -21.5q-33 0 -53 20l-121 126q-20 23 -20 51zM1846 1095 q0 31 20 50l121 126q22 20 53 20q30 0 53 -20q21 -24 21 -54q0 -28 -21 -51l-126 -123q-20 -20 -50 -20t-50.5 20.5t-20.5 51.5zM2040 625q0 30 20 51t50 21h173q31 0 53 -21t22 -51q0 -31 -22 -52.5t-53 -21.5h-173q-30 0 -50 21.5t-20 52.5z" />
<glyph unicode="&#xf07e;" horiz-adv-x="2436" d="M-1 899q0 184 115.5 328.5t291.5 185.5q50 219 225 359t401 140q221 0 393.5 -137t224.5 -351h35q144 0 266 -69.5t193 -190.5t71 -265q0 -184 -113 -329q103 -88 241 -93l70 -6q19 0 19 -20v-82q1 -162 -78 -299t-215.5 -216.5t-297.5 -79.5q-123 0 -233.5 47 t-189.5 127t-125.5 190t-46.5 231h-735q-214 10 -363 163t-149 367zM181 899q0 -139 96.5 -241t233.5 -109h1194q137 7 233.5 109t96.5 241q0 140 -104 243t-246 103h-173q-18 0 -18 18l-8 62q-18 173 -149 289.5t-305 116.5q-176 0 -305.5 -116.5t-145.5 -289.5l-8 -62 q0 -18 -21 -18h-56q-134 -16 -224.5 -114.5t-90.5 -231.5zM1400 369q0 -127 64 -231.5t164.5 -160.5t212.5 -56q99 0 194.5 48t169 145.5t91.5 223.5q-172 35 -290 139q-135 -104 -301 -108h-305z" />
<glyph unicode="&#xf080;" horiz-adv-x="2436" d="M0 896q0 184 115 328t292 185q50 219 225 359.5t401 140.5q221 0 393.5 -137t224.5 -351h35q144 0 266 -69.5t193 -190.5t71 -265q0 -32 -3 -65q104 -82 164 -203.5t60 -259.5q0 -123 -47.5 -233.5t-127.5 -189.5t-190.5 -125.5t-231.5 -46.5q-120 0 -230 47 t-189.5 126.5t-127 189.5t-47.5 230h-734q-214 10 -363 163t-149 367zM182 896q0 -139 96.5 -241.5t233.5 -109.5h1194q137 7 234 109.5t97 241.5q0 140 -104 242.5t-247 102.5h-173q-18 0 -18 18l-8 62q-18 173 -149 290t-305 117q-175 0 -304.5 -117t-146.5 -290l-8 -62 q0 -18 -21 -18h-56q-134 -16 -224.5 -114t-90.5 -231zM1383 351q10 -180 146.5 -302t310.5 -122q96 0 181 37.5t143 99.5t91 141.5t33 162.5q0 78 -31.5 157t-90.5 144q-62 -132 -186 -215t-274 -88h-308q0 -3 2 -13q-12 -2 -17 -2z" />
<glyph unicode="&#xf081;" horiz-adv-x="1755" d="M0 235q0 126 72.5 223t193.5 135q51 174 212 266v37q0 233 147.5 410.5t373.5 219.5q57 10 115 10h3q33 0 75 -5q41 -3 78 -12l97 -30q21 -11 17 -28l-14 -75q-12 -51 -12 -103q0 -56 17.5 -114.5t53 -115t97 -103t141.5 -70.5l76 -22q18 -4 18 -19q0 -6 -1 -8l-19 -73 q-9 -39 -23 -78q-24 -70 -75 -146q0 1 -1 1q-70 -101 -175 -168q22 -54 22 -132q0 -158 -110.5 -269.5t-265.5 -111.5h-731q-155 0 -268.5 113t-113.5 268zM211 235q0 -72 49.5 -122.5t121.5 -50.5h731q69 0 119.5 51t50.5 122q0 69 -50.5 119.5t-119.5 50.5h-140 q-17 0 -27 24l-9 68q-11 92 -79.5 154t-161.5 62q-91 0 -157.5 -62t-77.5 -154l-11 -59q0 -24 -20 -24l-67 -9q-66 -6 -109 -54.5t-43 -115.5zM683 918h13q148 0 265.5 -83.5t164.5 -223.5q124 0 217 -77q111 69 163 187q-166 84 -259.5 240t-93.5 332v36q-5 0 -13 0.5 t-13 0.5q-98 0 -189 -42t-154 -120l-3 2q-87 -108 -98 -252z" />
@ -221,9 +221,9 @@
<glyph unicode="&#xf0c9;" horiz-adv-x="1549" d="M7 746q0 157 61.5 300.5t165.5 248t248 166.5t302 62h125q26 -7 26 -30l4 -96q6 -208 150.5 -355.5t349.5 -155.5l91 -7q25 0 25 -25v-108q1 -164 -62 -311h-219q81 119 103 270q-268 56 -429.5 230t-186.5 409q-155 -8 -283.5 -95.5t-199 -221.5t-70.5 -281 q0 -171 89 -311h-226q-64 148 -64 311zM37 105q0 46 30 73q28 28 74 28h281l331 312q16 13 37 0l337 -312h295q43 0 73.5 -29.5t30.5 -71.5q0 -43 -30.5 -74t-73.5 -31h-361q-16 0 -31 8l-257 242l-255 -242q-13 -8 -30 -8h-347q-43 0 -73.5 31t-30.5 74z" />
<glyph unicode="&#xf0ca;" horiz-adv-x="1549" d="M0 746q0 157 61.5 300.5t165.5 248t248 166.5t302 62h125q26 -7 26 -30l5 -96q3 -103 43 -195.5t106.5 -160.5t157.5 -109.5t192 -45.5l91 -7q26 0 26 -25v-108q1 -162 -63 -311h-219q81 119 103 270q-268 56 -429.5 230t-186.5 409q-155 -8 -283.5 -95.5t-199 -221.5 t-70.5 -281q0 -171 89 -311h-226q-64 148 -64 311zM27 103q0 42 32 74q29 29 72 29h343q17 0 30 -8l251 -237l255 237q11 8 31 8h352q43 0 73.5 -30t30.5 -73t-30.5 -73.5t-73.5 -30.5h-286l-334 -303q-20 -14 -36 0l-329 303h-277q-43 0 -73.5 30.5t-30.5 73.5z" />
<glyph unicode="&#xf0cb;" horiz-adv-x="2294" d="M0 979v34q0 16 11 26.5t27 10.5h809q16 0 27 -10.5t11 -26.5v-34q0 -16 -11 -26.5t-27 -10.5h-47v-176h226q4 45 37.5 76t79.5 31t79 -31t37 -76h141v362q-22 1 -37.5 17.5t-15.5 39.5v33q0 23 17.5 40t41.5 17h212q24 0 40.5 -17t16.5 -40v-33q0 -23 -14.5 -39.5 t-36.5 -17.5v-362h166q44 0 75.5 -32t31.5 -76v-312l398 -519h-506v324h-76q17 -42 17 -89q0 -97 -68.5 -166t-165.5 -69t-166 69t-69 166q0 47 17 89h-107q18 -44 18 -89q0 -97 -69.5 -166t-166.5 -69t-165.5 69t-68.5 166q0 47 17 89h-126q19 -47 19 -89q0 -97 -69.5 -166 t-166.5 -69t-166 69t-69 166q0 46 18 90q-39 6 -65 36t-26 70v92h-2v592h-45q-16 0 -27 10.5t-11 26.5zM219 558q0 -34 24 -57.5t58 -23.5h154q34 0 57 23.5t23 57.5v245q0 33 -23.5 56.5t-56.5 23.5h-154q-34 0 -58 -24t-24 -56v-245zM1230 1752q0 -66 50 -111 q0 -32 28 -72.5t60 -46.5q7 -36 33 -60.5t63 -32.5q-17 -17 -17 -42q0 -29 19.5 -48.5t48.5 -19.5t49 20t20 48q0 4 -1.5 11t-1.5 10h3q34 0 58 24.5t24 58.5q0 16 -13 40q28 15 44 50h48q63 5 107.5 49.5t44.5 107.5q0 54 -35 96t-89 55q-13 64 -66 106t-120 42 q-65 0 -115 -40t-66 -104h-12q-66 0 -115 -41.5t-49 -99.5z" />
<glyph unicode="&#xf0cc;" horiz-adv-x="923" d="M0 746v790l923 -394z" />
<glyph unicode="&#xf0cd;" horiz-adv-x="923" d="M0 -77v790l923 -394zM0 746v790l923 -394z" />
<glyph unicode="&#xf0ce;" horiz-adv-x="923" d="M0 842v704h912v-704h-912zM253 1056h405v267h-405v-267z" />
<glyph unicode="&#xf0cf;" horiz-adv-x="923" d="M0 42v704h912v-704h-912zM0 842v704h912v-704h-912zM253 256h405v267h-405v-267zM253 1056h405v267h-405v-267z" />
<glyph unicode="&#xf0cc;" horiz-adv-x="1107" d="M0 -293v1829h110v-1829h-110zM184 746v790l923 -394z" />
<glyph unicode="&#xf0cd;" horiz-adv-x="923" d="M0 -293v1829h110v-1829h-110zM184 -63v790l923 -394zM184 746v790l923 -394z" />
<glyph unicode="&#xf0ce;" horiz-adv-x="1117" d="M0 -293v1829h121v-1829h-121zM206 832v704h912v-704h-912zM458 1046h406v267h-406v-267z" />
<glyph unicode="&#xf0cf;" horiz-adv-x="1117" d="M0 -293v1829h121v-1829h-121zM206 -2v704h912v-704h-912zM206 832v704h912v-704h-912zM458 211h406v268h-406v-268zM458 1046h406v267h-406v-267z" />
</font>
</defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 171 KiB

After

Width:  |  Height:  |  Size: 171 KiB

BIN
font/weathericons-regular-webfont.ttf
View File

Binary file not shown.

BIN
font/weathericons-regular-webfont.woff
View File

Binary file not shown.

BIN
font/weathericons-regular-webfont.woff2
View File

Binary file not shown.

2
less/icon-classes/classes-misc.less
Unescape Escape View File

@ -13,7 +13,7 @@
.wi-sunrise:before {content: @sunrise;}
.wi-sunset:before {content: @sunset;}
.wi-moonrise:before {content: @moonrise;}
.wi-mooonset:before {content: @mooonset;}
.wi-moonset:before {content: @moonset;}
.wi-refresh:before {content: @refresh;}
.wi-refresh-alt:before {content: @refresh-alt;}
.wi-umbrella:before {content: @umbrella;}

3
less/icon-classes/classes-neutral.less
Unescape Escape View File

@ -36,4 +36,5 @@
.wi-small-craft-advisory:before {content: @small-craft-advisory;}
.wi-gale-warning:before {content: @gale-warning;}
.wi-storm-warning:before {content: @storm-warning;}
.wi-hurricane-warning:before {content: @hurricane-warning;}
.wi-hurricane-warning:before {content: @hurricane-warning;}
.wi-wind-direction:before {content: @wind-direction;}

128
less/icon-classes/classes-wind-aliases.less
Unescape Escape View File

@ -1,96 +1,96 @@
.wi-wind-towards-n {
.wi-wind-default.towards-0-deg;
.wi-towards-n {
.wi-wind.towards-0-deg;
}
.wi-wind-towards-nne {
.wi-wind-default.towards-23-deg;
.wi-towards-nne {
.wi-wind.towards-23-deg;
}
.wi-wind-towards-ne {
.wi-wind-default.towards-45-deg;
.wi-towards-ne {
.wi-wind.towards-45-deg;
}
.wi-wind-towards-ene {
.wi-wind-default.towards-68-deg;
.wi-towards-ene {
.wi-wind.towards-68-deg;
}
.wi-wind-towards-e {
.wi-wind-default.towards-90-deg;
.wi-towards-e {
.wi-wind.towards-90-deg;
}
.wi-wind-towards-ese {
.wi-wind-default.towards-113-deg;
.wi-towards-ese {
.wi-wind.towards-113-deg;
}
.wi-wind-towards-se {
.wi-wind-default.towards-135-deg;
.wi-towards-se {
.wi-wind.towards-135-deg;
}
.wi-wind-towards-sse {
.wi-wind-default.towards-158-deg;
.wi-towards-sse {
.wi-wind.towards-158-deg;
}
.wi-wind-towards-s {
.wi-wind-default.towards-180-deg;
.wi-towards-s {
.wi-wind.towards-180-deg;
}
.wi-wind-towards-ssw {
.wi-wind-default.towards-203-deg;
.wi-towards-ssw {
.wi-wind.towards-203-deg;
}
.wi-wind-towards-sw {
.wi-wind-default.towards-225-deg;
.wi-towards-sw {
.wi-wind.towards-225-deg;
}
.wi-wind-towards-wsw {
.wi-wind-default.towards-248-deg;
.wi-towards-wsw {
.wi-wind.towards-248-deg;
}
.wi-wind-towards-w {
.wi-wind-default.towards-270-deg;
.wi-towards-w {
.wi-wind.towards-270-deg;
}
.wi-wind-towards-wnw {
.wi-wind-default.towards-293-deg;
.wi-towards-wnw {
.wi-wind.towards-293-deg;
}
.wi-wind-towards-nw {
.wi-wind-default.towards-313-deg;
.wi-towards-nw {
.wi-wind.towards-313-deg;
}
.wi-wind-towards-nnw {
.wi-wind-default.towards-336-deg;
.wi-towards-nnw {
.wi-wind.towards-336-deg;
}
.wi-wind-from-n {
.wi-wind-default.from-0-deg;
.wi-from-n {
.wi-wind.from-0-deg;
}
.wi-wind-from-nne {
.wi-wind-default.from-23-deg;
.wi-from-nne {
.wi-wind.from-23-deg;
}
.wi-wind-from-ne {
.wi-wind-default.from-45-deg;
.wi-from-ne {
.wi-wind.from-45-deg;
}
.wi-wind-from-ene {
.wi-wind-default.from-68-deg;
.wi-from-ene {
.wi-wind.from-68-deg;
}
.wi-wind-from-e {
.wi-wind-default.from-90-deg;
.wi-from-e {
.wi-wind.from-90-deg;
}
.wi-wind-from-ese {
.wi-wind-default.from-113-deg;
.wi-from-ese {
.wi-wind.from-113-deg;
}
.wi-wind-from-se {
.wi-wind-default.from-135-deg;
.wi-from-se {
.wi-wind.from-135-deg;
}
.wi-wind-from-sse {
.wi-wind-default.from-158-deg;
.wi-from-sse {
.wi-wind.from-158-deg;
}
.wi-wind-from-s {
.wi-wind-default.from-180-deg;
.wi-from-s {
.wi-wind.from-180-deg;
}
.wi-wind-from-ssw {
.wi-wind-default.from-203-deg;
.wi-from-ssw {
.wi-wind.from-203-deg;
}
.wi-wind-from-sw {
.wi-wind-default.from-225-deg;
.wi-from-sw {
.wi-wind.from-225-deg;
}
.wi-wind-from-wsw {
.wi-wind-default.from-248-deg;
.wi-from-wsw {
.wi-wind.from-248-deg;
}
.wi-wind-from-w {
.wi-wind-default.from-270-deg;
.wi-from-w {
.wi-wind.from-270-deg;
}
.wi-wind-from-wnw {
.wi-wind-default.from-293-deg;
.wi-from-wnw {
.wi-wind.from-293-deg;
}
.wi-wind-from-nw {
.wi-wind-default.from-313-deg;
.wi-from-nw {
.wi-wind.from-313-deg;
}
.wi-wind-from-nnw {
.wi-wind-default.from-336-deg;
.wi-from-nnw {
.wi-wind.from-336-deg;
}

2
less/icon-classes/classes-wind-degrees.less
Unescape Escape View File

@ -1,4 +1,4 @@
.@{wi-css-prefix}-wind-default {
.@{wi-css-prefix}-wind {
&.towards-0-deg {.wind-rotate(0deg);}
&.towards-1-deg {.wind-rotate(1deg);}
&.towards-2-deg {.wind-rotate(2deg);}

4
less/icon-classes/classes-wind.less
Unescape Escape View File

@ -1,8 +1,8 @@
// Wind Variables 2.0
@wind-default: "\f0b1";
@wind: "\f0b1";
.@{wi-css-prefix}-wind-default:before { content: @wind-default; }
.@{wi-css-prefix}-wind:before { content: @wind; }
.wind-rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-moz-transform: rotate(@degrees);

2
less/icon-variables/variables-misc.less
Unescape Escape View File

@ -13,7 +13,7 @@
@sunrise: "\f051";
@sunset: "\f052";
@moonrise: "\f0c9";
@mooonset: "\f0ca";
@moonset: "\f0ca";
@refresh: "\f04c";
@refresh-alt: "\f04b";
@umbrella: "\f084";

3
less/icon-variables/variables-neutral.less
Unescape Escape View File

@ -36,4 +36,5 @@
@small-craft-advisory: "\f0cc";
@gale-warning: "\f0cd";
@storm-warning: "\f0ce";
@hurricane-warning: "\f0cf";
@hurricane-warning: "\f0cf";
@wind-direction: "\f0b1";

2
sass/icon-classes/classes-misc.scss
Unescape Escape View File

@ -13,7 +13,7 @@
.wi-sunrise:before {content: $sunrise;}
.wi-sunset:before {content: $sunset;}
.wi-moonrise:before {content: $moonrise;}
.wi-mooonset:before {content: $mooonset;}
.wi-moonset:before {content: $moonset;}
.wi-refresh:before {content: $refresh;}
.wi-refresh-alt:before {content: $refresh-alt;}
.wi-umbrella:before {content: $umbrella;}

3
sass/icon-classes/classes-neutral.scss
Unescape Escape View File

@ -36,4 +36,5 @@
.wi-small-craft-advisory:before {content: $small-craft-advisory;}
.wi-gale-warning:before {content: $gale-warning;}
.wi-storm-warning:before {content: $storm-warning;}
.wi-hurricane-warning:before {content: $hurricane-warning;}
.wi-hurricane-warning:before {content: $hurricane-warning;}
.wi-wind-direction:before {content: $wind-direction;}

4
sass/icon-classes/classes-wind-degrees.scss
Unescape Escape View File

@ -1,4 +1,4 @@
.#{$wi-css-prefix}-wind-default {
.#{$wi-css-prefix}-wind {
&.towards-0-deg {@include wind-rotate(0deg);}
&.towards-1-deg {@include wind-rotate(1deg);}
&.towards-2-deg {@include wind-rotate(2deg);}
@ -724,5 +724,5 @@
}
.wi-wind-towards-n {
@extend .wi-wind-default.towards-0-deg;
@extend .wi-wind.towards-0-deg;
}

4
sass/icon-classes/classes-wind.scss
Unescape Escape View File

@ -1,8 +1,8 @@
// Wind Variables 2.0
$wind-default: "\f0b1";
$wind: "\f0b1";
.#{$wi-css-prefix}-wind-default:before { content: $wind-default; }
.#{$wi-css-prefix}-wind:before { content: $wind; }
@mixin wind-rotate( $val: 0deg ) {
-webkit-transform: rotate($val);

2
sass/icon-variables/variables-misc.scss
Unescape Escape View File

@ -13,7 +13,7 @@ $horizon-alt: "\f046";
$sunrise: "\f051";
$sunset: "\f052";
$moonrise: "\f0c9";
$mooonset: "\f0ca";
$moonset: "\f0ca";
$refresh: "\f04c";
$refresh-alt: "\f04b";
$umbrella: "\f084";

3
sass/icon-variables/variables-neutral.scss
Unescape Escape View File

@ -36,4 +36,5 @@ $tornado: "\f056";
$small-craft-advisory: "\f0cc";
$gale-warning: "\f0cd";
$storm-warning: "\f0ce";
$hurricane-warning: "\f0cf"
$hurricane-warning: "\f0cf";
$wind-direction: "\f0b1"

Write Preview
Loading…
Cancel
Save