saving progress. not finished

_builder/beaufort.edn

@@ -0,0 +1,39 @@
+{:columns [label code]
+ :outputs
+ [{:name   "../less/icon-variables/variables-beaufort.less"
+   :before ""
+   :join   ";\n"
+   :row    [\@ label \: " " \" \\ code \"]
+   :after  ";"}
+
+
+  {:name   "../sass/icon-variables/variables-beaufort.scss"
+   :before ""
+   :join   ",\n"
+   :row    [\$ label \: " " \" \\ code \"]
+   :after  "\n"}
+
+
+   {:name   "../less/icon-classes/classes-beaufort.less"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: @" label ";}"]
+   :after  ""}
+
+
+   {:name   "../sass/icon-classes/classes-beaufort.scss"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: $" label ";}"]
+   :after  ""}
+
+
+  {:name   "../_docs/jade/icon-list-beaufort.jade"
+   :before ""
+   :join   "\n"
+   :row    [".icon-wrap" "\n"
+            "  .icon &#x" code \; "\n"
+            "  .icon_name wi-" label "\n"
+            "  .icon_unicode " code \ ""]
+   :after  ""}
+   ]}

_builder/csv/beaufort.csv

@@ -0,0 +1,13 @@
+wind-beaufort-0, f0b7
+wind-beaufort-1, f0b8
+wind-beaufort-2, f0b9
+wind-beaufort-3, f0ba
+wind-beaufort-4, f0bb
+wind-beaufort-5, f0bc
+wind-beaufort-6, f0bd
+wind-beaufort-7, f0be
+wind-beaufort-8, f0bf
+wind-beaufort-9, f0c0
+wind-beaufort-10, f0c1
+wind-beaufort-11, f0c2
+wind-beaufort-12, f0c3

_builder/csv/day.csv

@@ -0,0 +1,165 @@
+_reserved_, f049
+alien, f075
+celsius, f03c
+cloud, f041
+cloud-down, f03d
+cloud-refresh, f03e
+cloud-up, f040
+cloudy, f013
+cloudy-gusts, f011
+cloudy-windy, f012
+day-cloudy, f002
+day-cloudy-gusts, f000
+day-cloudy-windy, f001
+day-fog, f003
+day-hail, f004
+day-haze, f0b6
+day-lightning, f005
+day-rain, f008
+day-rain-mix, f006
+day-rain-wind, f007
+day-showers, f009
+day-sleet, f0b2
+day-sleet-storm, f068
+day-snow, f00a
+day-snow-thunderstorm, f06b
+day-snow-wind, f065
+day-sprinkle, f00b
+day-storm-showers, f00e
+day-sunny, f00d
+day-sunny-overcast, f00c
+day-thunderstorm, f010
+day-windy, f085
+degrees, f042
+direction-down, f044
+direction-down-left, f043
+direction-down-right, f088
+direction-left, f048
+direction-right, f04d
+direction-up, f058
+direction-up-left, f087
+direction-up-right, f057
+dust, f063
+fahrenheit, f045
+fog, f014
+hail, f015
+horizon, f047
+horizon-alt, f046
+hot, f072
+hurricane, f073
+lightning, f016
+lunar-eclipse, f070
+meteor, f071
+moon-3rd-quarter, f0aa
+moon-first-quarter, f09c
+moon-full, f0a3
+moon-new, f095
+moon-waning-crescent-1, f0ab
+moon-waning-crescent-2, f0ac
+moon-waning-crescent-3, f0ad
+moon-waning-crescent-4, f0ae
+moon-waning-crescent-5, f0af
+moon-waning-crescent-6, f0b0
+moon-waning-gibbous-1, f0a4
+moon-waning-gibbous-2, f0a5
+moon-waning-gibbous-3, f0a6
+moon-waning-gibbous-4, f0a7
+moon-waning-gibbous-5, f0a8
+moon-waning-gibbous-6, f0a9
+moon-waxing-cresent-1, f096
+moon-waxing-cresent-2, f097
+moon-waxing-cresent-3, f098
+moon-waxing-cresent-4, f099
+moon-waxing-cresent-5, f09a
+moon-waxing-cresent-6, f09b
+moon-waxing-gibbous-1, f09d
+moon-waxing-gibbous-2, f09e
+moon-waxing-gibbous-3, f09f
+moon-waxing-gibbous-4, f0a0
+moon-waxing-gibbous-5, f0a1
+moon-waxing-gibbous-6, f0a2
+night-alt-cloudy, f086
+night-alt-cloudy-gusts, f022
+night-alt-cloudy-windy, f023
+night-alt-hail, f024
+night-alt-lightning, f025
+night-alt-rain, f028
+night-alt-rain-mix, f026
+night-alt-rain-wind, f027
+night-alt-showers, f029
+night-alt-sleet, f0b4
+night-alt-sleet-storm, f06a
+night-alt-snow, f02a
+night-alt-snow-thunderstorm, f06d
+night-alt-snow-wind, f067
+night-alt-sprinkle, f02b
+night-alt-storm-showers, f02c
+night-alt-thunderstorm, f02d
+night-clear, f02e
+night-cloudy, f031
+night-cloudy-gusts, f02f
+night-cloudy-windy, f030
+night-fog, f04a
+night-hail, f032
+night-lightning, f033
+night-partly-cloudy, f083
+night-rain, f036
+night-rain-mix, f034
+night-rain-wind, f035
+night-showers, f037
+night-sleet, f0b3
+night-sleet-storm, f069
+night-snow, f038
+night-snow-thunderstorm, f06c
+night-snow-wind, f066
+night-sprinkle, f039
+night-storm-showers, f03a
+night-thunderstorm, f03b
+rain, f019
+rain-mix, f017
+rain-wind, f018
+refresh, f04c
+refresh-alt, f04b
+showers, f01a
+sleet, f0b5
+smog, f074
+smoke, f062
+snow, f01b
+snow-wind, f064
+snowflake-cold, f076
+solar-eclipse, f06e
+sprinkle, f01c
+sprinkles, f04e
+stars, f077
+storm-showers, f01d
+strong-wind, f050
+sunrise, f051
+sunset, f052
+thermometer, f055
+thermometer-exterior, f053
+thermometer-internal, f054
+thunderstorm, f01e
+time-1, f08a
+time-10, f093
+time-11, f094
+time-12, f089
+time-2, f08b
+time-3, f08c
+time-4, f08d
+time-5, f08e
+time-6, f08f
+time-7, f090
+time-8, f091
+time-9, f092
+tornado, f056
+umbrella, f084
+wind-default, f0b1
+wind-east, f061
+wind-north, f060
+wind-north-east, f05e
+wind-north-west, f05d
+wind-south, f05c
+wind-south-east, f05b
+wind-south-west, f05a
+wind-west, f059
+windy, f021;

_builder/csv/direction.csv

@@ -0,0 +1,8 @@
+direction-down, f044
+direction-down-left, f043
+direction-down-right, f088
+direction-left, f048
+direction-right, f04d
+direction-up, f058
+direction-up-left, f087
+direction-up-right, f057

_builder/csv/moon.csv

@@ -0,0 +1,26 @@
+moon-full, f0a3
+moon-new, f095
+moon-waning-crescent-1, f0ab
+moon-waning-crescent-2, f0ac
+moon-waning-crescent-3, f0ad
+moon-waning-crescent-4, f0ae
+moon-waning-crescent-5, f0af
+moon-waning-crescent-6, f0b0
+moon-waning-gibbous-1, f0a4
+moon-waning-gibbous-2, f0a5
+moon-waning-gibbous-3, f0a6
+moon-waning-gibbous-4, f0a7
+moon-waning-gibbous-5, f0a8
+moon-waning-gibbous-6, f0a9
+moon-waxing-cresent-1, f096
+moon-waxing-cresent-2, f097
+moon-waxing-cresent-3, f098
+moon-waxing-cresent-4, f099
+moon-waxing-cresent-5, f09a
+moon-waxing-cresent-6, f09b
+moon-waxing-gibbous-1, f09d
+moon-waxing-gibbous-2, f09e
+moon-waxing-gibbous-3, f09f
+moon-waxing-gibbous-4, f0a0
+moon-waxing-gibbous-5, f0a1
+moon-waxing-gibbous-6, f0a2

_builder/csv/time.csv

@@ -0,0 +1,12 @@
+time-1, f08a
+time-10, f093
+time-11, f094
+time-12, f089
+time-2, f08b
+time-3, f08c
+time-4, f08d
+time-5, f08e
+time-6, f08f
+time-7, f090
+time-8, f091
+time-9, f092

_builder/csv/wind-degrees.csv

