Rework features boxes a bit

css/printrun.css

@@ -231,8 +231,8 @@ h2 {
     width: 100%;
     height: 370px;
     position: absolute;
-    -webkit-transition: all 1s ease;
-    transition: all 1s ease;
+    -webkit-transition: all 0.6s ease;
+    transition: all 0.6s ease;
 }
 
 .homebox .front {
@@ -243,12 +243,20 @@ h2 {
 
 .homebox .back {
     text-align: justify;
-    padding: 20px;
-    font-size: 1.3em;
+    font-size: 1.1em;
     -webkit-transform: perspective(800px) rotateY(-179.9deg);
     transform: perspective(800px) rotateY(-179.9deg);
 }
 
+.homebox .back div {
+    padding: 20px;
+}
+
+.homebox .back h4 {
+    text-align: center;
+    padding: 0;
+}
+
 .homebox:hover .front, .homebox:focus .front {
     -webkit-transform: perspective(800px) rotateY(179.9deg);
     transform: perspective(800px) rotateY(179.9deg);

index.html

@@ -67,6 +67,7 @@ layout: default
                             <h4>Pronterface, Pronsole, Printcore</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>
                                 Printrun is a full suite of host interfaces for 3D printers and CNC, consisting of:
                                 </p>
@@ -78,6 +79,8 @@ layout: default
                                 <p>Both Pronterface and Pronsole let you interactively control your machine, slice objects directly from the host, print objects, upload to SD cards and run SD prints...<br />
                                 Printrun supports both serial and ethernet connections and has been used with great success on a wide range of 3D printers and CNC machines.</p>
                             </div>
+                            <h4>Pronterface, Pronsole, Printcore</h4>
+                        </div>
                     </div>
                 </div>
                 <div class="homecol-4">
@@ -87,8 +90,11 @@ layout: default
                             <h4>Customizable UI</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>User interface is all a matter of taste. This is why we give you a lot of choices on the host interface. Temperature gauges or graphs, full controls for calibration or lightweight ones for daily usage, 2D or 3D viewer, tabbed or single window interface... It's all your call!
+                            </div>
                             </p>
+                            <h4>Customizable UI</h4>
                         </div>
                     </div>
                 </div>
@@ -99,8 +105,11 @@ layout: default
                             <h4>CLI printing</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>There is no better place than command line for you ? Don't have GUI access to your computer ? Then just use <strong>Pronsole</strong>, a light and functional CLI host for 3D printers.</p>
                             </div>
+                            <h4>CLI printing</h4>
+                        </div>
                     </div>
                 </div>
                 <div class="homecol-4">
@@ -110,8 +119,11 @@ layout: default
                             <h4>Slic3r integration</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>Using Slic3r ? Great ! You can directly choose your Slic3r presets from Pronterface, and use them straight away to slice your parts from within the host.</p>
                             </div>
+                            <h4>Slic3r integration</h4>
+                        </div>
                     </div>
                 </div>
                 <div class="homecol-4">
@@ -122,8 +134,11 @@ layout: default
                             <h4>Macros &amp; custom buttons</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>Like defining your own commands ? Printrun lets you easily define macros (with arbitraty python, shell and G-Code combinations) and add custom buttons for them within Pronterface.</p>
                             </div>
+                            <h4>Macros &amp; custom buttons</h4>
+                        </div>
                     </div>
                 </div>
                 <div class="homecol-4">
@@ -133,8 +148,11 @@ layout: default
                             <h4>Part excluder</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>A failed part is about to ruin the print of a plate of ten objects ? This is not a problem anymore. Just use the part excluder to stop printing just the failed object while continuing the others.</p>
                             </div>
+                            <h4>Part excluder</h4>
+                        </div>
                     </div>
                 </div>
                 <div class="homecol-4">
@@ -144,8 +162,11 @@ layout: default
                             <h4>STL plater</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>Have a bunch of objects to plate ? Just run the plater, position and rotate the parts to your desire and you're done. Oh, and we can use <a href="http://github.com/kliment/simarrange">smart auto arrangement algorithm</a> too, if installed !</p>
                             </div>
+                            <h4>STL plater</h4>
+                        </div>
                     </div>
                 </div>
                 <div class="homecol-4">
@@ -155,8 +176,11 @@ layout: default
                             <h4>G-Code plater</h4>
                         </div>
                         <div class="back">
+                            <div>
                                 <p>Want to print a plate of already sliced G-Codes which use different settings ? Just use the G-Code plater to combine them in a single print job.</p>
                             </div>
+                            <h4>G-Code plater</h4>
+                        </div>
                     </div>
                 </div>
                 <div class="spacer"></div>