Clean up 'like' buttons and layout of main page

Author: lefticus

_includes/common.html

@@ -9,7 +9,7 @@
 <!-- Latest compiled and minified JavaScript -->
 <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 
-
+<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
 
 <!-- START COPYING HERE -->
 <link rel="stylesheet" href="gh-fork-ribbon.css">
@@ -20,9 +20,6 @@
 
 
 <style>
-body { margin-top:45px; }
-div.likebuttons {display: table; float: right; position: absolute; top: 0;}
-div.likebutton {display: table-cell; }
 .cs-blue {color:white; background: #31708f}
 </style>
 

_includes/header.html

@@ -7,38 +7,6 @@
 </div>
 
 
-<div class="likebuttons">
-  <div class="likebutton">
-    <a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
-    <!-- Please call pinit.js only once per page -->
-    <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
-  </div>
-
-  <div class="likebutton">
-    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://chaiscript.com" data-via="lefticus" data-lang="en">Tweet</a>
-    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-  </div>
-
-  <div class="likebutton">
-    <!-- Place this tag where you want the +1 button to render. -->
-    <div class="g-plusone" data-size="medium"></div>
-
-    <!-- Place this tag after the last +1 button tag. -->
-    <script type="text/javascript">
-(function() {
-var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
-po.src = 'https://apis.google.com/js/platform.js';
-var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
-})();
-    </script>
-  </div>
-
-  <div class="likebutton">
-    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fchaiscript.com&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
-  </div>
-
-</div>
-
 
 
 
@@ -67,9 +35,46 @@
         <li {% if page.url == '/support.html'%} class='active' {% endif %}>
         <a href="/support.html">Support</a>
         </li>
+        <li>
+        <a href="https://travis-ci.org/ChaiScript/ChaiScript"><img src="https://travis-ci.org/ChaiScript/ChaiScript.png?branch=develop"/></a>
+        </li>
+        <li>
+        <a href='https://coveralls.io/r/ChaiScript/ChaiScript?branch=master'><img src='https://coveralls.io/repos/ChaiScript/ChaiScript/badge.png?branch=master' alt='Coverage Status' /></a>
+        </li>
       </ul>
     </div><!-- /.navbar-collapse -->
   </div><!-- /.container-fluid -->
 </nav>
 
+<div class="hidden-print">
+  <div class="container">
+    <ul class="list-inline">
+      <li>
+      <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=ChaiScript&repo=ChaiScript&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+      </li>
+      <li>
+      <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=ChaiScript&repo=ChaiScript&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+      </li>
+      <li>
+      <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://chaiscript.com" data-text="Easy Embedded Scripting for C++" data-counturl="http://chaiscript.com" data-count="horizontal"  data-via="@lefticus" data-lang="en">Tweet</a>
+      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+      </li>
+      <li>
+      <!-- Place this tag where you want the +1 button to render. -->
+      <div class="g-plusone" data-size="medium" data-annotation="inline" data-width="120" data-href="http://chaiscript.com"></div>
+
+      <!-- Place this tag after the last +1 button tag. -->
+      <script type="text/javascript">
+(function() {
+ var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+ po.src = 'https://apis.google.com/js/platform.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+ })();
+      </script>
+      </li>
+    </ul>
+  </div>
+</div>
+
+
 

examples.html

@@ -45,7 +45,7 @@ <h4 class="panel-title">
           </a>
         </h4>
       </div>
-      <div id="{{ post.title  | replace: ' ', '_'  }}" class="panel-collapse collapse">
+      <div id="{{ post.title  | replace: ' ', '_'  }}" class="panel-collapse collapse in">
         <div class="panel-body">
           {{ post.content}}
         </div>

index.html

@@ -32,81 +32,42 @@ <h1>ChaiScript</h1>
 
 
 
-<div class="well well-lg">
-  <h2>ChaiScript is...</h2>
-</div>
-
-
 <div class="container">
   <div class="row">
 
     <div class="col-md-4">
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Succinct</h3>
-        </div>
-        <div class="panel-body">
-          The above is a complete example of exposing a function to ChaiScript, calling it with a parameter and returning a value.
-        </div>
-      </div>
+      <h3><i class="fa fa-magic"></i> Straightforward</h3>
+      The above is a complete example of exposing a function to ChaiScript, calling it with a parameter and returning a value.
     </div>
 
     <div class="col-md-4">
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Header Only</h3>
-        </div>
-        <div class="panel-body">
-          There are no external tools requied, no preprocessor, no libraries, just your C++11 compliant compiler.
-        </div>
-      </div>
+      <h3><i class="fa fa-file-text"></i> Header Only</h3>
+      There are no external tools requied, no preprocessor, no libraries, just your C++11 compliant compiler.
     </div>
 
     <div class="col-md-4">
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Free</h3>
-        </div>
-        <div class="panel-body">
-          ChaiScript is licensed with the BSD license and is free to use in your free or commercial projects.  
-        </div>
-      </div>
+      <h3><i class="fa fa-microphone"></i> Free</h3>
+      ChaiScript is licensed with the BSD license and is free to use in your free or commercial projects.  
     </div>
   </div>
 
   <div class="row">
 
     <div class="col-md-4">
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Stable</h3>
-        </div>
-        <div class="panel-body">
-          ChaiScript has been making stable releases since 2009. No bugfix or feature is made without a corresponding unit test.
-        </div>
-      </div>
+      <h3><i class="fa fa-tachometer"></i> Stable</h3>
+      <a href="https://travis-ci.org/ChaiScript/ChaiScript"><img src="https://travis-ci.org/ChaiScript/ChaiScript.png?branch=develop"/></a>
+      <a href='https://coveralls.io/r/ChaiScript/ChaiScript?branch=master'><img src='https://coveralls.io/repos/ChaiScript/ChaiScript/badge.png?branch=master' alt='Coverage Status' /></a><br/><br/>
+      ChaiScript has been making stable releases since 2009. No bugfix or feature is made without a corresponding unit test.
     </div>
 
     <div class="col-md-4">
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Thread Safe</h3>
-        </div>
-        <div class="panel-body">
-          By default ChaiScript is thread safe. Thread safety can be disabled for enhanced performance.
-        </div>
-      </div>
+      <h3><i class="fa fa-check"></i> Thread Safe</h3>
+      By default ChaiScript is thread safe. Thread safety can be disabled for enhanced performance.
     </div>
 
     <div class="col-md-4">
-      <div class="panel panel-info">
-        <div class="panel-heading">
-          <h3 class="panel-title">Portable</h3>
-        </div>
-        <div class="panel-body">
-          ChaiScript is fully tested for 32bit and 64bit on Windows (MSVC2013), clang++ and g++.
-        </div>
-      </div>
+      <h3><i class="fa fa-linux"></i> <i class="fa fa-windows"></i> <i class="fa fa-apple"></i> Portable</h3>
+      ChaiScript is fully tested for 32bit and 64bit on Windows (MSVC2013), clang++ and g++.
     </div>
   </div>
 </div>

releases.html

@@ -18,7 +18,7 @@
 
 <div class="panel panel-info">
   <div class="panel-heading">
-    <h3>Releases</h3>
+    <h3 class="panel-title">Releases</h3>
   </div>
   <div class="panel-body">
     Releases are officially managed on <a href="https://github.com/ChaiScript/ChaiScript/releases">github</a>.

support.html

@@ -18,7 +18,7 @@
 
 <div class="panel panel-info">
   <div class="panel-heading">
-    <h3>Support</h3>
+    <h3 class="panel-title">Support</h3>
   </div>
   <div class="panel-body">
     Please use <a href="">github</a> or stackoverflow for <a href="http://stackoverflow.com/questions/tagged/chaiscript">support</a> questions. Please contact <a href="http://blog.emptycrate.com/contact">jason at emptycrate.com</a> for other support services.