@@ -0,0 +1,360 @@
+0,0
+1,1
+2,2
+3,3
+4,4
+5,5
+6,6
+7,7
+8,8
+9,9
+10,10
+11,11
+12,12
+13,13
+14,14
+15,15
+16,16
+17,17
+18,18
+19,19
+20,20
+21,21
+22,22
+23,23
+24,24
+25,25
+26,26
+27,27
+28,28
+29,29
+30,30
+31,31
+32,32
+33,33
+34,34
+35,35
+36,36
+37,37
+38,38
+39,39
+40,40
+41,41
+42,42
+43,43
+44,44
+45,45
+46,46
+47,47
+48,48
+49,49
+50,50
+51,51
+52,52
+53,53
+54,54
+55,55
+56,56
+57,57
+58,58
+59,59
+60,60
+61,61
+62,62
+63,63
+64,64
+65,65
+66,66
+67,67
+68,68
+69,69
+70,70
+71,71
+72,72
+73,73
+74,74
+75,75
+76,76
+77,77
+78,78
+79,79
+80,80
+81,81
+82,82
+83,83
+84,84
+85,85
+86,86
+87,87
+88,88
+89,89
+90,90
+91,91
+92,92
+93,93
+94,94
+95,95
+96,96
+97,97
+98,98
+99,99
+100,100
+101,101
+102,102
+103,103
+104,104
+105,105
+106,106
+107,107
+108,108
+109,109
+110,110
+111,111
+112,112
+113,113
+114,114
+115,115
+116,116
+117,117
+118,118
+119,119
+120,120
+121,121
+122,122
+123,123
+124,124
+125,125
+126,126
+127,127
+128,128
+129,129
+130,130
+131,131
+132,132
+133,133
+134,134
+135,135
+136,136
+137,137
+138,138
+139,139
+140,140
+141,141
+142,142
+143,143
+144,144
+145,145
+146,146
+147,147
+148,148
+149,149
+150,150
+151,151
+152,152
+153,153
+154,154
+155,155
+156,156
+157,157
+158,158
+159,159
+160,160
+161,161
+162,162
+163,163
+164,164
+165,165
+166,166
+167,167
+168,168
+169,169
+170,170
+171,171
+172,172
+173,173
+174,174
+175,175
+176,176
+177,177
+178,178
+179,179
+180,180
+181,181
+182,182
+183,183
+184,184
+185,185
+186,186
+187,187
+188,188
+189,189
+190,190
+191,191
+192,192
+193,193
+194,194
+195,195
+196,196
+197,197
+198,198
+199,199
+200,200
+201,201
+202,202
+203,203
+204,204
+205,205
+206,206
+207,207
+208,208
+209,209
+210,210
+211,211
+212,212
+213,213
+214,214
+215,215
+216,216
+217,217
+218,218
+219,219
+220,220
+221,221
+222,222
+223,223
+224,224
+225,225
+226,226
+227,227
+228,228
+229,229
+230,230
+231,231
+232,232
+233,233
+234,234
+235,235
+236,236
+237,237
+238,238
+239,239
+240,240
+241,241
+242,242
+243,243
+244,244
+245,245
+246,246
+247,247
+248,248
+249,249
+250,250
+251,251
+252,252
+253,253
+254,254
+255,255
+256,256
+257,257
+258,258
+259,259
+260,260
+261,261
+262,262
+263,263
+264,264
+265,265
+266,266
+267,267
+268,268
+269,269
+270,270
+271,271
+272,272
+273,273
+274,274
+275,275
+276,276
+277,277
+278,278
+279,279
+280,280
+281,281
+282,282
+283,283
+284,284
+285,285
+286,286
+287,287
+288,288
+289,289
+290,290
+291,291
+292,292
+293,293
+294,294
+295,295
+296,296
+297,297
+298,298
+299,299
+300,300
+301,301
+302,302
+303,303
+304,304
+305,305
+306,306
+307,307
+308,308
+309,309
+310,310
+311,311
+312,312
+313,313
+314,314
+315,315
+316,316
+317,317
+318,318
+319,319
+320,320
+321,321
+322,322
+323,323
+324,324
+325,325
+326,326
+327,327
+328,328
+329,329
+330,330
+331,331
+332,332
+333,333
+334,334
+335,335
+336,336
+337,337
+338,338
+339,339
+340,340
+341,341
+342,342
+343,343
+344,344
+345,345
+346,346
+347,347
+348,348
+349,349
+350,350
+351,351
+352,352
+353,353
+354,354
+355,355
+356,356
+357,357
+358,358
+359,359

_builder/csv/wind.csv

@@ -0,0 +1,5 @@
+wind-default,f0b1,0
+wind-north,f0b1,0
+wind-south,f0b1,180
+wind-east,f0b1,90
+wind-west,f0b1,270

_builder/direction.edn

@@ -0,0 +1,39 @@
+{:columns [label code]
+ :outputs
+ [{:name   "../less/icon-variables/variables-direction.less"
+   :before ""
+   :join   ";\n"
+   :row    [\@ label \: " " \" \\ code \"]
+   :after  ";"}
+
+
+  {:name   "../sass/icon-variables/variables-direction.scss"
+   :before ""
+   :join   ";\n"
+   :row    [\$ label \: " " \" \\ code \"]
+   :after  "\n"}
+
+
+   {:name   "../less/icon-classes/classes-direction.less"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: @" label ";}"]
+   :after  ""}
+
+
+   {:name   "../sass/icon-classes/classes-direction.scss"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: $" label ";}"]
+   :after  ""}
+
+
+  {:name   "../_docs/jade/icon-list-direction.jade"
+   :before ""
+   :join   "\n"
+   :row    [".icon-wrap" "\n"
+            "  .icon &#x" code \; "\n"
+            "  .icon_name wi-" label "\n"
+            "  .icon_unicode " code \ ""]
+   :after  ""}
+   ]}

_builder/moon.edn

@@ -0,0 +1,39 @@
+{:columns [label code]
+ :outputs
+ [{:name   "../less/icon-variables/variables-moon.less"
+   :before ""
+   :join   ";\n"
+   :row    [\@ label \: " " \" \\ code \"]
+   :after  ";"}
+
+
+  {:name   "../sass/icon-variables/variables-moon.scss"
+   :before ""
+   :join   ";\n"
+   :row    [\$ label \: " " \" \\ code \"]
+   :after  "\n"}
+
+
+   {:name   "../less/icon-classes/classes-moon.less"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: @" label ";}"]
+   :after  ""}
+
+
+   {:name   "../sass/icon-classes/classes-moon.scss"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: $" label ";}"]
+   :after  ""}
+
+
+  {:name   "../_docs/jade/icon-list-moon.jade"
+   :before ""
+   :join   "\n"
+   :row    [".icon-wrap" "\n"
+            "  .icon &#x" code \; "\n"
+            "  .icon_name wi-" label "\n"
+            "  .icon_unicode " code \ ""]
+   :after  ""}
+   ]}

_builder/templates.edn

