Add downloads block to front page.

opentechinstitute · Feb 24, 2014 · ee6e715 · ee6e715
1 parent d553929
commit ee6e715
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/test.commotion/_layouts/front.html b/test.commotion/_layouts/front.html
@@ -3,6 +3,7 @@
 <div class="contentcontainer">
   <div class="container">
     <div class="left-third">
+      <div id="download-button-block">Get the lastest version of Commotion for your platform!<div class="download-button"><a class="button" href="/download">Download</a></div></div>
       <a class="twitter-timeline"  href="https://twitter.com/search?q=%23commotion+%40OTI"  data-widget-id="435507392806023168">Tweets about "#commotion @OTI"</a>
       <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
     </div>

diff --git a/test.commotion/css/commotion.css b/test.commotion/css/commotion.css
@@ -338,6 +338,15 @@ div#downloads-nav .tab.active, div#downloads-nav .tab:hover {
   border-bottom: 6px solid #000;
 }
 
+div#download-button-block {
+  text-align:center;
+}
+div#download-button-block .download-button {
+  margin: 2em 0 2em 0;
+}
+div#download-button-block .download-button a.button {
+  font-size: 1.5em;
+}
 /* Files Download Table */
 .contentcontainer table.files {
     width: 960px;