From 0a032101d33a52f7265b02d4f123c6abec350756 Mon Sep 17 00:00:00 2001
From: Erik Flowers <erik@helloerik.com>
Date: Tue, 9 Aug 2016 09:40:55 -0700
Subject: [PATCH] Update index.html

---
 index.html | 70 +++++++++++++++++++++++++++---------------------------
 1 file changed, 35 insertions(+), 35 deletions(-)

diff --git a/index.html b/index.html
index 268a5be..4fb57b1 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/weather-icons.css">
-    <link rel="stylesheet" href="css/weather-icons-wind.css">
+    <link rel="stylesheet" href="css/weather-icons-wind.css">wi-
     <script src="//use.typekit.net/hse2lqc.js"></script>
     <script>try{Typekit.load();}catch(e){}</script>
     <script src="js/bootstrap.min.js"></script>
@@ -1255,138 +1255,138 @@
             <p>The classes for the wind direction indicator is split into 2 options. You can choose towards or from. Towards points to the degree, zero at the top. From points directly away from the degree. This means, if you want the indicator to represent "wind is coming from the south", you can use the <code>towards-0-deg</code> class, or if you prefer to use from, then you would use <code>from-180-deg</code>.</p>
             <p>There are 360 classes for each in 1 degree increments for maximum precision.</p>
             <p></p>
-            <p>To make a wind icon appear, you need to add 3 classes, the base icon class, the wind icon class, and then the direction you want it to face: <code>class="wi wi-wind-direction wi-from-e"</code></p>
+            <p>To make a wind icon appear, you need to add 3 classes, the base icon class, the wind icon class, and then the direction you want it to face: <code>class="wi wi-wind towards-23-deg"</code></p>
             
             <p></p>
             <p>NOTE: You must include the additional stylesheeet, <code>weather-icons-wind.css</code> to use the wind icons and API mappings.</p>
           </div>
           <div class="row">
             <div class="icon-wrap"><i class="wi wi-wind towards-0-deg"></i>
-              <div class="icon-name">wi-wind.towards-0-deg</div>
+              <div class="icon-name">towards-0-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-23-deg"></i>
-              <div class="icon-name">wi-wind.towards-23-deg</div>
+              <div class="icon-name">towards-23-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-45-deg"></i>
-              <div class="icon-name">wi-wind.towards-45-deg</div>
+              <div class="icon-name">towards-45-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-68-deg"></i>
-              <div class="icon-name">wi-wind.towards-68-deg</div>
+              <div class="icon-name">towards-68-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-90-deg"></i>
-              <div class="icon-name">wi-wind.towards-90-deg</div>
+              <div class="icon-name">towards-90-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-113-deg"></i>
-              <div class="icon-name">wi-wind.towards-113-deg</div>
+              <div class="icon-name">towards-113-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-135-deg"></i>
-              <div class="icon-name">wi-wind.towards-135-deg</div>
+              <div class="icon-name">towards-135-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-158-deg"></i>
-              <div class="icon-name">wi-wind.towards-158-deg</div>
+              <div class="icon-name">towards-158-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-180-deg"></i>
-              <div class="icon-name">wi-wind.towards-180-deg</div>
+              <div class="icon-name">towards-180-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-203-deg"></i>
-              <div class="icon-name">wi-wind.towards-203-deg</div>
+              <div class="icon-name">towards-203-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-225-deg"></i>
-              <div class="icon-name">wi-wind.towards-225-deg</div>
+              <div class="icon-name">towards-225-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-248-deg"></i>
-              <div class="icon-name">wi-wind.towards-248-deg</div>
+              <div class="icon-name">towards-248-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-270-deg"></i>
-              <div class="icon-name">wi-wind.towards-270-deg</div>
+              <div class="icon-name">towards-270-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-293-deg"></i>
-              <div class="icon-name">wi-wind.towards-293-deg</div>
+              <div class="icon-name">towards-293-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-313-deg"></i>
-              <div class="icon-name">wi-wind.towards-313-deg</div>
+              <div class="icon-name">towards-313-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind towards-336-deg"></i>
-              <div class="icon-name">wi-wind.towards-336-deg</div>
+              <div class="icon-name">towards-336-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-180-deg"></i>
-              <div class="icon-name">wi-wind.from-180-deg</div>
+              <div class="icon-name">from-180-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-203-deg"></i>
-              <div class="icon-name">wi-wind.from-203-deg</div>
+              <div class="icon-name">from-203-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-225-deg"></i>
-              <div class="icon-name">wi-wind.from-225-deg</div>
+              <div class="icon-name">from-225-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-248-deg"></i>
-              <div class="icon-name">wi-wind.from-248-deg</div>
+              <div class="icon-name">from-248-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-270-deg"></i>
-              <div class="icon-name">wi-wind.from-270-deg</div>
+              <div class="icon-name">from-270-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-293-deg"></i>
-              <div class="icon-name">wi-wind.from-293-deg</div>
+              <div class="icon-name">from-293-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-313-deg"></i>
-              <div class="icon-name">wi-wind.from-313-deg</div>
+              <div class="icon-name">from-313-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-336-deg"></i>
-              <div class="icon-name">wi-wind.from-336-deg</div>
+              <div class="icon-name">from-336-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-0-deg"></i>
-              <div class="icon-name">wi-wind.from-0-deg</div>
+              <div class="icon-name">from-0-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-23-deg"></i>
-              <div class="icon-name">wi-wind.from-23-deg</div>
+              <div class="icon-name">from-23-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-45-deg"></i>
-              <div class="icon-name">wi-wind.from-45-deg</div>
+              <div class="icon-name">from-45-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-68-deg"></i>
-              <div class="icon-name">wi-wind.from-68-deg</div>
+              <div class="icon-name">from-68-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-90-deg"></i>
-              <div class="icon-name">wi-wind.from-90-deg</div>
+              <div class="icon-name">from-90-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-113-deg"></i>
-              <div class="icon-name">wi-wind.from-113-deg</div>
+              <div class="icon-name">from-113-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-135-deg"></i>
-              <div class="icon-name">wi-wind.from-135-deg</div>
+              <div class="icon-name">from-135-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
             <div class="icon-wrap"><i class="wi wi-wind from-158-deg"></i>
-              <div class="icon-name">wi-wind.from-158-deg</div>
+              <div class="icon-name">from-158-deg</div>
               <div class="icon_unicode">f0b1 </div>
             </div>
           </div>
@@ -1399,7 +1399,7 @@
             <p>The purpose of this is to accommodate applications that prefer to point to where the wind is originating from (arrow points against the wind), or pointing where the wind is blowing (arrow points in direction of wind). You can decide which fits your application best and use the class that matches.</p>
             <p>There are 16 classes each for precision when using cardinal directions.</p>
             <p></p>
-            <p>To make a wind icon appear, you need to add 3 classes, the base icon class, the wind icon class, and then the direction you want it to face: <code>class="wi wi-wind-direction wi-from-e"</code></p>
+            <p>To make a wind icon appear, you need to add 3 classes, the base icon class, the wind icon class, and then the direction you want it to face: <code>class="wi wi-wind wi-from-e"</code></p>
             <p>NOTE: You must include the additional stylesheeet, <code>weather-icons-wind.css</code> to use the wind icons and API mappings.</p>
           </div>
           <div class="row">