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

449 lines
12 KiB
Plaintext
Raw Normal View History

2013-06-29 16:08:56 -06:00
!!! 5
html(lang="en")
head
2013-07-31 22:18:57 -06:00
title Weather Icons - Icon Font inspired by Font Awesome and designed for Bootstrap
meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no') script(src='//code.jquery.com/jquery-latest.min.js')
2013-07-31 22:18:57 -06:00
script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js')
2013-06-29 16:08:56 -06:00
script(src='//use.typekit.net/xmb4mjl.js')
script
try{Typekit.load();}catch(e){} script(src='js/bootstrap.min.js')
2013-06-29 16:08:56 -06:00
script(src='js/scripts.js')
link(rel='stylesheet', href='css/styles.css')
//- link(rel='stylesheet', href='css/weather.css')
2013-07-31 22:18:57 -06:00
body
header
.container
.row-fluid
.col-sm-12
2013-07-31 22:18:57 -06:00
h1 Weather Icons
.icon
i.wi-day-cloudy
2013-06-29 16:08:56 -06:00
2013-07-31 22:18:57 -06:00
section.share-bar
.container
.row
.col-sm-6.col-offset-3
|share
section.content.container.intro
.row
.col-sm-8
p Weather Icons is a font of 92 weather themed icons, ready to be dropped right into Bootstrap or any other project. Inspired by Font Awesome, they are infinitley scalable and any CSS that can be applied to text can be applied to them.
p The icon designs are originally by XXX. The font has been modified slightly for icon-font usage, and turned into a HTML/LESS plugin by me.
p Verions 0.1
.col-sm-4
a.download.btn.btn-primary.btn-large(href="#")
i.wi-lightning
| Download Here
section.content.container.iconExamples
.row
.col-sm-12
h2 Day
.row
.col-sm-4
.example
.icon
i.wi-day-cloudy-gusts
.class wi-day-cloudy-gusts
.example
.icon
i.wi-day-cloudy-windy
.class wi-day-cloudy-windy
.example
.icon
i.wi-day-cloudy
.class wi-day-cloudy
.example
.icon
i.wi-day-fog
.class wi-day-fog
.example
.icon
i.wi-day-hail
.class wi-day-hail
.example
.icon
i.wi-day-lightning
.class wi-day-lightning
.col-sm-4
.example
.icon
i.wi-day-rain-mix
.class wi-day-rain-mix
.example
.icon
i.wi-day-rain-wind
.class wi-day-rain-wind
.example
.icon
i.wi-day-rain
.class wi-day-rain
.example
.icon
i.wi-day-showers
.class wi-day-showers
.example
.icon
i.wi-day-snow
.class wi-day-snow
.example
.icon
i.wi-day-sprinkle
.class wi-day-sprinkle
.col-sm-4
.example
.icon
i.wi-day-sunny-overcast
.class wi-day-sunny-overcast
.example
.icon
i.wi-day-sunny
.class wi-day-sunny
.example
.icon
i.wi-day-storm-showers
.class wi-day-storm-showers
.example
.icon
i.wi-day-thunderstorm
.class wi-day-thunderstorm
.row
.col-sm-12
h2 Neutral
.row
.col-sm-4
.example
.icon
i.wi-cloudy-gusts
.class wi-cloudy-gusts
.example
.icon
i.wi-cloudy-windy
.class wi-cloudy-windy
.example
.icon
i.wi-cloudy
.class wi-cloudy
.example
.icon
i.wi-fog
.class wi-fog
.example
.icon
i.wi-hail
.class wi-hail
.col-sm-4
.example
.icon
i.wi-lightning
.class wi-lightning
.example
.icon
i.wi-rain-mix
.class wi-rain-mix
.example
.icon
i.wi-rain-wind
.class wi-rain-wind
.example
.icon
i.wi-rain
.class wi-rain
.example
.icon
i.wi-showers
.class wi-showers
.col-sm-4
.example
.icon
i.wi-snow
.class wi-snow
.example
.icon
i.wi-sprinkle
.class wi-sprinkle
.example
.icon
i.wi-storm-showers
.class wi-storm-showers
.example
.icon
i.wi-thunderstorm
.class wi-thunderstorm
.row
.col-sm-12
h2 Night
.row
.col-sm-4
.example
.icon
i.wi-night-alt-cloudy-gusts
.class wi-night-alt-cloudy-gusts
.example
.icon
i.wi-night-alt-cloudy-windy
.class wi-night-alt-cloudy-windy
.example
.icon
i.wi-night-alt-hail
.class wi-night-alt-hail
.example
.icon
i.wi-night-alt-lightning
.class wi-night-alt-lightning
.example
.icon
i.wi-night-alt-rain-mix
.class wi-night-alt-rain-mix
.example
.icon
i.wi-night-alt-rain-wind
.class wi-night-alt-rain-wind
.example
.icon
i.wi-night-alt-rain
.class wi-night-alt-rain
.example
.icon
i.wi-night-alt-showers
.class wi-night-alt-showers
.example
.icon
i.wi-night-alt-snow
.class wi-night-alt-snow
.col-sm-4
.example
.icon
i.wi-night-alt-sprinkle
.class wi-night-alt-sprinkle
.example
.icon
i.wi-night-alt-storm-showers
.class wi-night-alt-storm-showers
.example
.icon
i.wi-night-alt-thunderstorm
.class wi-night-alt-thunderstorm
.example
.icon
i.wi-night-clear
.class wi-night-clear
.example
.icon
i.wi-night-cloudy-gusts
.class wi-night-cloudy-gusts
.example
.icon
i.wi-night-cloudy-windy
.class wi-night-cloudy-windy
.example
.icon
i.wi-night-cloudy
.class wi-night-cloudy
.example
.icon
i.wi-night-hail
.class wi-night-hail
.example
.icon
i.wi-night-lightning
.class wi-night-lightning
.col-sm-4
.example
.icon
i.wi-night-rain-mix
.class wi-night-rain-mix
.example
.icon
i.wi-night-rain-wind
.class wi-night-rain-wind
.example
.icon
i.wi-night-rain
.class wi-night-rain
.example
.icon
i.wi-night-showers
.class wi-night-showers
.example
.icon
i.wi-night-snow
.class wi-night-snow
.example
.icon
i.wi-night-sprinkle
.class wi-night-sprinkle
.example
.icon
i.wi-night-storm-showers
.class wi-night-storm-showers
.example
.icon
i.wi-night-thunderstorm
.class wi-night-thunderstorm
2013-06-29 16:08:56 -06:00
.row
.col-sm-12
2013-07-31 22:18:57 -06:00
h2 Misc
.row
.col-sm-4
.example
.icon
i.wi-celcius
.class wi-celcius
.example
.icon
i.wi-cloud-down
.class wi-cloud-down
.example
.icon
i.wi-cloud-refresh
.class wi-cloud-refresh
.example
.icon
i.wi-cloud-up
.class wi-cloud-up
.example
.icon
i.wi-cloud
.class wi-cloud
.example
.icon
i.wi-degrees
.class wi-degrees
.example
.icon
i.wi-down-left
.class wi-down-left
.example
.icon
i.wi-down
.class wi-down
.example
.icon
i.wi-fahrenheit
.class wi-fahrenheit
.example
.icon
i.wi-horizon-alt
.class wi-horizon-alt
.example
.icon
i.wi-horizon
.class wi-horizon
.example
.icon
i.wi-left
.class wi-left
.col-sm-4
.example
.icon
i.wi-lightning
.class wi-lightning
.example
.icon
i.wi-night-fog
.class wi-night-fog
.example
.icon
i.wi-refresh-alt
.class wi-refresh-alt
.example
.icon
i.wi-refresh
.class wi-refresh
.example
.icon
i.wi-right
.class wi-right
.example
.icon
i.wi-sprinkles
.class wi-sprinkles
.example
.icon
i.wi-strong-wind
.class wi-sunrise
.example
.icon
i.wi-sunrise
.class wi-sunrise
.example
.icon
i.wi-sunset
.class wi-sunset
.example
.icon
i.wi-thermometer-exterior
.class wi-thermometer-exterior
.example
.icon
i.wi-thermometer-internal
.class wi-thermometer-internal
.example
.icon
i.wi-thermometer
.class wi-thermometer
.col-sm-4
.example
.icon
i.wi-tornado
.class wi-tornado
.example
.icon
i.wi-up-right
.class wi-up-right
.example
.icon
i.wi-up
.class wi-up
.example
.icon
i.wi-wind-east
.class wi-wind-east
.example
.icon
i.wi-wind-north-east
.class wi-wind-north-east
.example
.icon
i.wi-wind-north-west
.class wi-wind-north-west
.example
.icon
i.wi-wind-north
.class wi-wind-north
.example
.icon
i.wi-wind-south-east
.class wi-wind-south-east
.example
.icon
i.wi-wind-south-west
.class wi-wind-south-west
.example
.icon
i.wi-wind-south
.class wi-wind-south
.example
.icon
i.wi-wind-west
.class wi-wind-west
.example
.icon
i.wi-windy
.class wi-windy
2013-06-29 16:08:56 -06:00
footer
.container
.row-fluid
2013-07-31 22:18:57 -06:00
.col-sm-12
p
i.wi-day-cloudy
|The Weather Icons 0.1 project created and maintained by Erik Flowers. Original artwork by XXX.
p Weather Icons are designed to work with Bootstrap, but can work with any project.
p LESS/HTML implementation inspired and heavily influenced by Font Awesome