From c926c7be9d50ffd585b6b707df684ef5542c4b90 Mon Sep 17 00:00:00 2001
From: Daniel Buckmaster <dan.buckmaster@gmail.com>
Date: Thu, 6 Mar 2014 16:59:06 +1100
Subject: [PATCH] Fixed carousel esp. on mobile.

---
 css/main.css | 16 +++++++---------
 index.html   | 42 +++++++++++++++++++++---------------------
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/css/main.css b/css/main.css
index c2179d3d3..bafac9025 100644
--- a/css/main.css
+++ b/css/main.css
@@ -30,6 +30,11 @@
   border-radius: 3px;
 }
 
+.site .carousel-inner .item {
+  width: 80%;
+  margin: 0 auto;
+}
+
 .site h1 { font-size: 24px; }
 .site h2 { font-size: 20px; }
 
@@ -51,12 +56,8 @@
   color: white;
 }
 
-.site .banner table {
-  margin: 0 auto;
-}
-
-.site .banner table td {
-  padding-right: 50px;
+.site .banner .col-sm-4 {
+  text-align: center;
 }
 
 .site .carousel-control i {
@@ -76,9 +77,6 @@
   margin-right: 3em;
 }
 
-.footer .contact a {
-}
-
 .footer .rss {
   margin-top: 1.1em;
   margin-right: -.2em;
diff --git a/index.html b/index.html
index a1afb30af..45a16cb75 100644
--- a/index.html
+++ b/index.html
@@ -18,43 +18,43 @@ root: .
             <!-- Slides -->
             <div class="item active">
                 <div class="container">
-                    <table><tr>
-                        <td>
-                            <img class="pull-left" src="{{page.root}}/img/torque.png"></img>
-                        </td>
-                        <td>
+                    <div class="row">
+                        <div class="col-sm-4">
+                            <img src="{{page.root}}/img/torque.png"></img>
+                        </div>
+                        <div class="col-sm-8">
                             <h1 class="title">{{site.name}}</h1>
                             <p>The open-source game engine of the future.</p>
-                        </td>
-                    </tr></table>
+                        </div>
+                    </div>
                 </div>
             </div>
 
             <div class="item">
                 <div class="container">
-                    <table><tr>
-                        <td>
-                            <img class="pull-left" src="{{page.root}}/img/torque.png"></img>
-                        </td>
-                        <td>
+                    <div class="row">
+                        <div class="col-sm-4">
+                            <img src="{{page.root}}/img/torque.png"></img>
+                        </div>
+                        <div class="col-sm-8">
                             <h1 class="title">{{site.name}}</h1>
                             <p>The open-source game engine of the future.</p>
-                        </td>
-                    </tr></table>
+                        </div>
+                    </div>
                 </div>
             </div>
 
             <div class="item">
                 <div class="container">
-                    <table><tr>
-                        <td>
-                            <img class="pull-left" src="{{page.root}}/img/torque.png"></img>
-                        </td>
-                        <td>
+                    <div class="row">
+                        <div class="col-sm-4">
+                            <img src="{{page.root}}/img/torque.png"></img>
+                        </div>
+                        <div class="col-sm-8">
                             <h1 class="title">{{site.name}}</h1>
                             <p>The open-source game engine of the future.</p>
-                        </td>
-                    </tr></table>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>