Mirrors/erikflowers_weather-icons
2
0
Fork 0
mirror of https://github.com/erikflowers/weather-icons.git synced 2025-12-14 13:14:57 -07:00
Code Issues Releases Wiki Activity

Cleaning up formatting

Browse Source
This commit is contained in:
Erik Flowers 2013-08-03 18:00:17 -06:00
parent 208b72d946
commit 36db7d80c1
2 changed files with 1336 additions and 6959 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8213
css/styles.css
View File

File diff suppressed because it is too large Load Diff

36
index.html
View File

@ -8,6 +8,16 @@
<script>try{Typekit.load();}catch(e){} script(src='js/bootstrap.min.js')</script>
<script src="js/scripts.js"></script>
<link rel="stylesheet" href="css/styles.css">
<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');
</script>
</head>
<body>
<header>
@ -25,16 +35,14 @@
<div class="col-sm-12">
<p class="intro-icons"><i class="wi-day-lightning"></i><i class="wi-night-thunderstorm"></i><i class="wi-day-snow"></i><i class="wi-sprinkles"></i><i class="wi-day-sunny"></i><i class="wi-cloudy"></i><i class="wi-night-rain-mix"></i><i class="wi-sunset"></i><i class="wi-sunrise"></i><i class="wi-day-cloudy-windy"></i><i class="wi-night-rain"></i><i class="wi-night-alt-snow"></i></p>
<p class="headline">Weather Icons is a font of 92 weather themed icons, ready to be dropped right into <a href="http://getbootstrap.com">Bootstrap</a> or any other project. <i class="wi-cloudy"> </i></p>
<p>Inspired by <a href="http://fortawesome.github.io/Font-Awesome/"> Font Awesome</a>, they are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do is <code>&lt;i class="wi-day-lightning"&gt;</code></p>
<div class="beta">
<div class="title">Version Beta 1</div>
<p>This is my first attempt at a Bootstrap/web ready icon-font, so there will be updates and improvements. It is best to download the repo from Github if you want to keep up to date. Please report any issues or requests to the <a href="https://github.com/erikflowers/weather-icons/issues">repository here</a></p>
<p>The icon designs are originally by <a href="https://twitter.com/artill">Lukas Bischoff. </a>The font has been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by <a href="http://www.helloerik.com/">me (Erik).</a></p>
</div>
<p>Inspired by <a href="http://fortawesome.github.io/Font-Awesome/"> Font Awesome, they work in essentially the same way.</a>. 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 class to an "i" element: <code>&lt;i class="wi-day-lightning"&gt;</code>. At this time, there are no other effects/mixins to do advanced icon manipulation yet.</p>
</div>
</div>
</section>
<div class="download-share">
<div class="container">
<div class="row download-here">
<div class="col-sm-4 col-offset-4"><a href="https://github.com/erikflowers/weather-icons" class="download btn btn-primary btn-large"> Download Here <i class="wi-cloud"></i></a></div>
<div class="download-button"><a href="https://github.com/erikflowers/weather-icons" class="download btn btn-primary btn-large">Download Beta 1 <i class="wi-cloud"></i></a></div>
</div>
<div class="row social">
<div class="col-sm-12">
@ -58,7 +66,8 @@
</p>
</div>
</div>
</section>
</div>
</div>
<section class="content container iconExamples">
<div class="row">
<div class="col-sm-12">
@ -481,6 +490,17 @@
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="beta">
<div class="title">Version Beta 1</div>
<p>This is my first attempt at a Bootstrap/web ready icon-font, so there will be updates and improvements. It is best to download the repo from Github if you want to keep up to date. Please report any issues or requests to the <a href="https://github.com/erikflowers/weather-icons/issues">repository here</a></p>
<p>The icon designs are originally by <a href="https://twitter.com/artill">Lukas Bischoff. </a>The font has been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by <a href="http://www.helloerik.com/">me (Erik).</a></p>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row-fluid">