Add the examples for loader curtain

raphaelfabeni · raphaelfabeni · commit 97c96adf1a69 · 2016-11-08T00:03:57.000-02:00
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -150,6 +150,34 @@
     {
       button: document.getElementById('loader-clock'),
       className: 'loader-clock'
+    },
+    {
+      button: document.getElementById('loader-curtain'),
+      className: 'loader-curtain'
+    },
+    {
+      button: document.getElementById('loader-curtain-brazilian'),
+      className: 'loader-curtain',
+      attributes: [
+        { attribute: 'brazilian' }
+      ]
+    },
+    {
+      button: document.getElementById('loader-curtain-colorful'),
+      className: 'loader-curtain',
+      attributes: [
+        { attribute: 'colorful' }
+      ]
+    },
+    {
+      button: document.getElementById('loader-curtain-custom-text'),
+      className: 'loader-curtain',
+      attributes: [
+        {
+          attribute: 'curtain-text',
+          value: document.getElementById('curtain-custom-text')
+        }
+      ]
     }
   ];
 
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/master/dist/css-loader.css">
+  <link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/dc29835b1f0a2d07c4f63291448c247dfb06b58b/dist/css-loader.css">
 </head>
 <body>
   <!-- Loader -->
@@ -117,12 +117,29 @@ <h3 class="box__title">Double</h3>
       </div>
 
       <div class="box">
-        <h3 class="box__title">clock</h3>
+        <h3 class="box__title">Clock</h3>
         <div class="box__item">
           <button id="loader-clock" class="button">default</button>
         </div>
       </div>
 
+      <div class="box">
+        <h3 class="box__title">Curtain</h3>
+        <div class="box__item">
+          <button id="loader-curtain" class="button">default</button>
+        </div>
+        <div class="box__item">
+          <button id="loader-curtain-brazilian" class="button">brazilian</button>
+        </div>
+        <div class="box__item">
+          <button id="loader-curtain-colorful" class="button">colorful</button>
+        </div>
+        <div class="box__item">
+          <input type="text" id="curtain-custom-text" class="input" placeholder="custom text here">
+          <button id="loader-curtain-custom-text" class="button">custom-text</button>
+        </div>
+      </div>
+
       <div class="box">
         <h3 class="box__title">Ball</h3>
         <div class="box__item">
