Add the music loaders examples

raphaelfabeni · raphaelfabeni · commit 24ddc38260ff · 2016-11-15T10:35:55.000-02:00
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -178,6 +178,34 @@
           value: document.getElementById('curtain-custom-text')
         }
       ]
+    },
+    {
+      button: document.getElementById('loader-music-hey-oh'),
+      className: 'loader-music',
+      attributes: [
+        { attribute: 'hey-oh' }
+      ]
+    },
+    {
+      button: document.getElementById('loader-music-no-cry'),
+      className: 'loader-music',
+      attributes: [
+        { attribute: 'no-cry' }
+      ]
+    },
+    {
+      button: document.getElementById('loader-music-we-are'),
+      className: 'loader-music',
+      attributes: [
+        { attribute: 'we-are' }
+      ]
+    },
+    {
+      button: document.getElementById('loader-music-rock-you'),
+      className: 'loader-music',
+      attributes: [
+        { attribute: 'rock-you' }
+      ]
     }
   ];
 
diff --git a/dist/main.min.js b/dist/main.min.js
diff --git a/index.html b/index.html
@@ -26,7 +26,7 @@
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 
   <link rel="stylesheet" href="dist/main.min.css">
-  <link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/dc29835b1f0a2d07c4f63291448c247dfb06b58b/dist/css-loader.css">
+  <link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/master/dist/css-loader.css">
 </head>
 <body>
   <!-- Loader -->
@@ -164,6 +164,22 @@ <h3 class="box__title">Smartphone</h3>
         </div>
       </div>
 
+      <div class="box">
+        <h3 class="box__title">Music</h3>
+        <div class="box__item">
+          <button id="loader-music-hey-oh" class="button">hey oh</button>
+        </div>
+        <div class="box__item">
+          <button id="loader-music-no-cry" class="button">no woman no cry</button>
+        </div>
+        <div class="box__item">
+          <button id="loader-music-we-are" class="button">we are the world</button>
+        </div>
+        <div class="box__item">
+          <button id="loader-music-rock-you" class="button">we will rock you</button>
+        </div>
+      </div>
+
     </div>
   </div>
 
