Update screenshots

Author: zyedidia

Diff for: index.html

@@ -82,16 +82,38 @@
                     <li data-target="#screenshots" data-slide-to="2"></li>
                     <li data-target="#screenshots" data-slide-to="3"></li>
                     <li data-target="#screenshots" data-slide-to="4"></li>
+                    <li data-target="#screenshots" data-slide-to="5"></li>
+                    <li data-target="#screenshots" data-slide-to="6"></li>
+                    <li data-target="#screenshots" data-slide-to="7"></li>
+                    <li data-target="#screenshots" data-slide-to="8"></li>
+                    <li data-target="#screenshots" data-slide-to="9"></li>
+                    <li data-target="#screenshots" data-slide-to="10"></li>
                 </ol>
 
                 <!-- Wrapper for slides -->
                 <div class="carousel-inner" role="listbox">
                     <div class="item active">
-                        <img src="screenshots/micro-solarized.png" alt="Chania">
+                        <img src="screenshots/micro-monokai.png" alt="Chania">
                     </div>
 
                     <div class="item">
-                        <img src="screenshots/micro-monokai.png" alt="Chania">
+                        <img src="screenshots/micro-one-dark.png" alt="Flower">
+                    </div>
+
+                    <div class="item">
+                        <img src="screenshots/micro-darcula.png" alt="Flower">
+                    </div>
+
+                    <div class="item">
+                        <img src="screenshots/micro-twilight.png" alt="Flower">
+                    </div>
+
+                    <div class="item">
+                        <img src="screenshots/micro-railscast.png" alt="Flower">
+                    </div>
+
+                    <div class="item">
+                        <img src="screenshots/micro-solarized.png" alt="Chania">
                     </div>
 
                     <div class="item">
@@ -102,6 +124,14 @@
                         <img src="screenshots/micro-gruvbox.png" alt="Flower">
                     </div>
 
+                    <div class="item">
+                        <img src="screenshots/micro-material.png" alt="Flower">
+                    </div>
+
+                    <div class="item">
+                        <img src="screenshots/micro-gotham.png" alt="Flower">
+                    </div>
+
                     <div class="item">
                         <img src="screenshots/micro-zenburn.png" alt="Flower">
                     </div>