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

updating splash page

Browse Source
gh-pages
Erik Flowers 9 years ago
parent 693b6d2ff0
commit 47c5872eba
4 changed files with 146 additions and 70 deletions
Show Stats Download Patch File Download Diff File

34
api-list.html
Unescape Escape View File

@ -29,7 +29,7 @@
<body></body>
<div class="container api-list">
<div class="row">
<div class="col-sm-3">
<div class="col-sm-4">
<h1>Yahoo</h1>
<ul>
<li>wi-yahoo-0: <strong> tornado </strong></li>
@ -83,7 +83,7 @@
<li>wi-yahoo-3200: <strong> stars </strong></li>
</ul>
</div>
<div class="col-sm-3">
<div class="col-sm-4">
<h1>Forecast.io</h1>
<ul>
<li>wi-forecast-io-clear-day: <strong> day-sunny </strong></li>
@ -101,7 +101,33 @@
<li>wi-forecast-io-tornado: <strong> tornado </strong></li>
</ul>
</div>
<div class="col-sm-3">
<div class="col-sm-4">
<h1>Weather Underground</h1>
<ul>
<li>wi-wu-chanceflurries <strong>snow-wind</strong></li>
<li>wi-wu-chancerain <strong>rain</strong></li>
<li>wi-wu-chancesleat <strong>sleet</strong></li>
<li>wi-wu-chancesnow <strong>snow</strong></li>
<li>wi-wu-chancetstorms <strong>thunderstorm</strong></li>
<li>wi-wu-clear <strong>day-sunny</strong></li>
<li>wi-wu-cloudy <strong>day-cloudy</strong></li>
<li>wi-wu-flurries <strong>snow-wind</strong></li>
<li>wi-wu-hazy <strong>day-haze</strong></li>
<li>wi-wu-mostlycloudy <strong>day-cloudy</strong></li>
<li>wi-wu-mostlysunny <strong>day-sunny</strong></li>
<li>wi-wu-partlycloudy <strong>day-cloudy</strong></li>
<li>wi-wu-partlysunny <strong>day-sunny</strong></li>
<li>wi-wu-rain <strong>showers</strong></li>
<li>wi-wu-sleat <strong>sleet</strong></li>
<li>wi-wu-snow <strong>snow</strong></li>
<li>wi-wu-sunny <strong>day-sunny</strong></li>
<li>wi-wu-tstorms <strong>thunderstorm</strong></li>
<li>wi-wu-unknown <strong>day-sunny</strong></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h1>Open Weather Map</h1>
<ul>
<li>wi-owm-200: <strong> thunderstorm </strong></li>
@ -284,7 +310,7 @@
<li>wi-owm-night-957: <strong> strong-wind </strong></li>
</ul>
</div>
<div class="col-sm-3">
<div class="col-sm-4">
<h1>World Meteorological Organization</h1>
<ul>
<li>

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

