Merge pull request #2 from takluyver/add-frontpage-screenshot

Add screenshot to front page

Signed-off-by: David Aguilar <davvid@gmail.com>

Author: davvid

cola.css

@@ -52,16 +52,24 @@ ul {
 	padding: 0;
 }
 
+.frontpage-screenshot {
+	float: right;
+	max-height: 380px;
+	margin: 1em;
+}
+
 .sitelinks {
-	position: absolute;
+	float: right;
 	text-align: right;
-	top: 38px;
-	right: 0;
 	margin-right: 6px;
 	font-weight: bold;
 	z-index: 2;
 }
 
+.sitelinks ul {
+	margin-top: 0;
+}
+
 a:link {
 	color: #666;
 	text-decoration: none;
@@ -95,9 +103,10 @@ a:hover {
 }
 
 .download-button-container {
-	margin-top: 77px;
+	float: left;
 	margin-left: 150px;
-	margin-right: 20ex;
+	margin-right: 1em;
+	margin-bottom: 1em;
 }
 
 a.button {
@@ -107,7 +116,7 @@ a.button {
 	font-weight: bold;
 	background-color: #ff6600;
 	color: white;
-	position: absolute;
+	white-space: nowrap;
 	padding: 5px;
 	padding-left: 1ex;
 	padding-right:1ex;

images/screenshot-main-linux.png

@@ -2,6 +2,7 @@
 title: "git-cola: The highly caffeinated Git GUI"
 layout: logo-top
 ---
+
 <div class="download-button-container">
 <div class="info-text">
 git-cola is a sleek and powerful <a href="http://git-scm.com/">Git</a> GUI<br />
@@ -11,6 +12,7 @@
 	<a class="button" href="downloads.html">Download git-cola</a>
 </div>
 </div>
+
 <div class="sitelinks">
 <ul>
 <li><a href="share/doc/git-cola/hotkeys.html">keyboard shortcuts</a></li>
@@ -20,3 +22,7 @@
 </li>
 </ul>
 </div>
+
+<img src="images/screenshot-main-linux.png" class="frontpage-screenshot"/>
+
+