add grid, bars, cirles. update site, add bower

.gitignore

@@ -1 +1,2 @@
-.DS_Store
+.DS_Store
+test/

bower.json

@@ -0,0 +1,19 @@
+{
+  "name": "SVG-Loaders",
+  "version": "0.0.0",
+  "homepage": "https://github.com/SamHerbert/SVG-Loaders",
+  "authors": [
+    "Sam Herbert <sam@samherbert.net>"
+  ],
+  "description": "Loading icons and small animations built purely in SVG, no CSS or JS.",
+  "license": "MIT",
+  "private": true,
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "public"
+  ]
+}

public/index.html

@@ -53,8 +53,8 @@
         }
         li:nth-child(3) {
             background-color: #F39C12;
-            background-image: url(../svg-loaders/ball-triangle.svg);
-            background-size: 60px;
+            background-image: url(../svg-loaders/grid.svg);
+            background-size: 40px;
         }
         li:nth-child(4) {
             background-color: #9B59B6;
@@ -64,7 +64,7 @@
         li:nth-child(5) {
             background-color: #3498DB;
             background-image: url(../svg-loaders/oval.svg);
-            background-size: 60px;
+            background-size: 50px;
         }
         li:nth-child(6) {
             background-color: #E74C3C;
@@ -74,26 +74,32 @@
         li:nth-child(7) {
             background-color: #2ECC71;
             background-image: url(../svg-loaders/spinning-circles.svg);
-            background-size: 60px;
+            background-size: 50px;
         }
         li:nth-child(8) {
             background-color: #2C3E50;
             background-image: url(../svg-loaders/puff.svg);
-            background-size: 60px;
+            background-size: 50px;
         }
         li:nth-child(9) {
             background-color: #F1C40F;
+            background-image: url(../svg-loaders/circles.svg);
+            background-size: 50px;
         }
         li:nth-child(10) {
             background-color: #8E44AD;
             background-image: url(../svg-loaders/tail-spin.svg);
-            background-size: 60px;
+            background-size: 50px;
         }
         li:nth-child(11) {
             background-color: #2980B9;
+            background-image: url(../svg-loaders/bars.svg);
+            background-size: 40px;
         }
         li:nth-child(12) {
             background-color: #E74C3C;
+            background-image: url(../svg-loaders/ball-triangle.svg);
+            background-size: 50px;
         }
         .actions {
             margin: auto;
@@ -147,7 +153,7 @@
 
     <div class="actions">
         <a href="https://github.com/SamHerbert/SVG-Loaders" target="_blank" class="download">Download</a>
-        <a href="#" target="_blank" class="tweet">Tweet</a>
+        <a href="https://twitter.com/intent/tweet?text=Fully%20SVG%20loaders/spinners&url=http://goo.gl/nuy8tM&via=sherb" target="_blank" class="tweet">Tweet</a>
     </div>
     <div style="clear: both"></div>