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

Adding twitter button, fixing a few things

Browse Source
pull/42/head
Erik Flowers 10 years ago
parent 8a7227bb78
commit 0ce9289a5a
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File

3
css/styles.css
Unescape Escape View File

@ -6538,6 +6538,9 @@ footer a {
.buttons {
font-size: 100px;
}
.follow {
text-align: center;
}
.intro-icons {
font-size: 15px;
color: #357cbb;

23
index.html
Unescape Escape View File

@ -8,9 +8,7 @@
<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 -->
<!--favicons -->
<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"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
@ -45,10 +43,13 @@
<section class="content container intro">
<div class="row">
<div class="col-sm-12">
<p class="intro-icons"><i class="wi wi-day-lightning"></i><i class="wi wi-night-thunderstorm"></i><i class="wi wi-day-snow"></i><i class="wi wi-sprinkles"></i><i class="wi wi-day-sunny"></i><i class="wi wi-cloudy"></i><i class="wi wi-night-rain-mix"></i><i class="wi wi-sunset"></i><i class="wi wi-sunrise"></i><i class="wi wi-day-cloudy-windy"></i><i class="wi wi-night-rain"></i><i class="wi wi-night-alt-snow"></i><i class="30bb"></i></p>
<p class="headline">Weather Icons is a font of 123 weather themed icons, ready to be dropped right into <a href="http://getbootstrap.com">Bootstrap</a> or any other project. <i class="wi wi-cloudy"></i></p>
<p class="intro-icons"><i class="wi wi-day-lightning"></i><i class="wi wi-night-thunderstorm"></i><i class="wi wi-day-snow"></i><i class="wi wi-sprinkles"> </i><i class="wi wi-day-sunny"></i><i class="wi wi-cloudy"></i><i class="wi wi-night-rain-mix"></i><i class="wi wi-sunset"></i><i class="wi wi-sunrise"></i><i class="wi wi-day-cloudy-windy"></i><i class="wi wi-night-rain"></i><i class="wi wi-night-alt-snow"></i></p>
<p class="headline">Weather Icons is a font of 123 weather themed icons, ready to be dropped right into <a href="http://getbootstrap.com">Bootstrap</a> or any other project. <i class="wi wi-cloudy"> </i></p>
<p>Inspired by <a href="http://fontawesome.io/"> Font Awesome</a>, they work in essentially the same way. 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 wi-day-lightning"&gt;&lt;/i&gt;</code>. At this time, there are no other effects/mixins to do advanced icon manipulation. Those will be coming in future releases. </p>
<p>Want to use the font in your desktop applications? Check out the <a href="cheatsheet/">cheatsheet here. </a>Just install the font on your system and copy and paste, it's that easy.</p>
<p>Want to use the font in your desktop applications? Check out the <a href="/cheatsheet/">cheatsheet here. </a>Just install the font on your system and copy and paste, it's that easy.</p>
<p class="follow"><a href="https://twitter.com/weathericons" data-show-count="false" data-size="large" data-dnt="true" class="twitter-follow-button">Follow @weathericons</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</p>
</div>
</div>
</section>
@ -66,9 +67,9 @@
</script><a href="https://twitter.com/Erik_UX" data-show-count="false" data-lang="en" class="twitter-follow-button">Follow @Erik_UX</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><a href="https://twitter.com/artill" data-show-count="false" data-lang="en" class="twitter-follow-button">Follow @artill</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<iframe src="http://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="75" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="73" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=erikflowers&amp;type=follow&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="75" height="20"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="73" height="20"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;type=follow&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe>
</p>
</div>
</div>
@ -652,7 +653,7 @@
<footer>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="col-sm-12">
<p>The Weather Icons project created and maintained by <a href="http://www.twitter.com/Erik_UX">Erik Flowers</a>. Original artwork by <a href="http://www.twitter.com/artill">Lukas Bischoff.</a></p>
<p>LESS/HTML implementation inspired and heavily influenced by <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome.</a></p>
<p>Weather Icons licensed under <a http://scripts.sil.org/OFL>SIL OFL 1.1</a> &mdash; Code licensed under <a http://opensource.org/licenses/mit-license.html>MIT License</a> &mdash; Documentation licensed under <a http://creativecommons.org/licenses/by/3.0/>CC BY 3.0</a></p>
@ -661,4 +662,4 @@
</div>
</footer>
</body>
</html>
</html>
Write Preview
Loading…
Cancel
Save