add downloads link to splash

Author: amyleew

_includes/footer.html

@@ -1,3 +1,3 @@
 <div class='content col12 center caption small fill-sea dark pad1y'>
-	Copyright © 2015 Artem Pavlenko  |  <a href='{{sitebase.url}}/pages/downloads.md'>Downloads</a>  | <a href='{{sitebase.url}}/pages/license.html'>License</a>  |  <a href='{{sitebase.url}}/pages/media.html'>Media</a>
+	Copyright © 2015 Artem Pavlenko  |  <a href='{{sitebase.url}}/pages/downloads.html'>Downloads</a>  | <a href='{{sitebase.url}}/pages/license.html'>License</a>  |  <a href='{{sitebase.url}}/pages/media.html'>Media</a>
 </div>

_layouts/01_splash.html

@@ -16,6 +16,10 @@
 				<div id='tagline' class='col5 space-top4 dark pad4y prose fr'>the core of geospatial visualization &amp; processing</div>
 			</div>
 			<div id='intro' class='col9 margin2 pad2y dark big'>mapnik combines pixel-perfect image output with lightning-fast cartographic algorithms, and exposes interfaces in C++, Python, and Node.</div>
+			<div id='intro' class='col9 margin2 pad2y dark big'>
+				<a href='{{site.baseurl}}/pages/downloads.html' class='button stroke white col5'>Download mapnik</a>
+			</div>
+
 		</div>
 		<!-- map design -->
 		<div class='module pad8y'></div>

css/mapnik.css

@@ -124,7 +124,7 @@ hr.sm {
 /* background */
 
 .gradient {
-  height: 450px;
+  height: 500px;
   padding-bottom: 30px;
   background-color: white;
   background-image:
@@ -405,14 +405,18 @@ h1.fancy {
   }
 }
 
+@media only screen and (max-width: 800px) {
+  #intro.big {
+	font-size: 30px;
+    line-height: 40px;
+  }
+}
+
 @media only screen and (max-width: 640px) {
   #navbar .pad4y {
   padding-top: 10px;
   padding-bottom: 10px;
   }
-}
-
-@media only screen and (max-width: 640px) {
   #mapnik .splash { text-size: 12; } 
   #logo.pad4y {
   	padding-top: 10px;
@@ -429,11 +433,6 @@ h1.fancy {
 	font-size: 32px;
     line-height: 45px;
   }
-}
-
-
-@media only screen and (max-width: 640px) {
-
   .toc {
     border: 1px solid rgba(0,0,0,0.10);
     margin-bottom: 20px;
@@ -1008,6 +1007,21 @@ a.quiet.dark.active, a.quiet.dark:hover { color:rgba(255,255,255,0.5); }
   color: rgba(255,255,255,.75);
 }
 
+.dark .button.white {
+  border: none;
+  box-shadow: 0px 0px 0px 2px white inset;
+  color: white;
+  text-transform:uppercase;
+  letter-spacing: 2;
+  font-size: 14px;
+}
+
+.dark .button.white:hover,
+.dark .button.white.active {
+  color: rgb(86, 181, 190);
+  background-color: white;
+}
+
 .dark .button.stroke.quiet {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px rgba(255,255,255,.25)inset;

pages/downloads.md

@@ -1,6 +1,6 @@
 ---
 layout: 01_page
-title: Download
+title: Downloads
 ---
 
 ## Latest Major Release