@@ -0,0 +1,22 @@
+{:columns [label code]
+ :outputs
+ [{:name   "weather-icons-variables.less"
+   :before "@wi-icon-glyphs:\n"
+   :join   ",\n"
+   :row    [\" label \" " " \" \\ code \"]
+   :after  ";"}
+
+  {:name   "weather-icons-variables.scss"
+   :before "$wi-icon-glyphs: (\n"
+   :join   ",\n"
+   :row    [\" label \" \: " " \" \\ code \"]
+   :after  "\n)"}
+
+  {:name   "../icon-list.jade"
+   :before ""
+   :join   "\n"
+   :row    [".icon-wrap" "\n"
+            "  .icon &#x" code \; "\n"
+            "  .icon_name wi-" label "\n"
+            "  .icon_unicode " code \ ""]
+   :after  ""}]}

_builder/time.edn

@@ -0,0 +1,39 @@
+{:columns [label code]
+ :outputs
+ [{:name   "../less/icon-variables/variables-time.less"
+   :before ""
+   :join   ";\n"
+   :row    [\@ label \: " " \" \\ code \"]
+   :after  ";"}
+
+
+  {:name   "../sass/icon-variables/variables-time.scss"
+   :before ""
+   :join   ";\n"
+   :row    [\$ label \: " " \" \\ code \"]
+   :after  "\n"}
+
+
+   {:name   "../less/icon-classes/classes-time.less"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: @" label ";}"]
+   :after  ""}
+
+
+   {:name   "../sass/icon-classes/classes-time.scss"
+   :before ""
+   :join   "\n"
+   :row    [".wi-" label ":before {content: $" label ";}"]
+   :after  ""}
+
+
+  {:name   "../_docs/jade/icon-list-time.jade"
+   :before ""
+   :join   "\n"
+   :row    [".icon-wrap" "\n"
+            "  .icon &#x" code \; "\n"
+            "  .icon_name wi-" label "\n"
+            "  .icon_unicode " code \ ""]
+   :after  ""}
+   ]}

_builder/wind-degrees.edn

@@ -0,0 +1,9 @@
+{:columns [label code]
+ :outputs
+ [{:name   "../less/icon-classes/classes-wind-degrees.less"
+   :before ".@{wi-css-prefix}-wind-default { \n"
+   :join   "}\n"
+   :row    [\ \ \& ".point-" label "-deg {.wind-rotate(" code "deg);"]
+   :after  "} \n}"}
+
+   ]}

_builder/wind.edn

@@ -0,0 +1,20 @@
+{:columns [label code degree]
+ :outputs
+ [{:name   "../less/icon-variables/variables-wind-names.less"
+   :before ""
+   :join   ";\n"
+   :row    [\@ label \: " " \" \\ code \"]
+   :after  ";"}
+
+
+ {:name   "../_docs/jade/icon-list-wind.jade"
+   :before ""
+   :join   "\n"
+   :row    [".icon-wrap" "\n"
+            "  .icon &#x" code \; "\n"
+            "  .icon_name wi-" label "\n"
+            "  .icon_unicode " code \ ""]
+   :after  ""}
+
+
+   ]}

_docs/cheatsheet.html

@@ -0,0 +1,345 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Weather Icons - Icon Font inspired by Font Awesome and designed for Bootstrap</title>
+    <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">
+  </head>
+  <body>
+    <p>aCopy and paste these characters into your design apps to use them as real fonts:</p>
+    <section class="content container iconExamples reference">
+      <div class="icon-wrap">
+        <div class="icon">&#xf08a;</div>
+        <div class="icon_name">wi-time-1</div>
+        <div class="icon_unicode">f08a </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf093;</div>
+        <div class="icon_name">wi-time-10</div>
+        <div class="icon_unicode">f093 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf094;</div>
+        <div class="icon_name">wi-time-11</div>
+        <div class="icon_unicode">f094 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf089;</div>
+        <div class="icon_name">wi-time-12</div>
+        <div class="icon_unicode">f089 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08b;</div>
+        <div class="icon_name">wi-time-2</div>
+        <div class="icon_unicode">f08b </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08c;</div>
+        <div class="icon_name">wi-time-3</div>
+        <div class="icon_unicode">f08c </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08d;</div>
+        <div class="icon_name">wi-time-4</div>
+        <div class="icon_unicode">f08d </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08e;</div>
+        <div class="icon_name">wi-time-5</div>
+        <div class="icon_unicode">f08e </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08f;</div>
+        <div class="icon_name">wi-time-6</div>
+        <div class="icon_unicode">f08f </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf090;</div>
+        <div class="icon_name">wi-time-7</div>
+        <div class="icon_unicode">f090 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf091;</div>
+        <div class="icon_name">wi-time-8</div>
+        <div class="icon_unicode">f091 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf092;</div>
+        <div class="icon_name">wi-time-9</div>
+        <div class="icon_unicode">f092 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b7;</div>
+        <div class="icon_name">wi-wind-beaufort-0</div>
+        <div class="icon_unicode">f0b7</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b8;</div>
+        <div class="icon_name">wi-wind-beaufort-1</div>
+        <div class="icon_unicode">f0b8</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b9;</div>
+        <div class="icon_name">wi-wind-beaufort-2</div>
+        <div class="icon_unicode">f0b9</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ba;</div>
+        <div class="icon_name">wi-wind-beaufort-3</div>
+        <div class="icon_unicode">f0ba</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bb;</div>
+        <div class="icon_name">wi-wind-beaufort-4</div>
+        <div class="icon_unicode">f0bb</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bc;</div>
+        <div class="icon_name">wi-wind-beaufort-5</div>
+        <div class="icon_unicode">f0bc</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bd;</div>
+        <div class="icon_name">wi-wind-beaufort-6</div>
+        <div class="icon_unicode">f0bd</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0be;</div>
+        <div class="icon_name">wi-wind-beaufort-7</div>
+        <div class="icon_unicode">f0be</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bf;</div>
+        <div class="icon_name">wi-wind-beaufort-8</div>
+        <div class="icon_unicode">f0bf</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c0;</div>
+        <div class="icon_name">wi-wind-beaufort-9</div>
+        <div class="icon_unicode">f0c0</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c1;</div>
+        <div class="icon_name">wi-wind-beaufort-10</div>
+        <div class="icon_unicode">f0c1</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c2;</div>
+        <div class="icon_name">wi-wind-beaufort-11</div>
+        <div class="icon_unicode">f0c2</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c3;</div>
+        <div class="icon_name">wi-wind-beaufort-12</div>
+        <div class="icon_unicode">f0c3</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a3;</div>
+        <div class="icon_name">wi-moon-full</div>
+        <div class="icon_unicode">f0a3 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf095;</div>
+        <div class="icon_name">wi-moon-new</div>
+        <div class="icon_unicode">f095 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ab;</div>
+        <div class="icon_name">wi-moon-waning-crescent-1</div>
+        <div class="icon_unicode">f0ab </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ac;</div>
+        <div class="icon_name">wi-moon-waning-crescent-2</div>
+        <div class="icon_unicode">f0ac </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ad;</div>
+        <div class="icon_name">wi-moon-waning-crescent-3</div>
+        <div class="icon_unicode">f0ad </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ae;</div>
+        <div class="icon_name">wi-moon-waning-crescent-4</div>
+        <div class="icon_unicode">f0ae </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0af;</div>
+        <div class="icon_name">wi-moon-waning-crescent-5</div>
+        <div class="icon_unicode">f0af </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b0;</div>
+        <div class="icon_name">wi-moon-waning-crescent-6</div>
+        <div class="icon_unicode">f0b0 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a4;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-1</div>
+        <div class="icon_unicode">f0a4 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a5;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-2</div>
+        <div class="icon_unicode">f0a5 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a6;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-3</div>
+        <div class="icon_unicode">f0a6 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a7;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-4</div>
+        <div class="icon_unicode">f0a7 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a8;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-5</div>
+        <div class="icon_unicode">f0a8 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a9;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-6</div>
+        <div class="icon_unicode">f0a9 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf096;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-1</div>
+        <div class="icon_unicode">f096 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf097;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-2</div>
+        <div class="icon_unicode">f097 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf098;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-3</div>
+        <div class="icon_unicode">f098 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf099;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-4</div>
+        <div class="icon_unicode">f099 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09a;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-5</div>
+        <div class="icon_unicode">f09a </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09b;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-6</div>
+        <div class="icon_unicode">f09b </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09d;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-1</div>
+        <div class="icon_unicode">f09d </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09e;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-2</div>
+        <div class="icon_unicode">f09e </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09f;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-3</div>
+        <div class="icon_unicode">f09f </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a0;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-4</div>
+        <div class="icon_unicode">f0a0 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a1;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-5</div>
+        <div class="icon_unicode">f0a1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a2;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-6</div>
+        <div class="icon_unicode">f0a2 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf044;</div>
+        <div class="icon_name">wi-direction-down</div>
+        <div class="icon_unicode">f044 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf043;</div>
+        <div class="icon_name">wi-direction-down-left</div>
+        <div class="icon_unicode">f043 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf088;</div>
+        <div class="icon_name">wi-direction-down-right</div>
+        <div class="icon_unicode">f088 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf048;</div>
+        <div class="icon_name">wi-direction-left</div>
+        <div class="icon_unicode">f048 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf04d;</div>
+        <div class="icon_name">wi-direction-right</div>
+        <div class="icon_unicode">f04d </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf058;</div>
+        <div class="icon_name">wi-direction-up</div>
+        <div class="icon_unicode">f058 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf087;</div>
+        <div class="icon_name">wi-direction-up-left</div>
+        <div class="icon_unicode">f087 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf057;</div>
+        <div class="icon_name">wi-direction-up-right</div>
+        <div class="icon_unicode">f057 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-default</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-north</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-south</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-east</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-west</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+    </section>
+    <footer>
+      <div class="container">
+        <div class="row-fluid">
+          <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>
+          </div>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>

_docs/css/styles.css

@@ -1192,7 +1192,7 @@ h2 {
   width: 320px;
 }
 .icon {
-  font-family: 'weather';
+  font-family: 'weathericons';
   src: url('../font/weathericons-regular-webfont.eot');
   src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
   font-weight: normal;
@@ -1219,6 +1219,7 @@ body {
   font-weight: 400;
   font-size: 14px;
   color: #333333;
+  font-family: weathericons;
 }
 .reference {
   font-family: "Helvetica", Arial, sans-serif;
@@ -1492,3 +1493,78 @@ footer a {
   -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.1);
 }
+* {
+  padding: 0;
+  margin: 0;
+}
+#header_content {
+  width: 960px;
+  margin: 0 auto;
+}
+#main {
+  float: none;
+}
+#main_content {
+  width: 960px;
+  margin: 0 auto;
+  float: none;
+}
+h2 {
+  font-family: 'Average Sans', sans-serif;
+  color: #0099FF;
+  margin-top: 25px;
+  margin-bottom: 15px;
+}
+.left {
+  float: left;
+  width: 320px;
+}
+.center {
+  float: left;
+  width: 320px;
+}
+.right {
+  float: left;
+  width: 320px;
+}
+.icon {
+  font-family: 'weathericons';
+  src: url('../font/weathericons-regular-webfont.eot');
+  src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.icon_name {
+  font-family: 'Average Sans', sans-serif;
+}
+.icon_unicode {
+  font-family: 'Average Sans', sans-serif;
+  color: #BBBBBB;
+  font-size: 0.8em;
+  float: none;
+}
+.stop_float {
+  clear: both;
+}
+#footer_content {
+  width: 960px;
+  margin: 0 auto;
+}
+.icon-wrap {
+  float: left;
+  width: 50px;
+  height: 120px;
+  font-size: 20px;
+}
+.icon-wrap .icon_name {
+  font-size: 10px;
+}
+.icon-wrap .icon {
+  display: inline-block;
+  font-family: 'weathericons';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

_docs/index.html

@@ -0,0 +1,337 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Weather Icons - 189 Icon Font inspired by Font Awesome and designed for Bootstrap</title>
+    <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">
+  </head>
+  <body>
+    <section>
+      <p>this</p><i class="wi wi-wind-north point-33-deg"></i>
+      <p>this</p>
+    </section>
+    <section class="content container iconExamples">
+      <div class="icon-wrap">
+        <div class="icon">&#xf08a;</div>
+        <div class="icon_name">wi-time-1</div>
+        <div class="icon_unicode">f08a </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf093;</div>
+        <div class="icon_name">wi-time-10</div>
+        <div class="icon_unicode">f093 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf094;</div>
+        <div class="icon_name">wi-time-11</div>
+        <div class="icon_unicode">f094 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf089;</div>
+        <div class="icon_name">wi-time-12</div>
+        <div class="icon_unicode">f089 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08b;</div>
+        <div class="icon_name">wi-time-2</div>
+        <div class="icon_unicode">f08b </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08c;</div>
+        <div class="icon_name">wi-time-3</div>
+        <div class="icon_unicode">f08c </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08d;</div>
+        <div class="icon_name">wi-time-4</div>
+        <div class="icon_unicode">f08d </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08e;</div>
+        <div class="icon_name">wi-time-5</div>
+        <div class="icon_unicode">f08e </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf08f;</div>
+        <div class="icon_name">wi-time-6</div>
+        <div class="icon_unicode">f08f </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf090;</div>
+        <div class="icon_name">wi-time-7</div>
+        <div class="icon_unicode">f090 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf091;</div>
+        <div class="icon_name">wi-time-8</div>
+        <div class="icon_unicode">f091 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf092;</div>
+        <div class="icon_name">wi-time-9</div>
+        <div class="icon_unicode">f092 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b7;</div>
+        <div class="icon_name">wi-wind-beaufort-0</div>
+        <div class="icon_unicode">f0b7</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b8;</div>
+        <div class="icon_name">wi-wind-beaufort-1</div>
+        <div class="icon_unicode">f0b8</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b9;</div>
+        <div class="icon_name">wi-wind-beaufort-2</div>
+        <div class="icon_unicode">f0b9</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ba;</div>
+        <div class="icon_name">wi-wind-beaufort-3</div>
+        <div class="icon_unicode">f0ba</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bb;</div>
+        <div class="icon_name">wi-wind-beaufort-4</div>
+        <div class="icon_unicode">f0bb</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bc;</div>
+        <div class="icon_name">wi-wind-beaufort-5</div>
+        <div class="icon_unicode">f0bc</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bd;</div>
+        <div class="icon_name">wi-wind-beaufort-6</div>
+        <div class="icon_unicode">f0bd</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0be;</div>
+        <div class="icon_name">wi-wind-beaufort-7</div>
+        <div class="icon_unicode">f0be</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0bf;</div>
+        <div class="icon_name">wi-wind-beaufort-8</div>
+        <div class="icon_unicode">f0bf</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c0;</div>
+        <div class="icon_name">wi-wind-beaufort-9</div>
+        <div class="icon_unicode">f0c0</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c1;</div>
+        <div class="icon_name">wi-wind-beaufort-10</div>
+        <div class="icon_unicode">f0c1</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c2;</div>
+        <div class="icon_name">wi-wind-beaufort-11</div>
+        <div class="icon_unicode">f0c2</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0c3;</div>
+        <div class="icon_name">wi-wind-beaufort-12</div>
+        <div class="icon_unicode">f0c3</div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a3;</div>
+        <div class="icon_name">wi-moon-full</div>
+        <div class="icon_unicode">f0a3 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf095;</div>
+        <div class="icon_name">wi-moon-new</div>
+        <div class="icon_unicode">f095 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ab;</div>
+        <div class="icon_name">wi-moon-waning-crescent-1</div>
+        <div class="icon_unicode">f0ab </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ac;</div>
+        <div class="icon_name">wi-moon-waning-crescent-2</div>
+        <div class="icon_unicode">f0ac </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ad;</div>
+        <div class="icon_name">wi-moon-waning-crescent-3</div>
+        <div class="icon_unicode">f0ad </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0ae;</div>
+        <div class="icon_name">wi-moon-waning-crescent-4</div>
+        <div class="icon_unicode">f0ae </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0af;</div>
+        <div class="icon_name">wi-moon-waning-crescent-5</div>
+        <div class="icon_unicode">f0af </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b0;</div>
+        <div class="icon_name">wi-moon-waning-crescent-6</div>
+        <div class="icon_unicode">f0b0 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a4;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-1</div>
+        <div class="icon_unicode">f0a4 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a5;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-2</div>
+        <div class="icon_unicode">f0a5 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a6;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-3</div>
+        <div class="icon_unicode">f0a6 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a7;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-4</div>
+        <div class="icon_unicode">f0a7 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a8;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-5</div>
+        <div class="icon_unicode">f0a8 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a9;</div>
+        <div class="icon_name">wi-moon-waning-gibbous-6</div>
+        <div class="icon_unicode">f0a9 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf096;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-1</div>
+        <div class="icon_unicode">f096 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf097;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-2</div>
+        <div class="icon_unicode">f097 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf098;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-3</div>
+        <div class="icon_unicode">f098 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf099;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-4</div>
+        <div class="icon_unicode">f099 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09a;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-5</div>
+        <div class="icon_unicode">f09a </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09b;</div>
+        <div class="icon_name">wi-moon-waxing-cresent-6</div>
+        <div class="icon_unicode">f09b </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09d;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-1</div>
+        <div class="icon_unicode">f09d </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09e;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-2</div>
+        <div class="icon_unicode">f09e </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf09f;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-3</div>
+        <div class="icon_unicode">f09f </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a0;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-4</div>
+        <div class="icon_unicode">f0a0 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a1;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-5</div>
+        <div class="icon_unicode">f0a1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0a2;</div>
+        <div class="icon_name">wi-moon-waxing-gibbous-6</div>
+        <div class="icon_unicode">f0a2 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf044;</div>
+        <div class="icon_name">wi-direction-down</div>
+        <div class="icon_unicode">f044 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf043;</div>
+        <div class="icon_name">wi-direction-down-left</div>
+        <div class="icon_unicode">f043 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf088;</div>
+        <div class="icon_name">wi-direction-down-right</div>
+        <div class="icon_unicode">f088 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf048;</div>
+        <div class="icon_name">wi-direction-left</div>
+        <div class="icon_unicode">f048 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf04d;</div>
+        <div class="icon_name">wi-direction-right</div>
+        <div class="icon_unicode">f04d </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf058;</div>
+        <div class="icon_name">wi-direction-up</div>
+        <div class="icon_unicode">f058 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf087;</div>
+        <div class="icon_name">wi-direction-up-left</div>
+        <div class="icon_unicode">f087 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf057;</div>
+        <div class="icon_name">wi-direction-up-right</div>
+        <div class="icon_unicode">f057 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-default</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-north</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-south</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-east</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+      <div class="icon-wrap">
+        <div class="icon">&#xf0b1;</div>
+        <div class="icon_name">wi-wind-west</div>
+        <div class="icon_unicode">f0b1 </div>
+      </div>
+    </section>
+  </body>
+</html>

_docs/jade/cheatsheet.jade

@@ -0,0 +1,39 @@
+doctype
+html
+  head
+    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')
+    link(rel='stylesheet', href='css/styles.css')
+    link(rel='stylesheet', href='../css/weather-icons.css')
+
+
+
+  body
+
+    p aCopy and paste these characters into your design apps to use them as real fonts:
+
+
+
+
+    section.content.container.iconExamples.reference
+      include icon-list
+
+
+    footer
+
+      .container
+        .row-fluid
+          .col-sm-12
+            p The Weather Icons project created and maintained by
+              a(href="http://www.twitter.com/Erik_UX") Erik Flowers
+              |. Original artwork by
+              a(href="http://www.twitter.com/artill") Lukas Bischoff.
+            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("http://scripts.sil.org/OFL") SIL OFL 1.1
+              |  — Code licensed under
+              a("http://opensource.org/licenses/mit-license.html") MIT License
+              |   — Documentation licensed under
+              a("http://creativecommons.org/licenses/by/3.0/") CC BY 3.0
+

_docs/jade/icon-list-beaufort.jade

@@ -0,0 +1,52 @@
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-0
+  .icon_unicode f0b7
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-1
+  .icon_unicode f0b8
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-2
+  .icon_unicode f0b9
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-3
+  .icon_unicode f0ba
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-4
+  .icon_unicode f0bb
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-5
+  .icon_unicode f0bc
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-6
+  .icon_unicode f0bd
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-7
+  .icon_unicode f0be
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-8
+  .icon_unicode f0bf
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-9
+  .icon_unicode f0c0
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-10
+  .icon_unicode f0c1
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-11
+  .icon_unicode f0c2
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-beaufort-12
+  .icon_unicode f0c3

_docs/jade/icon-list-direction.jade

@@ -0,0 +1,32 @@
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-down
+  .icon_unicode f044 
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-down-left
+  .icon_unicode f043 
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-down-right
+  .icon_unicode f088 
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-left
+  .icon_unicode f048 
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-right
+  .icon_unicode f04d 
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-up
+  .icon_unicode f058 
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-up-left
+  .icon_unicode f087 
+.icon-wrap
+  .icon 
+  .icon_name wi-direction-up-right
+  .icon_unicode f057 

_docs/jade/icon-list-moon.jade

@@ -0,0 +1,104 @@
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-full
+  .icon_unicode f0a3 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-new
+  .icon_unicode f095 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-crescent-1
+  .icon_unicode f0ab 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-crescent-2
+  .icon_unicode f0ac 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-crescent-3
+  .icon_unicode f0ad 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-crescent-4
+  .icon_unicode f0ae 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-crescent-5
+  .icon_unicode f0af 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-crescent-6
+  .icon_unicode f0b0 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-gibbous-1
+  .icon_unicode f0a4 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-gibbous-2
+  .icon_unicode f0a5 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-gibbous-3
+  .icon_unicode f0a6 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-gibbous-4
+  .icon_unicode f0a7 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-gibbous-5
+  .icon_unicode f0a8 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waning-gibbous-6
+  .icon_unicode f0a9 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-cresent-1
+  .icon_unicode f096 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-cresent-2
+  .icon_unicode f097 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-cresent-3
+  .icon_unicode f098 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-cresent-4
+  .icon_unicode f099 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-cresent-5
+  .icon_unicode f09a 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-cresent-6
+  .icon_unicode f09b 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-gibbous-1
+  .icon_unicode f09d 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-gibbous-2
+  .icon_unicode f09e 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-gibbous-3
+  .icon_unicode f09f 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-gibbous-4
+  .icon_unicode f0a0 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-gibbous-5
+  .icon_unicode f0a1 
+.icon-wrap
+  .icon 
+  .icon_name wi-moon-waxing-gibbous-6
+  .icon_unicode f0a2 

_docs/jade/icon-list-time.jade

@@ -0,0 +1,48 @@
+.icon-wrap
+  .icon 
+  .icon_name wi-time-1
+  .icon_unicode f08a 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-10
+  .icon_unicode f093 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-11
+  .icon_unicode f094 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-12
+  .icon_unicode f089 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-2
+  .icon_unicode f08b 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-3
+  .icon_unicode f08c 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-4
+  .icon_unicode f08d 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-5
+  .icon_unicode f08e 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-6
+  .icon_unicode f08f 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-7
+  .icon_unicode f090 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-8
+  .icon_unicode f091 
+.icon-wrap
+  .icon 
+  .icon_name wi-time-9
+  .icon_unicode f092 

_docs/jade/icon-list-wind.html

@@ -0,0 +1,6 @@
+
+<div class="icon-wrap">
+  <div class="icon">&#xf0b1;</div>
+  <div class="icon_name">wi-time-1</div>
+  <div class="icon_unicode">f0b1</div>
+</div>

_docs/jade/icon-list-wind.jade

@@ -0,0 +1,20 @@
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-default
+  .icon_unicode f0b1 
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-north
+  .icon_unicode f0b1 
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-south
+  .icon_unicode f0b1 
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-east
+  .icon_unicode f0b1 
+.icon-wrap
+  .icon 
+  .icon_name wi-wind-west
+  .icon_unicode f0b1 

_docs/jade/icon-list.jade

@@ -0,0 +1,5 @@
+include icon-list-time
+include icon-list-beaufort
+include icon-list-moon
+include icon-list-direction
+include icon-list-wind

_docs/jade/index.jade

@@ -0,0 +1,32 @@
+doctype
+html
+  head
+    title Weather Icons - 189 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')
+
+    link(rel='stylesheet', href='css/styles.css')
+    link(rel='stylesheet', href='../css/weather-icons.css')
+
+
+
+  body
+
+    section
+      p this
+      i.wi.wi-wind-north.point-33-deg
+      p this
+
+    section.content.container.iconExamples
+      include icon-list
+
+
+
+
+
+
+
+
+
+
+

_docs/less/cheatsheet.less

@@ -33,7 +33,7 @@ h2 {
     width: 320px;
 }
 .icon {
-    font-family: 'weather';
+    font-family: 'weathericons';
     src: url('../font/weathericons-regular-webfont.eot');
     src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
     font-weight: normal;

_docs/less/main.less

@@ -3,6 +3,7 @@ body {
   font-weight: @normal;
   font-size: 14px;
   color: hsl(0, 0%, 20%);
+  font-family: weathericons;
 }
 
   .reference {
@@ -248,3 +249,81 @@ footer {
 
 
 
+* {
+    padding:0;
+    margin:0;
+}
+#header_content {
+    width: 960px;
+    margin: 0 auto;
+}
+#main {
+    float: none;
+}
+#main_content {
+    width: 960px;
+    margin: 0 auto;
+    float: none;
+}
+h2 {
+    font-family: 'Average Sans', sans-serif;
+    color: #0099FF;
+    margin-top: 25px;
+    margin-bottom: 15px;
+}
+.left {
+    float:left;
+    width: 320px;
+}
+.center {
+    float:left;
+    width: 320px;
+}
+.right {
+    float:left;
+    width: 320px;
+}
+.icon {
+    font-family: 'weathericons';
+    src: url('../font/weathericons-regular-webfont.eot');
+    src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+.icon_name {
+    font-family: 'Average Sans', sans-serif;
+}
+.icon_unicode {
+    font-family: 'Average Sans', sans-serif;
+    color: #BBBBBB;
+    font-size: 0.8em;
+    float: none;
+}
+.stop_float {
+    clear: both;
+}
+#footer_content {
+    width: 960px;
+    margin: 0 auto;
+}
+
+.icon-wrap {
+  float: left;
+  width: 50px;
+  height: 120px;
+  font-size: 20px;
+
+  .icon_name {
+    font-size: 10px;
+  }
+  .icon {
+    display: inline-block;
+    font-family: 'weathericons';
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+}

css/weather-icons-sass.css

@@ -24,383 +24,71 @@
  *  Twitter: http://twitter.com/Erik_UX
  */
 @font-face {
-  font-family: "weatherasdfasdficons";
+  font-family: "weathericons";
-  src: url("../font/weatherasdfasdficons-regular-webfont.eot");
+  src: url("../font/weathericons-regular-webfont.eot");
-  src: url("../font/weatherasdfasdficons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/weatherasdfasdficons-regular-webfont.woff") format("woff"), url("../font/weatherasdfasdficons-regular-webfont.ttf") format("truetype"), url("../font/weatherasdfasdficons-regular-webfont.svg#weathericons-regular-webfontRg") format("svg");
+  src: url("../font/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/weathericons-regular-webfont.woff") format("woff"), url("../font/weathericons-regular-webfont.ttf") format("truetype"), url("../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg") format("svg");
   font-weight: normal;
   font-style: normal; }
 .wi {
   display: inline-block;
-  font-family: "weatherasdfasdficons";
+  font-family: "weathericons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
-.wi-day-cloudy-gusts:before {
+.wi-wind-beaufort-0:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-cloudy-windy:before {
+.wi-wind-beaufort-1:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-cloudy:before {
+.wi-wind-beaufort-2:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-fog:before {
+.wi-wind-beaufort-3:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-hail:before {
+.wi-wind-beaufort-4:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-lightning:before {
+.wi-wind-beaufort-5:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-rain-mix:before {
+.wi-wind-beaufort-6:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-rain-wind:before {
+.wi-wind-beaufort-7:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-rain:before {
+.wi-wind-beaufort-8:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-showers:before {
+.wi-wind-beaufort-9:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-snow:before {
+.wi-wind-beaufort-10:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-sprinkle:before {
+.wi-wind-beaufort-11:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-sunny-overcast:before {
+.wi-wind-beaufort-12:before {
-  content: ""; }
+  content: ""; }
-
-.wi-day-sunny:before {
-  content: ""; }
-
-.wi-day-storm-showers:before {
-  content: ""; }
-
-.wi-day-thunderstorm:before {
-  content: ""; }
-
-.wi-cloudy-gusts:before {
-  content: ""; }
-
-.wi-cloudy-windy:before {
-  content: ""; }
-
-.wi-cloudy:before {
-  content: ""; }
-
-.wi-fog:before {
-  content: ""; }
-
-.wi-hail:before {
-  content: ""; }
-
-.wi-lightning:before {
-  content: ""; }
-
-.wi-rain-mix:before {
-  content: ""; }
-
-.wi-rain-wind:before {
-  content: ""; }
-
-.wi-rain:before {
-  content: ""; }
-
-.wi-showers:before {
-  content: ""; }
-
-.wi-snow:before {
-  content: ""; }
-
-.wi-sprinkle:before {
-  content: ""; }
-
-.wi-storm-showers:before {
-  content: ""; }
-
-.wi-thunderstorm:before {
-  content: ""; }
-
-.wi-windy:before {
-  content: ""; }
-
-.wi-night-alt-cloudy-gusts:before {
-  content: ""; }
-
-.wi-night-alt-cloudy-windy:before {
-  content: ""; }
-
-.wi-night-alt-hail:before {
-  content: ""; }
-
-.wi-night-alt-lightning:before {
-  content: ""; }
-
-.wi-night-alt-rain-mix:before {
-  content: ""; }
-
-.wi-night-alt-rain-wind:before {
-  content: ""; }
-
-.wi-night-alt-rain:before {
-  content: ""; }
-
-.wi-night-alt-showers:before {
-  content: ""; }
-
-.wi-night-alt-snow:before {
-  content: ""; }
-
-.wi-night-alt-sprinkle:before {
-  content: ""; }
-
-.wi-night-alt-storm-showers:before {
-  content: ""; }
-
-.wi-night-alt-thunderstorm:before {
-  content: ""; }
-
-.wi-night-clear:before {
-  content: ""; }
-
-.wi-night-cloudy-gusts:before {
-  content: ""; }
-
-.wi-night-cloudy-windy:before {
-  content: ""; }
-
-.wi-night-cloudy:before {
-  content: ""; }
-
-.wi-night-hail:before {
-  content: ""; }
-
-.wi-night-lightning:before {
-  content: ""; }
-
-.wi-night-rain-mix:before {
-  content: ""; }
-
-.wi-night-rain-wind:before {
-  content: ""; }
-
-.wi-night-rain:before {
-  content: ""; }
-
-.wi-night-showers:before {
-  content: ""; }
-
-.wi-night-snow:before {
-  content: ""; }
-
-.wi-night-sprinkle:before {
-  content: ""; }
-
-.wi-night-storm-showers:before {
-  content: ""; }
-
-.wi-night-thunderstorm:before {
-  content: ""; }
-
-.wi-celsius:before {
-  content: ""; }
-
-.wi-cloud-down:before {
-  content: ""; }
-
-.wi-cloud-refresh:before {
-  content: ""; }
-
-.wi-cloud-up:before {
-  content: ""; }
-
-.wi-cloud:before {
-  content: ""; }
-
-.wi-degrees:before {
-  content: ""; }
-
-.wi-down-left:before {
-  content: ""; }
-
-.wi-down:before {
-  content: ""; }
-
-.wi-fahrenheit:before {
-  content: ""; }
-
-.wi-horizon-alt:before {
-  content: ""; }
-
-.wi-horizon:before {
-  content: ""; }
-
-.wi-left:before {
-  content: ""; }
-
-.wi-_reserved_:before {
-  content: ""; }
-
-.wi-night-fog:before {
-  content: ""; }
-
-.wi-refresh-alt:before {
-  content: ""; }
-
-.wi-refresh:before {
-  content: ""; }
-
-.wi-right:before {
-  content: ""; }
-
-.wi-sprinkles:before {
-  content: ""; }
-
-.wi-strong-wind:before {
-  content: ""; }
-
-.wi-sunrise:before {
-  content: ""; }
-
-.wi-sunset:before {
-  content: ""; }
-
-.wi-thermometer-exterior:before {
-  content: ""; }
-
-.wi-thermometer-internal:before {
-  content: ""; }
-
-.wi-thermometer:before {
-  content: ""; }
-
-.wi-tornado:before {
-  content: ""; }
-
-.wi-up-right:before {
-  content: ""; }
-
-.wi-up:before {
-  content: ""; }
-
-.wi-wind-west:before {
-  content: ""; }
-
-.wi-wind-south-west:before {
-  content: ""; }
-
-.wi-wind-south-east:before {
-  content: ""; }
-
-.wi-wind-south:before {
-  content: ""; }
-
-.wi-wind-north-west:before {
-  content: ""; }
-
-.wi-wind-north-east:before {
-  content: ""; }
-
-.wi-wind-north:before {
-  content: ""; }
-
-.wi-wind-east:before {
-  content: ""; }
-
-.wi-smoke:before {
-  content: ""; }
-
-.wi-dust:before {
-  content: ""; }
-
-.wi-snow-wind:before {
-  content: ""; }
-
-.wi-day-snow-wind:before {
-  content: ""; }
-
-.wi-night-snow-wind:before {
-  content: ""; }
-
-.wi-night-alt-snow-wind:before {
-  content: ""; }
-
-.wi-day-sleet-storm:before {
-  content: ""; }
-
-.wi-night-sleet-storm:before {
-  content: ""; }
-
-.wi-night-alt-sleet-storm:before {
-  content: ""; }
-
-.wi-day-snow-thunderstorm:before {
-  content: ""; }
-
-.wi-night-snow-thunderstorm:before {
-  content: ""; }
-
-.wi-night-alt-snow-thunderstorm:before {
-  content: ""; }
-
-.wi-solar-eclipse:before {
-  content: ""; }
-
-.wi-lunar-eclipse:before {
-  content: ""; }
-
-.wi-meteor:before {
-  content: ""; }
-
-.wi-hot:before {
-  content: ""; }
-
-.wi-hurricane:before {
-  content: ""; }
-
-.wi-smog:before {
-  content: ""; }
-
-.wi-alien:before {
-  content: ""; }
-
-.wi-snowflake-cold:before {
-  content: ""; }
-
-.wi-stars:before {
-  content: ""; }
-
-.wi-night-partly-cloudy:before {
-  content: ""; }
-
-.wi-umbrella:before {
-  content: ""; }
-
-.wi-day-windy:before {
-  content: ""; }
-
-.wi-night-alt-cloudy:before {
-  content: ""; }
-
-.wi-up-left:before {
-  content: ""; }
-
-.wi-down-right:before {
-  content: ""; }
-
-.wi-time-12:before {
-  content: ""; }
 
 .wi-time-1:before {
   content: ""; }
 
+.wi-time-10:before {
+  content: ""; }
+
+.wi-time-11:before {
+  content: ""; }
+
+.wi-time-12:before {
+  content: ""; }
+
 .wi-time-2:before {
   content: ""; }
 
@@ -425,77 +113,11 @@
 .wi-time-9:before {
   content: ""; }
 
-.wi-time-10:before {
-  content: ""; }
-
-.wi-time-11:before {
-  content: ""; }
-
-.wi-moon-new:before {
-  content: ""; }
-
-.wi-moon-waxing-cresent-1:before {
-  content: ""; }
-
-.wi-moon-waxing-cresent-2:before {
-  content: ""; }
-
-.wi-moon-waxing-cresent-3:before {
-  content: ""; }
-
-.wi-moon-waxing-cresent-4:before {
-  content: ""; }
-
-.wi-moon-waxing-cresent-5:before {
-  content: ""; }
-
-.wi-moon-waxing-cresent-6:before {
-  content: ""; }
-
-.wi-moon-first-quarter:before {
-  content: ""; }
-
-.wi-moon-waxing-gibbous-1:before {
-  content: ""; }
-
-.wi-moon-waxing-gibbous-2:before {
-  content: ""; }
-
-.wi-moon-waxing-gibbous-3:before {
-  content: ""; }
-
-.wi-moon-waxing-gibbous-4:before {
-  content: ""; }
-
-.wi-moon-waxing-gibbous-5:before {
-  content: ""; }
-
-.wi-moon-waxing-gibbous-6:before {
-  content: ""; }
-
 .wi-moon-full:before {
   content: ""; }
 
-.wi-moon-waning-gibbous-1:before {
+.wi-moon-new:before {
-  content: ""; }
+  content: ""; }
-
-.wi-moon-waning-gibbous-2:before {
-  content: ""; }
-
-.wi-moon-waning-gibbous-3:before {
-  content: ""; }
-
-.wi-moon-waning-gibbous-4:before {
-  content: ""; }
-
-.wi-moon-waning-gibbous-5:before {
-  content: ""; }
-
-.wi-moon-waning-gibbous-6:before {
-  content: ""; }
-
-.wi-moon-3rd-quarter:before {
-  content: ""; }
 
 .wi-moon-waning-crescent-1:before {
   content: ""; }
@@ -515,59 +137,80 @@
 .wi-moon-waning-crescent-6:before {
   content: ""; }
 
-.wi-wind-default:before {
+.wi-moon-waning-gibbous-1:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-sleet:before {
+.wi-moon-waning-gibbous-2:before {
-  content: ""; }
+  content: ""; }
 
-.wi-night-sleet:before {
+.wi-moon-waning-gibbous-3:before {
-  content: ""; }
+  content: ""; }
 
-.wi-night-alt-sleet:before {
+.wi-moon-waning-gibbous-4:before {
-  content: ""; }
+  content: ""; }
 
-.wi-sleet:before {
+.wi-moon-waning-gibbous-5:before {
-  content: ""; }
+  content: ""; }
 
-.wi-day-haze:before {
+.wi-moon-waning-gibbous-6:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-0:before {
+.wi-moon-waxing-cresent-1:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-1:before {
+.wi-moon-waxing-cresent-2:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-2:before {
+.wi-moon-waxing-cresent-3:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-3:before {
+.wi-moon-waxing-cresent-4:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-4:before {
+.wi-moon-waxing-cresent-5:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-5:before {
+.wi-moon-waxing-cresent-6:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-6:before {
+.wi-moon-waxing-gibbous-1:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-7:before {
+.wi-moon-waxing-gibbous-2:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-8:before {
+.wi-moon-waxing-gibbous-3:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-9:before {
+.wi-moon-waxing-gibbous-4:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-10:before {
+.wi-moon-waxing-gibbous-5:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-11:before {
+.wi-moon-waxing-gibbous-6:before {
-  content: ""; }
+  content: ""; }
 
-.wi-beafort-12:before {
+.wi-direction-down:before {
-  content: ""; }
+  content: ""; }
+
+.wi-direction-down-left:before {
+  content: ""; }
+
+.wi-direction-down-right:before {
+  content: ""; }
+
+.wi-direction-left:before {
+  content: ""; }
+
+.wi-direction-right:before {
+  content: ""; }
+
+.wi-direction-up:before {
+  content: ""; }
+
+.wi-direction-up-left:before {
+  content: ""; }
+
+.wi-direction-up-right:before {
+  content: ""; }

docs/cheatsheet.html

@@ -1,537 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Weather Icons - Icon Font inspired by Font Awesome and designed for Bootstrap</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="stylesheet" href="css/styles.css">
-  </head>
-  <body>
-    <p>Copy and paste these characters into your design apps to use them as real fonts:    </p>
-    <section class="content container iconExamples reference">
-      <div class="row">
-        <div class="col-sm-12">
-          <div class="reference">Day / Sunny</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf000; </div>
-            <div class="icon_name">wi-day-cloudy-gusts </div>
-            <div class="icon_unicode">(&#xf000;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf001; </div>
-            <div class="icon_name">wi-day-cloudy-windy </div>
-            <div class="icon_unicode">(&#xf001;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf002; </div>
-            <div class="icon_name">wi-day-cloudy </div>
-            <div class="icon_unicode">(&#xf002;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf003; </div>
-            <div class="icon_name">wi-day-fog </div>
-            <div class="icon_unicode">(&#xf003;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf004; </div>
-            <div class="icon_name">wi-day-hail </div>
-            <div class="icon_unicode">(&#xf004;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf005; </div>
-            <div class="icon_name">wi-day-lightning </div>
-            <div class="icon_unicode">(&#xf005;)</div>
-          </div>
-        </div>
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf006; </div>
-            <div class="icon_name">wi-day-rain-mix </div>
-            <div class="icon_unicode">(&#xf006;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf007; </div>
-            <div class="icon_name">wi-day-rain-wind </div>
-            <div class="icon_unicode">(&#xf007;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf008; </div>
-            <div class="icon_name">wi-day-rain </div>
-            <div class="icon_unicode">(&#xf008;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf009; </div>
-            <div class="icon_name">wi-day-showers </div>
-            <div class="icon_unicode">(&#xf009;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf00a; </div>
-            <div class="icon_name">wi-day-snow </div>
-            <div class="icon_unicode">(&#xf001;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf00b; </div>
-            <div class="icon_name">wi-day-sprinkle </div>
-            <div class="icon_unicode">(&#xf00b;)</div>
-          </div>
-        </div>
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf00c; </div>
-            <div class="icon_name">wi-day-sunny-overcast </div>
-            <div class="icon_unicode">(&#xf00c;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf00d; </div>
-            <div class="icon_name">wi-day-sunny </div>
-            <div class="icon_unicode">(&#xf00d;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf00e; </div>
-            <div class="icon_name">wi-day-storm-showers </div>
-            <div class="icon_unicode">(&#xf00e;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf010; </div>
-            <div class="icon_name">wi-day-thunderstorm </div>
-            <div class="icon_unicode">(&#xf010;)</div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm-12">
-          <div class="reference">Neutral / Cloudy</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf011; </div>
-            <div class="icon_name">wi-cloudy-gusts </div>
-            <div class="icon_unicode">(&#xf011;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf012; </div>
-            <div class="icon_name">wi-cloudy-windy </div>
-            <div class="icon_unicode">(&#xf012;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf013; </div>
-            <div class="icon_name">wi-cloudy </div>
-            <div class="icon_unicode">(&#xf013;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf014; </div>
-            <div class="icon_name">wi-fog </div>
-            <div class="icon_unicode">(&#xf014;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf015; </div>
-            <div class="icon_name">wi-hail </div>
-            <div class="icon_unicode">(&#xf015;)</div>
-          </div>
-        </div>
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf016; </div>
-            <div class="icon_name">wi-lightning </div>
-            <div class="icon_unicode">(&#xf016;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf017; </div>
-            <div class="icon_name">wi-rain-mix </div>
-            <div class="icon_unicode">(&#xf017;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf018; </div>
-            <div class="icon_name">wi-rain-wind </div>
-            <div class="icon_unicode">(&#xf018;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf019; </div>
-            <div class="icon_name">wi-rain </div>
-            <div class="icon_unicode">(&#xf019;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf01a; </div>
-            <div class="icon_name">wi-showers </div>
-            <div class="icon_unicode">(&#xf01a;)</div>
-          </div>
-        </div>
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf01b; </div>
-            <div class="icon_name">wi-snow </div>
-            <div class="icon_unicode">(&#xf01b;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf01c; </div>
-            <div class="icon_name">wi-sprinkle </div>
-            <div class="icon_unicode">(&#xf01c;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf01d; </div>
-            <div class="icon_name">wi-storm-showers </div>
-            <div class="icon_unicode">(&#xf01d;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf01e; </div>
-            <div class="icon_name">wi-thunderstorm </div>
-            <div class="icon_unicode">(&#xf01e;)</div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm-12">
-          <div class="reference">Night / Moons</div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf022; </div>
-            <div class="icon_name">wi-night-alt-cloudy-gusts </div>
-            <div class="icon_unicode">(&#xf022;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf023; </div>
-            <div class="icon_name">wi-night-alt-cloudy-windy </div>
-            <div class="icon_unicode">(&#xf023;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf024; </div>
-            <div class="icon_name">wi-night-alt-hail </div>
-            <div class="icon_unicode">(&#xf024;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf025; </div>
-            <div class="icon_name">wi-night-alt-lightning </div>
-            <div class="icon_unicode">(&#xf025;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf026; </div>
-            <div class="icon_name">wi-night-alt-rain-mix </div>
-            <div class="icon_unicode">(&#xf026;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf027; </div>
-            <div class="icon_name">wi-night-alt-rain-wind </div>
-            <div class="icon_unicode">(&#xf027;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf028; </div>
-            <div class="icon_name">wi-night-alt-rain </div>
-            <div class="icon_unicode">(&#xf028;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf029; </div>
-            <div class="icon_name">wi-night-alt-showers </div>
-            <div class="icon_unicode">(&#xf029;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf02a; </div>
-            <div class="icon_name">wi-night-alt-snow </div>
-          </div>
-        </div>
-        <div class="icon_unicode">(&#xf02a;)</div>
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf02b; </div>
-            <div class="icon_name">wi-night-alt-sprinkle </div>
-            <div class="icon_unicode">(&#xf02b;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf02c; </div>
-            <div class="icon_name">wi-night-alt-storm-showers </div>
-            <div class="icon_unicode">(&#xf02c;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf02d; </div>
-            <div class="icon_name">wi-night-alt-thunderstorm </div>
-            <div class="icon_unicode">(&#xf02d;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf02e; </div>
-            <div class="icon_name">wi-night-clear </div>
-            <div class="icon_unicode">(&#xf02e;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf02f; </div>
-            <div class="icon_name">wi-night-cloudy-gusts </div>
-            <div class="icon_unicode">(&#xf02f;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf030; </div>
-            <div class="icon_name">wi-night-cloudy-windy </div>
-            <div class="icon_unicode">(&#xf030;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf031; </div>
-            <div class="icon_name">wi-night-cloudy </div>
-            <div class="icon_unicode">(&#xf031;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf032; </div>
-            <div class="icon_name">wi-night-hail </div>
-            <div class="icon_unicode">(&#xf032;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf033; </div>
-            <div class="icon_name">wi-night-lightning </div>
-            <div class="icon_unicode">(&#xf033;)</div>
-          </div>
-        </div>
-        <div class="col-sm-4">
-          <div class="icon-wrap"></div>
-          <div class="right">
-            <div class="icon">&#xf034; </div>
-            <div class="icon_name">wi-night-rain-mix </div>
-            <div class="icon_unicode">(&#xf034;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf035; </div>
-            <div class="icon_name">wi-night-rain-wind </div>
-            <div class="icon_unicode">(&#xf035;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf036; </div>
-            <div class="icon_name">wi-night-rain </div>
-            <div class="icon_unicode">(&#xf036;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf037; </div>
-            <div class="icon_name">wi-night-showers </div>
-            <div class="icon_unicode">(&#xf037;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf038; </div>
-            <div class="icon_name">wi-night-snow </div>
-            <div class="icon_unicode">(&#xf038;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf039; </div>
-            <div class="icon_name">wi-night-sprinkle </div>
-            <div class="icon_unicode">(&#xf039;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf03a; </div>
-            <div class="icon_name">wi-night-storm-showers </div>
-            <div class="icon_unicode">(&#xf03a;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf03b; </div>
-            <div class="icon_name">wi-night-thunderstorm </div>
-            <div class="icon_unicode">(&#xf03b;)</div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm-12">
-          <div class="reference">Miscellaneous Weather </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf03c; </div>
-            <div class="icon_name">wi-celcius </div>
-            <div class="icon_unicode">(&#xf03c;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf03d; </div>
-            <div class="icon_name">wi-cloud-down </div>
-            <div class="icon_unicode">(&#xf03d;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf03e; </div>
-            <div class="icon_name">wi-cloud-refresh </div>
-            <div class="icon_unicode">(&#xf03e;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf040; </div>
-            <div class="icon_name">wi-cloud-up </div>
-            <div class="icon_unicode">(&#xf040;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf041; </div>
-            <div class="icon_name">wi-cloud </div>
-            <div class="icon_unicode">(&#xf041;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf042; </div>
-            <div class="icon_name">wi-degrees </div>
-            <div class="icon_unicode">(&#xf042;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf043; </div>
-            <div class="icon_name">wi-down-left </div>
-            <div class="icon_unicode">(&#xf043;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf044; </div>
-            <div class="icon_name">wi-down </div>
-            <div class="icon_unicode">(&#xf044;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf045; </div>
-            <div class="icon_name">wi-fahrenheit </div>
-            <div class="icon_unicode">(&#xf045;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf046; </div>
-            <div class="icon_name">wi-horizon-alt </div>
-            <div class="icon_unicode">(&#xf046;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf047; </div>
-            <div class="icon_name">wi-horizon </div>
-            <div class="icon_unicode">(&#xf047;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf048; </div>
-            <div class="icon_name">wi-left </div>
-            <div class="icon_unicode">(&#xf048;)</div>
-          </div>
-        </div>
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf016; </div>
-            <div class="icon_name">wi-lightning </div>
-            <div class="icon_unicode">(&#xf016;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf04a; </div>
-            <div class="icon_name">wi-night-fog </div>
-            <div class="icon_unicode">(&#xf04a;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf04b; </div>
-            <div class="icon_name">wi-refresh-alt </div>
-            <div class="icon_unicode">(&#xf04b;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf04c; </div>
-            <div class="icon_name">wi-refresh </div>
-            <div class="icon_unicode">(&#xf04c;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf04d; </div>
-            <div class="icon_name">wi-right </div>
-            <div class="icon_unicode">(&#xf04d;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf04e; </div>
-            <div class="icon_name">wi-sprinkles </div>
-            <div class="icon_unicode">(&#xf04e;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf050; </div>
-            <div class="icon_name">wi-strong-wind </div>
-            <div class="icon_unicode">(&#xf050;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf051; </div>
-            <div class="icon_name">wi-sunrise </div>
-            <div class="icon_unicode">(&#xf051;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf052; </div>
-            <div class="icon_name">wi-sunset </div>
-            <div class="icon_unicode">(&#xf052;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf053; </div>
-            <div class="icon_name">wi-thermometer-exterior </div>
-            <div class="icon_unicode">(&#xf053;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf054; </div>
-            <div class="icon_name">wi-thermometer-internal </div>
-            <div class="icon_unicode">(&#xf054;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf055; </div>
-            <div class="icon_name">wi-thermometer </div>
-            <div class="icon_unicode">(&#xf055;)</div>
-          </div>
-        </div>
-        <div class="col-sm-4">
-          <div class="icon-wrap">
-            <div class="icon">&#xf056; </div>
-            <div class="icon_name">wi-tornado </div>
-            <div class="icon_unicode">(&#xf056;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf057; </div>
-            <div class="icon_name">wi-up-right </div>
-            <div class="icon_unicode">(&#xf057;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf058; </div>
-            <div class="icon_name">wi-up </div>
-            <div class="icon_unicode">(&#xf058;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf059; </div>
-            <div class="icon_name">wi-wind-east </div>
-            <div class="icon_unicode">(&#xf059;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf05a; </div>
-            <div class="icon_name">wi-wind-north-east </div>
-            <div class="icon_unicode">(&#xf05a;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf05b; </div>
-            <div class="icon_name">wi-wind-north-west </div>
-            <div class="icon_unicode">(&#xf05b;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf05c; </div>
-            <div class="icon_name">wi-wind-north </div>
-            <div class="icon_unicode">(&#xf05c;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf05d; </div>
-            <div class="icon_name">wi-wind-south-east </div>
-            <div class="icon_unicode">(&#xf05d;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf05e; </div>
-            <div class="icon_name">wi-wind-south-west </div>
-            <div class="icon_unicode">(&#xf05e;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf060; </div>
-            <div class="icon_name">wi-wind-south </div>
-            <div class="icon_unicode">(&#xf060;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf061; </div>
-            <div class="icon_name">wi-wind-west </div>
-            <div class="icon_unicode">(&#xf061;)</div>
-          </div>
-          <div class="icon-wrap">
-            <div class="icon">&#xf021; </div>
-            <div class="icon_name">wi-windy </div>
-            <div class="icon_unicode">(&#xf021;)          </div>
-          </div>
-        </div>
-      </div>
-    </section>
-    <footer>
-      <div class="container">
-        <div class="row-fluid">
-          <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>
-          </div>
-        </div>
-      </div>
-    </footer>
-  </body>
-</html>

docs/jade/cheatsheet.jade

@@ -1,435 +0,0 @@
-doctype
-html
-  head
-    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')
-    link(rel='stylesheet', href='css/styles.css')
-    
-
-
-  body
-
-    p Copy and paste these characters into your design apps to use them as real fonts:    
-    
-
-
-
-    section.content.container.iconExamples.reference
-      .row
-        .col-sm-12
-          .reference Day / Sunny
-      .row
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-cloudy-gusts 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-cloudy-windy 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-cloudy 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-fog 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-hail 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-lightning 
-            .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-rain-mix 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-rain-wind 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-rain 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-showers 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-snow 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-sprinkle 
-            .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-sunny-overcast 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-sunny 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-storm-showers 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-day-thunderstorm 
-            .icon_unicode ()
-      .row
-        .col-sm-12
-          .reference Neutral / Cloudy
-      .row
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-cloudy-gusts 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-cloudy-windy 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-cloudy 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-fog 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-hail 
-            .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-lightning 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-rain-mix 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-rain-wind 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-rain 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-showers 
-            .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-snow 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-sprinkle 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-storm-showers 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-thunderstorm 
-            .icon_unicode ()
-
-      .row
-        .col-sm-12
-          .reference Night / Moons
-      .row
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-cloudy-gusts 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-cloudy-windy 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-hail 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-lightning 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-rain-mix 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-rain-wind 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-rain 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-showers 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-snow 
-        .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-sprinkle 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-storm-showers 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-alt-thunderstorm 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-clear 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-cloudy-gusts 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-cloudy-windy 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-cloudy 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-hail 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-lightning 
-            .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-          .right
-            .icon  
-            .icon_name wi-night-rain-mix 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-rain-wind 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-rain 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-showers 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-snow 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-sprinkle 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-storm-showers 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-thunderstorm 
-            .icon_unicode ()
-      .row
-        .col-sm-12
-          .reference Miscellaneous Weather 
-      .row
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-celcius 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-cloud-down 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-cloud-refresh 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-cloud-up 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-cloud 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-degrees 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-down-left 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-down 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-fahrenheit 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-horizon-alt 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-horizon 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-left 
-            .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-lightning 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-night-fog 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-refresh-alt 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-refresh 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-right 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-sprinkles 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-strong-wind 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-sunrise 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-sunset 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-thermometer-exterior 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-thermometer-internal 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-thermometer 
-            .icon_unicode ()
-        .col-sm-4
-          .icon-wrap
-            .icon  
-            .icon_name wi-tornado 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-up-right 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-up 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-east 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-north-east 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-north-west 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-north 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-south-east 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-south-west 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-south 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-wind-west 
-            .icon_unicode ()
-          .icon-wrap
-            .icon  
-            .icon_name wi-windy 
-            .icon_unicode ()          
-
-
-
-    footer
-      .container
-        .row-fluid
-          .col-sm-12 
-            p The Weather Icons project created and maintained by  
-              a(href="http://www.twitter.com/Erik_UX") Erik Flowers
-              |. Original artwork by  
-              a(href="http://www.twitter.com/artill") Lukas Bischoff.
-            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("http://scripts.sil.org/OFL") SIL OFL 1.1
-              |  — Code licensed under  
-              a("http://opensource.org/licenses/mit-license.html") MIT License
-              |   — Documentation licensed under  
-              a("http://creativecommons.org/licenses/by/3.0/") CC BY 3.0
-