ENH better spacing on the first page

NelleV · GaelVaroquaux · commit c1d91d7d3f32 · 2013-08-07T02:37:47.000+02:00
diff --git a/doc/index.rst b/doc/index.rst
@@ -246,7 +246,7 @@
     <div class="container index-lower">
         <div class="row-fluid">
             <!-- News -->
-            <div class="span6">
+            <div class="span4">
                 <h4>News</h4>
                 <ul>
                 <li><em>On-going development:</em>
@@ -277,10 +277,10 @@
             </div>
 
             <!-- Community -->
-            <div class="span6">
+            <div class="span4">
                 <h4>Community</h4>
                 <ul>
-                <li><em>Questions?</em> See <a href="http://stackoverflow.com/questions/tagged/scikit-learn">stackoverflow</a> # scikit-learn for usage questions</li>
+                <li><em>Questions?</em> See <a href="http://stackoverflow.com/questions/tagged/scikit-learn">stackoverflow</a> # scikit-learn</li>
                 <li><em>Mailing list:</em> scikit-learn-general@lists.sourceforge.net</li>
                 <li><em>IRC:</em> #scikit-learn @ <a href="http://webchat.freenode.net/">freenode</a></li>
                 <li><em>Help us:</em>
@@ -297,24 +297,39 @@
                 <h4>Who is using scikit-learn?</h4>
 
                 </h4>
-                <div id="myCarousel" class="carousel slide">
+                <div id="testimonials_carousel" class="carousel slide">
                     <div class="carousel-inner">
                         <div class="active item">
                           <img src="_images/inria.jpg" class="thumbnail" /><br />
+                        </div>
                         <div class="item">
                           <img src="_images/evernote.png" class="thumbnail" /><br />
+                        </div>
                         <div class="item">
-                          <img src="_images/telecomparistech.jpg" class="thumbnail" /><br />
+                          <img src="_images/telecomparistech.jpg"
+                               class="thumbnail" /><br />
                         </div>
                         <div class="item">
                           <img src="_images/aweber.png" class="thumbnail" /><br />
                         </div>
                     </div>
-                    <div style="margin-top: 5px"><a href="#">More testimonials</a></div>
+                    <div style="margin-top: 5px">
+                      <a class="testimonials" href="testimonials/testminonials.html">
+                        More testimonials</a></div>
                 </div>
-                <script>$('#myCarousel').carousel()</script>
-            </div>
 
+               <a class="btn btn-warning btn-big cite-us"
+                  href="./about.html#citing-scikit-learn">
+                  <b>Cite us!</b>
+              </a>
+            </div>
         </div>
     </div>
     </div>
+
+
+    <script>
+      $('#testimonials_carousel').carousel()
+    </script>
+
+
diff --git a/doc/themes/scikit-learn/static/nature.css_t b/doc/themes/scikit-learn/static/nature.css_t
@@ -800,7 +800,8 @@ div.container.index-lower ul {
 }
 
 div.container.index-lower ul li {
-    margin-bottom: 5px;
+    margin-bottom: 8px;
+    line-height: 1.3em;
 }
 
 div.container.index-lower ul li em {
@@ -850,9 +851,15 @@ div#examples_carousel {
     margin-bottom: 0px;
 }
 
+div.carousel item {
+  width: 100%;
+  margin: auto;
+}
+
+
 div.carousel img {
-    max-height: 80px;
-    height: 80px;
+    max-height: 50px;
+    height: 50px;
     background-color: #fff;
 }
 
@@ -977,6 +984,7 @@ div.testimonial h2 {
     text-align: center;
 }
 
+
 div.logo {
     float: left;
     width: 200px;
@@ -1134,6 +1142,7 @@ div.container-index {
 
 .cite-us {
   margin: auto;
+  margin-top: 10px;
   display: block;
   max-width: 100px;
 }
@@ -1161,3 +1170,7 @@ div.container-index {
   }
 
 }
+
+a.testimonials {
+  font-size: 0.9em;
+}

Original file line number	Diff line number	Diff line change
`@@ -800,7 +800,8 @@ div.container.index-lower ul {`
`800`	`800`	`}`
`801`	`801`
`802`	`802`	`div.container.index-lower ul li {`
`803`		`- margin-bottom: 5px;`
	`803`	`+ margin-bottom: 8px;`
	`804`	`+ line-height: 1.3em;`
`804`	`805`	`}`
`805`	`806`
`806`	`807`	`div.container.index-lower ul li em {`
`@@ -850,9 +851,15 @@ div#examples_carousel {`
`850`	`851`	`margin-bottom: 0px;`
`851`	`852`	`}`
`852`	`853`
	`854`	`+div.carousel item {`
	`855`	`+ width: 100%;`
	`856`	`+ margin: auto;`
	`857`	`+}`
	`858`	`+`
	`859`	`+`
`853`	`860`	`div.carousel img {`
`854`		`- max-height: 80px;`
`855`		`- height: 80px;`
	`861`	`+ max-height: 50px;`
	`862`	`+ height: 50px;`
`856`	`863`	`background-color: #fff;`
`857`	`864`	`}`
`858`	`865`
`@@ -977,6 +984,7 @@ div.testimonial h2 {`
`977`	`984`	`text-align: center;`
`978`	`985`	`}`
`979`	`986`
	`987`	`+`
`980`	`988`	`div.logo {`
`981`	`989`	`float: left;`
`982`	`990`	`width: 200px;`
`@@ -1134,6 +1142,7 @@ div.container-index {`
`1134`	`1142`
`1135`	`1143`	`.cite-us {`
`1136`	`1144`	`margin: auto;`
	`1145`	`+ margin-top: 10px;`
`1137`	`1146`	`display: block;`
`1138`	`1147`	`max-width: 100px;`
`1139`	`1148`	`}`
`@@ -1161,3 +1170,7 @@ div.container-index {`
`1161`	`1170`	`}`
`1162`	`1171`
`1163`	`1172`	`}`
	`1173`	`+`
	`1174`	`+a.testimonials {`
	`1175`	`+ font-size: 0.9em;`
	`1176`	`+}`