@ -819,151 +819,151 @@
.wi-wind-beaufort-12:before {
content: "\f0c3";
}
.wi-yahoo-0 {
.wi-yahoo-0:before {
content: "\f056";
}
.wi-yahoo-1 {
.wi-yahoo-1:before {
content: "\f00e";
}
.wi-yahoo-2 {
.wi-yahoo-2:before {
content: "\f073";
}
.wi-yahoo-3 {
.wi-yahoo-3:before {
content: "\f01e";
}
.wi-yahoo-4 {
.wi-yahoo-4:before {
content: "\f01e";
}
.wi-yahoo-5 {
.wi-yahoo-5:before {
content: "\f017";
}
.wi-yahoo-6 {
.wi-yahoo-6:before {
content: "\f017";
}
.wi-yahoo-7 {
.wi-yahoo-7:before {
content: "\f017";
}
.wi-yahoo-8 {
.wi-yahoo-8:before {
content: "\f015";
}
.wi-yahoo-9 {
.wi-yahoo-9:before {
content: "\f01a";
}
.wi-yahoo-10 {
.wi-yahoo-10:before {
content: "\f015";
}
.wi-yahoo-11 {
.wi-yahoo-11:before {
content: "\f01a";
}
.wi-yahoo-12 {
.wi-yahoo-12:before {
content: "\f01a";
}
.wi-yahoo-13 {
.wi-yahoo-13:before {
content: "\f01b";
}
.wi-yahoo-14 {
.wi-yahoo-14:before {
content: "\f00a";
}
.wi-yahoo-15 {
.wi-yahoo-15:before {
content: "\f064";
}
.wi-yahoo-16 {
.wi-yahoo-16:before {
content: "\f01b";
}
.wi-yahoo-17 {
.wi-yahoo-17:before {
content: "\f015";
}
.wi-yahoo-18 {
.wi-yahoo-18:before {
content: "\f017";
}
.wi-yahoo-19 {
.wi-yahoo-19:before {
content: "\f063";
}
.wi-yahoo-20 {
.wi-yahoo-20:before {
content: "\f014";
}
.wi-yahoo-21 {
.wi-yahoo-21:before {
content: "\f021";
}
.wi-yahoo-22 {
.wi-yahoo-22:before {
content: "\f062";
}
.wi-yahoo-23 {
.wi-yahoo-23:before {
content: "\f050";
}
.wi-yahoo-24 {
.wi-yahoo-24:before {
content: "\f050";
}
.wi-yahoo-25 {
.wi-yahoo-25:before {
content: "\f076";
}
.wi-yahoo-26 {
.wi-yahoo-26:before {
content: "\f013";
}
.wi-yahoo-27 {
.wi-yahoo-27:before {
content: "\f031";
}
.wi-yahoo-28 {
.wi-yahoo-28:before {
content: "\f002";
}
.wi-yahoo-29 {
.wi-yahoo-29:before {
content: "\f031";
}
.wi-yahoo-30 {
.wi-yahoo-30:before {
content: "\f002";
}
.wi-yahoo-31 {
.wi-yahoo-31:before {
content: "\f02e";
}
.wi-yahoo-32 {
.wi-yahoo-32:before {
content: "\f00d";
}
.wi-yahoo-33 {
.wi-yahoo-33:before {
content: "\f083";
}
.wi-yahoo-34 {
.wi-yahoo-34:before {
content: "\f00c";
}
.wi-yahoo-35 {
.wi-yahoo-35:before {
content: "\f017";
}
.wi-yahoo-36 {
.wi-yahoo-36:before {
content: "\f072";
}
.wi-yahoo-37 {
.wi-yahoo-37:before {
content: "\f00e";
}
.wi-yahoo-38 {
.wi-yahoo-38:before {
content: "\f00e";
}
.wi-yahoo-39 {
.wi-yahoo-39:before {
content: "\f00e";
}
.wi-yahoo-40 {
.wi-yahoo-40:before {
content: "\f01a";
}
.wi-yahoo-41 {
.wi-yahoo-41:before {
content: "\f064";
}
.wi-yahoo-42 {
.wi-yahoo-42:before {
content: "\f01b";
}
.wi-yahoo-43 {
.wi-yahoo-43:before {
content: "\f064";
}
.wi-yahoo-44 {
.wi-yahoo-44:before {
content: "\f00c";
}
.wi-yahoo-45 {
.wi-yahoo-45:before {
content: "\f00e";
}
.wi-yahoo-46 {
.wi-yahoo-46:before {
content: "\f01b";
}
.wi-yahoo-47 {
.wi-yahoo-47:before {
content: "\f00e";
}
.wi-yahoo-3200 {
.wi-yahoo-3200:before {
content: "\f077";
}
.wi-forecast-io-clear-day:before {
@ -1401,9 +1401,6 @@
.wi-owm-802:before {
content: "\f011";
}
.wi-owm-803:before {
content: "\f011";
}
.wi-owm-803:before {
content: "\f012";
}
@ -1782,3 +1779,60 @@
.wi-owm-night-957:before {
content: "\f050";
}
.wi-wu-chanceflurries:before {
content: "\f064";
}
.wi-wu-chancerain:before {
content: "\f019";
}
.wi-wu-chancesleat:before {
content: "\f0b5";
}
.wi-wu-chancesnow:before {
content: "\f01b";
}
.wi-wu-chancetstorms:before {
content: "\f01e";
}
.wi-wu-clear:before {
content: "\f00d";
}
.wi-wu-cloudy:before {
content: "\f002";
}
.wi-wu-flurries:before {
content: "\f064";
}
.wi-wu-hazy:before {
content: "\f0b6";
}
.wi-wu-mostlycloudy:before {
content: "\f002";
}
.wi-wu-mostlysunny:before {
content: "\f00d";
}
.wi-wu-partlycloudy:before {
content: "\f002";
}
.wi-wu-partlysunny:before {
content: "\f00d";
}
.wi-wu-rain:before {
content: "\f01a";
}
.wi-wu-sleat:before {
content: "\f0b5";
}
.wi-wu-snow:before {
content: "\f01b";
}
.wi-wu-sunny:before {
content: "\f00d";
}
.wi-wu-tstorms:before {
content: "\f01e";
}
.wi-wu-unknown:before {
content: "\f00d";
}

21
css/weather-icons.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
index.html
Unescape Escape View File

@ -91,7 +91,7 @@
<div class="row">
<div class="col-sm-4">
<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. <a href="api-list.html">View the list of API mappings here.</a></p>
<p>Build in API compatibility with Yahoo Weather, OpenWeatherMaps, Forecast.io, Weather Underground, and World Meteorological Organization. <a href="api-list.html">View the list of API mappings here.</a></p>
</div>
<div class="col-sm-4">
<h3><i class="wi wi-thunderstorm"></i>Specialty Icons</h3>
@ -106,7 +106,6 @@
<div class="col-sm-12">
<div class="section-title">Getting Started</div>
<p>To use the Weather Icons, place the main CSS files in your CSS directory, and the font files in a "font" directory on the same folder level as the CSS director. Once you've done that, all you need to do to reference an icon in your HTML is type <code>&lt;i class="wi wi-night-sleet"&gt;&lt;/i&gt;</code></p>
<p>Weather icons is also hosted on cdn.js, to use the CSS from there, just include:<br><code>https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.1/css/weather-icons.min.css</code></p>
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save