updated

Author: DavertMik

_layouts/bootstrap.html

@@ -80,7 +80,7 @@ <h4>Modules</h4>
                                 <li><h4>Reference</h4></li>             
                                 <li><a href="/install">Install</a></li>
                                 <li><a href="/docs/reference/Configuration">Configuration</a></li>
-                                <li><a href="/docs/reference/Extensions">Extensions</a></li>
+                                <li><a href="/extensions">Extensions</a></li>
                                 <li><a href="/docs/reference/Commands">Commands</a></li></a></li>
                                  <li role="separator" class="divider"></li>
                                 <li><h4>Util Classes</h4></li>             

_layouts/page.html

@@ -3,9 +3,9 @@
 ---
 <div class="row">
 
+  
 
-
-  <div class="col-sm-8 col-lg-8">
+  <div class="col-sm-12 col-lg-8">
     <div class="content page" id="page"> 
 
       <div>
@@ -14,7 +14,7 @@
     </div>
   </div>
 
-  <div class="col-sm-4 col-lg-4">
+  <div class="col-sm-12 col-lg-4">
 
     {% if page.sidebar %}
 

_layouts/post.html

@@ -1,7 +1,22 @@
 ---
-layout: page
+layout: bootstrap
 ---
+
+<div class="fixed">
+
+<div class="col-md-6" style="float: right; margin-top: 1em">
+<div class="well">
+  <a class="btn btn-lg btn-warning btn-block" href="/quickstart">Quick Start →<br>with Codeception</a>
+  <p><br/>Write and execute a test for an existing app
+    <b>in less then a 5 mins!</b>&nbsp;No additional tools required.&nbsp;
+  </p>
+</div>
+</div>
+
+<div class="content page">
+  
 <h1>{{ page.title }}</h1>
+
 <p class="lead">
   Published on {{ page.date | date: "%B %d, %Y" }}
 </p>
@@ -26,3 +41,10 @@ <h1>{{ page.title }}</h1>
   })();
 </script>
 {% include comment.html %}
+
+</div>
+
+
+</div>  
+
+</div>

addons.html

@@ -5,15 +5,18 @@
 
 
 
-
 <div class="container">
 
   <h1>Addons</h1>
 
 
+<p class="alert alert-info">See built-in <a href="/extensions">official extensions</a> of Codeception</p>
+
   <div class="row">
 
 
+
+
     <div class="col-md-6">
       <div class="page">
 
@@ -59,9 +62,10 @@ <h2><a href="https://github.com/jayhealey/Webception">WebCeption <small>Web Runn
   <div class="row">    
     <h2 class="text-center">Community Modules</h2>
 
+  </div>
 <div class="alert alert-warning">To publish your own module <a href="https://github.com/Codeception/codeception.github.com/edit/master/_data/modules.yml">add it to the list</a> on GitHub and send a Pull Request.</div>
 
-  </div>
+  <div class="row">
     <div class="grid" data-columns>
 
 
@@ -96,13 +100,15 @@ <h2 class="text-center">Community Modules</h2>
 </a>
 </div>
 {% endfor %}
+</div>
 </div>
 
   <div class="row">    
       <h2 class="text-center">Community Extensions</h2>
-
+  </div>
         <div class="alert alert-warning">To publish your own extension <a href="https://github.com/Codeception/codeception.github.com/edit/master/_data/extensions.yml">add it to the list</a> on GitHub and send a Pull Request.</div>
 
+  <div class="row">
     <div class="grid" data-columns>
 
 
@@ -136,9 +142,9 @@ <h2 class="text-center">Community Extensions</h2>
 </a></div>
 {% endfor %}
 </div>
+</div>
 
 
-</div>
 </div>
 <script src="https://cdn.jsdelivr.net/salvattore/1.0.9/salvattore.min.js"></script>
 

css/codeception.css

@@ -139,17 +139,22 @@ body .page {
 	border-radius: 5px;
 }
 
+body .fixed {
+	margin: auto;
+  max-width: 800px;	
+}
+
 body .post {
     margin-top: 1.5em;
     margin-bottom: 1.5em;
     font-size: 1.3em;
-    line-height: 1.6;
+    line-height: 1.5;
     color: #444;
 }
 
 body .page .post p {
-	margin-top: 1.5em;
-	margin-bottom: 1.5em;
+	margin-top: 1.3em;
+	margin-bottom: 1.3em;
 }
 
 

extensions.md

@@ -0,0 +1,6 @@
+---
+layout: doc
+title: Extensions
+---
+
+{% include extensions.md %}