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

Edited changelog and readme content.

Browse Source
pull/82/head
Macdonald, Zak 9 years ago
parent 14f005fc40
commit 88895434c7
2 changed files with 89 additions and 52 deletions
Show Stats Download Patch File Download Diff File

94
CHANGELOG.md
Unescape Escape View File

@ -1,48 +1,46 @@
# Weather Icons
*Version 1.3 - November 30th, 2014*
## A free, open source icon-font of Weather icons
Weather Icons is a font of 189 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com) or any other project.
Inspired by [Font Awesome](http://fontawesome.io/), 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 base class and the specific icon class to an "i" element:
``<i class="wi wi-day-lightning"></i>``
At this time, there are no other effects/mixins to do advanced icon manipulation yet.
![Icon Preview](http://wes.io/WeM5/preview.png)
####[View demo and full icon reference](http://erikflowers.github.io/weather-icons/)
## Getting Started
Getting started is easy. First, put the fonts in the directory ABOVE your css directory. By default, the fonts are referencing a ../fonts/ folder that is on the same level as /css. This can be changed via the `@WeatherIconPath` variable in variables.less
Include in your main .less file `weather-icons/weather-icons.less` and that is all you need to do.
It is best to download the [repo](http://www.github.com/erikflowers/weather-icons) from Github if you want to keep up to date. Please report any issues or requests to the repository here
#### CSS Only Method
If you just want to add a css file to your project with no Less compiling, you just need to reference the `weather-icons.css` included in the css folder. *If you are not familiar with using Bootstrap, or using Bootstrap in the precompiled Less mode, I would recommend you give it a try)*
## New in version 1.3
Umbrella, day-windy, night-alt-cloudy, up-left, down-right, day-sleet, night-sleet, night-alt-sleet, sleet, day-haze.
28 moon phase icons
12 clock icons
13 Beaufort Scale icons
### Collaboration
If you feel so inclined to add icon ideas, icon art, or other fixes/changes to how the package works, feel free to help! I'd also love it if someone wanted to make this a component as well for bower, npm, component, etc. No idea how to do that myself (yet).
## Credit
The icon designs are originally by [Lukas Bischoff](http://www.twitter.com/artill). Icon art for v1.1 forward, HTML, Less, and CSS are by [me (Erik)](http://www.helloerik.com).
None of this would be possible without [Bootstrap](http://www.getbootstrap.com), [Font Awesome](http://fontawesome.io/) and [Lukas Bischoff](http://www.twitter.com/artill). I just put it all together into a neat package. Cheatsheet provided by Michael Woywod.
Weather Icons licensed under [SIL OFL 1.1](http://scripts.sil.org/OFL) &mdash; Code licensed under [MIT License](http://opensource.org/licenses/mit-license.html) &mdash; Documentation licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0)
## Contact
Weather Icons is maintained by me, Erik Flowers. Reach me at [@Erik_UX](http://www.twitter.com/Erik_UX) or at [http://www.helloerik.com](http://www.helloerik.com).
### 2.0.0
* **Additions**
* SASS code base!
* **Updates**
* New taxonomy has been adopted which mroe closely matches FontAwesome
* LESS code base
* Moved and renamed to match new taxonomy
* Closer feature parity with FontAwesome for both code bases
* **Deprecations**
* Icons
* `wind-beafort-*` has been renamed `wind-beaufort-*` to rectify a typo
* Prefixed directional icons with `direction-`
* `down`
* `down-left`
* `down-right`
* `left`
* `right`
* `up`
* `up-left`
* `up-right`
### 1.3.0
* **Additions**
* Icons
* `day-haze`
* `day-sleet`
* `day-windy`
* `down-right`
* `moon-3rd-quarter`
* `moon-first-quarter`
* `moon-full`
* `moon-new`
* `moon-waning-crescent-* [1-6]
* `moon-waning-gibbous-*` [1-6]
* `moon-waxing-cresent-*` [1-6]
* `moon-waxing-gibbous-*` [1-6]
* `night-alt-cloudy`
* `night-alt-sleet`
* `night-sleet`
* `sleet`
* `time-*` [1-12]
* Clocks, class name matches hour of day indicated
* `umbrella`
* `up-left`
* `wind-beafort-*` [0-12]
* Representation of Beaufort scale

47
README.md
Unescape Escape View File

@ -1,6 +1,45 @@
# Weather Icons
*Version 1.3 - November 30th, 2014*
## Weather Icons
*Version 2.0.0*
These are the Bootstrap ready Less files. Put the "weather-icons" folder inside your main Less folder and import it with the rest of your less imports.
### A free, open source icon-font of Weather icons
**Remember** your CSS is going to look for the fonts in `./css`, a directory above.
Weather Icons is a font of 189 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com), [Foundation](http://foundation.zurb.com) or any other project.
Inspired by [Font Awesome](http://fontawesome.io/), 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 base class and the specific icon class to an "i" element:
`<i class="wi wi-day-lightning"></i>`
At this time, there are no other effects/mixins to do advanced icon manipulation yet.
![Icon Preview](http://wes.io/WeM5/preview.png)
**[View demo and full icon reference](http://erikflowers.github.io/weather-icons/)**
### Getting Started
Getting started is easy. First, put the fonts in the directory ABOVE your css directory. By default, the fonts are referencing a ../fonts/ folder that is on the same level as /css. This can be changed via the `@WeatherIconPath` variable in variables.less
Include in your main .less file `weather-icons/weather-icons.less` and that is all you need to do.
It is best to clone [the GitHub repo](http://www.github.com/erikflowers/weather-icons) if you want to keep up to date. Please report any issues or requests to the repository here
### CSS Only Method
If you just want to add a css file to your project with no Less compiling, you just need to reference the `weather-icons.css` included in the css folder. *If you are not familiar with using Bootstrap, or using Bootstrap in the precompiled Less mode, I would recommend you give it a try)*
### Collaboration
If you feel so inclined to add icon ideas, icon art, or other fixes/changes to how the package works, feel free to help! I'd also love it if someone wanted to make this a component as well for bower, npm, component, etc. No idea how to do that myself (yet).
### Contact
Weather Icons is maintained by
* Erik Flowers
* [@Erik_UX](http://www.twitter.com/Erik_UX)
* [helloerik.com](http://www.helloerik.com)
* Zak MacDonald
* [github.com/zakmac](http://www.zakmac.com)
* [zakmac.com](http://www.zakmac.com)
### License and credit
The icon designs are originally by [Lukas Bischoff](http://www.twitter.com/artill). Icon art for v1.1 forward, HTML, Less, and CSS are by [me (Erik)](http://www.helloerik.com).
None of this would be possible without [Bootstrap](http://www.getbootstrap.com), [Font Awesome](http://fontawesome.io/) and [Lukas Bischoff](http://www.twitter.com/artill). I just put it all together into a neat package. Cheatsheet provided by Michael Woywod.
Weather Icons licensed under [SIL OFL 1.1](http://scripts.sil.org/OFL) &mdash; Code licensed under [MIT License](http://opensource.org/licenses/mit-license.html) &mdash; Documentation licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0)

Write Preview
Loading…
Cancel
Save