minor site changes

4 files changed, 32 insertions, 10 deletions

diff --git a/site/src/jekyll/_includes/navigation-bar.html b/site/src/jekyll/_includes/navigation-bar.html
index 3a2d0adc..4103de05 100644
--- a/site/src/jekyll/_includes/navigation-bar.html
+++ b/site/src/jekyll/_includes/navigation-bar.html
@@ -9,8 +9,8 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand kamon-title" href="/"><img src="../assets/img/kamon-verde-120x120.png" width="20"
-                                                              height="20"/> <strong>Kamon</strong></a>
+            <a class="navbar-brand kamon-title" href="/"><img src="/assets/img/kamon-verde-120x120.png" width="25"
+                                                              height="25"/> <strong>Kamon</strong></a>
         </div>
 
         <!-- Collect the nav links, forms, and other content for toggling -->
diff --git a/site/src/jekyll/assets/css/kamon.css b/site/src/jekyll/assets/css/kamon.css
index 13801dfa..4a2e1c15 100644
--- a/site/src/jekyll/assets/css/kamon.css
+++ b/site/src/jekyll/assets/css/kamon.css
@@ -46,4 +46,17 @@ body {
 
 img[alt=newrelic] { width: 100%; }
 
+.btn-success {
+  background-color: #29b068
+}
+
+.btn-success:hover {
+  background-color: #39a069
+}
+
+.btn, .btn:hover {
+  border: none !important;
+  background-image: none !important;
+}
+
 
diff --git a/site/src/jekyll/assets/img/kamon-verde-256x256.png b/site/src/jekyll/assets/img/kamon-verde-256x256.png
new file mode 100644
index 00000000..fe81c43c
--- /dev/null
+++ b/site/src/jekyll/assets/img/kamon-verde-256x256.png
diff --git a/site/src/jekyll/index.html b/site/src/jekyll/index.html
index 48f4446b..8b2cba6d 100644
--- a/site/src/jekyll/index.html
+++ b/site/src/jekyll/index.html
@@ -5,9 +5,18 @@ title: Kamon - Tools for Reactive Applications Monitoring
 
 <div class="jumbotron">
   <div class="container">
-    <h1>Kamon</h1>
+    <div class="row">
+      <div class="col-sm-3">
+        <img class="img-responsive" src="/assets/img/kamon-verde-256x256.png">
+      </div>
+      <div class="col-sm-7">
+        <h1><strong>Kamon</strong></h1>
+        <p>Kamon is a set of tools that will help you monitor your reactive applications.</p>
+        <p><a type="button" href="/get-started" class="btn btn-success">Get Started</a></p>
+      </div>
+    </div>
+
 
-    <p>Kamon is a set of tools that will help you monitor your reactive applications.</p>
 
   </div>
 </div>
@@ -15,7 +24,7 @@ title: Kamon - Tools for Reactive Applications Monitoring
 <div class="container">
   <!-- Example row of columns -->
   <div class="row">
-    <div class="col-md-4">
+    <div class="col-sm-4">
       <h3><i class="fa fa-users"></i> Akka <small>actors metrics and tracing</small></h3>
 
       <p>Kamon offers a wide set of metrics related to Akka Toolkit, such as:
@@ -28,10 +37,10 @@ title: Kamon - Tools for Reactive Applications Monitoring
           </ul>
       </p>
 
-      <p><a class="btn btn-default" href="/akka" role="button">Get started &raquo;</a></p>
+      <p><a class="btn btn-default btn-sm" href="/akka" role="button">Tell me more &raquo;</a></p>
     </div>
 
-    <div class="col-md-4">
+    <div class="col-sm-4">
       <h3><i class="fa fa-cogs"></i> Spray <small>server/client tracing</small></h3>
 	      <p>The Spray module contains a number of directives that allow do things like obtain in each incoming request the UOW, also offers a set of real time metrics in order to know the status of the application, in summary:
 	<ul>
@@ -42,10 +51,10 @@ title: Kamon - Tools for Reactive Applications Monitoring
         </ul>
       </p>
 
-      <p><a class="btn btn-default" href="/spray" role="button">Get started &raquo;</a></p>
+      <p><a class="btn btn-default btn-sm" href="/spray" role="button">Tell me more &raquo;</a></p>
     </div>
 
-    <div class="col-md-4">
+    <div class="col-sm-4">
       <h3><i class="fa fa-bar-chart-o"></i> NewRelic <small>Reporting</small></h3>
 
       <p>Through New Relic integration, developers can easily monitor their applications metrics like:
@@ -56,7 +65,7 @@ title: Kamon - Tools for Reactive Applications Monitoring
         </ul>
       </p>
 
-      <p><a class="btn btn-default" href="/newrelic" role="button">Get started &raquo;</a></p>
+      <p><a class="btn btn-default btn-sm" href="/newrelic" role="button">Tell me more &raquo;</a></p>
     </div>
   </div>
 </div>