doctype
html
  head
    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

    meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')

    link(rel='stylesheet', href='css/styles.css')
    link(rel='stylesheet', href='../css/weather-icons.css')
    link(rel='stylesheet', href='../css/weather-icons-wind.css')

    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');

  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.social
      .container
        .row
          .col-sm-12

    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 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,
            |  or any project that needs high quality weather, maritime, and meteorological based icons!


          .features
            .row
              .col-sm-4
                h3
                  i.wi.wi-day-sunny
                  | The Freedom of CSS
                p Anthing you can do to text, you can do to the icons. Scale, rotate, flip, change color, add shadows... and more!  
                  i.wi.wi-night-thunderstorm.wi-flip-vertical.purple
                  i.wi.wi-night-thunderstorm.wi-flip-horizontal.purple
                  i.wi.wi-night-thunderstorm.wi-rotate-90.purple
                  i.wi.wi-night-thunderstorm.wi-rotate-180.purple
                  i.wi.wi-night-thunderstorm.wi-rotate-270.purple

              .col-sm-4
                h3
                  i.wi.wi-lightning
                  | Use In Graphic Apps
                p Weather Icons come with OTF and TTF files, so using the cheatsheet to copy and paste right into your favorite design apps like Photoshop, Illustrator, Sketch!
              .col-sm-4
                h3
                  i.wi.wi-night-rain
                  | Flip, Scale, Transform
                p Easily modify the icon look with built-in classes that make it easy.
            .row
              .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.
              .col-sm-4
                h3
                  i.wi.wi-thunderstorm
                  | Specialty Icons
                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.


          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

    .container
      .row
        include icon-list

    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