2
0
mirror of https://github.com/erikflowers/weather-icons.git synced 2025-10-12 07:22:11 -06:00

108 lines
4.3 KiB
Plaintext
Raw Normal View History

2015-07-31 17:04:10 -07:00
doctype
html
head
2015-08-01 17:53:44 -07:00
title Weather Icons - 219 font icons inspired by Font Awesome and designed for Bootstrap
// favicons
link(rel='apple-touch-icon', sizes='57x57', href='/apple-touch-icon-57x57.png')
link(rel='apple-touch-icon', sizes='60x60', href='/apple-touch-icon-60x60.png')
link(rel='icon', type='image/png', href='/favicon-16x16.png', sizes='16x16')
link(rel='icon', type='image/png', href='/favicon-32x32.png', sizes='32x32')
meta(name='msapplication-TileColor', content='#da532c')
//favicons
2015-07-31 17:04:10 -07:00
meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
link(rel='stylesheet', href='css/styles.css')
2015-08-01 17:53:44 -07:00
link(rel='stylesheet', href='../css/weather-icons.css')
link(rel='stylesheet', href='../css/weather-icons-wind.css')
2015-07-31 17:04:10 -07:00
script(src='//use.typekit.net/hse2lqc.js')
script.
try{Typekit.load();}catch(e){} script(src='js/bootstrap.min.js')
script.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-547519-12', 'erikflowers.github.io');
ga('send', 'pageview');
2015-07-31 17:04:10 -07:00
body
header
.container
.row-fluid
.col-sm-12
.icon
.icon-box
.wi.wi-day-cloudy
h1 Weather Icons
h2 215 Weather Themed Icons and CSS
a.download-now(href="#") Download Now
i.wi.wi-sunset
section.content.container.intro
.row
.col-sm-12
.intro-icons
i.wi.wi-day-lightning
i.wi.wi-night-thunderstorm
i.wi.wi-day-snow
i.wi.wi-sprinkle
i.wi.wi-day-sunny
i.wi.wi-cloudy
i.wi.wi-night-rain-mix
i.wi.wi-sunset
i.wi.wi-sunrise
i.wi.wi-day-cloudy-windy
i.wi.wi-night-rain
i.wi.wi-night-alt-snow
p.headline Icon font and CSS for 219 weather themed icons, ready to be dropped right into
a(href="http://getbootstrap.com") Bootstrap,
| or any project!
i.wi.wi-cloudy
p Infinitley scalable, any CSS that can be applied to text can be applied to the icons. All you need to do to insert an icon is add the class to an "i" element:
code <i class="wi wi-day-lightning"></i>
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
i.fa.fa-github
2015-07-31 17:04:10 -07:00
2015-07-31 21:11:08 -07:00
.container
.row
include icon-list
2015-07-31 17:04:10 -07:00
footer
.container
.row
.col-sm-12
p The Weather Icons project created and maintained by
a(href="http://www.twitter.com/Erik_UX") Erik Flowers
|. v1.0 artwork by
a(href="http://www.twitter.com/artill") Lukas Bischoff
|. 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
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
| — 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
i.wi.wi-day-lightning
i.wi.wi-night-thunderstorm
i.wi.wi-day-snow
i.wi.wi-sprinkle
i.wi.wi-day-sunny
i.wi.wi-cloudy
i.wi.wi-night-rain-mix
i.wi.wi-sunset
i.wi.wi-sunrise
i.wi.wi-day-cloudy-windy
i.wi.wi-night-rain
i.wi.wi-night-alt-snow