From 9f0531ba75451a87f0350127d551906b16601a1f Mon Sep 17 00:00:00 2001
From: scotty <scott@unitedcreations.com>
Date: Fri, 18 Nov 2016 10:27:25 -0800
Subject: [PATCH] added "contribute to codebase" and "download k8s" buttons to
 the footer hide left nav area in docs if no nav is present update text link
 styles for better readability

---
 _includes/footer.html    |  2 ++
 _layouts/docwithnav.html | 27 +++++++++++++++++++++++++++
 _sass/_base.sass         | 19 +++++++++++++++++++
 _sass/_reset.sass        |  2 +-
 4 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 15dacb72e0..e7fa36d26a 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -20,6 +20,8 @@
 				<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
 			</div>
 			<div>
+				<a href="//get.k8s.io" class="button">Download K8s</a>
+				<a href="https://github.com/kubernetes/kubernetes" class="button">Contribute to the K8s codebase</a>
 			</div>
 		</div>
 		<div id="miceType" class="center">&copy; {{ 'now' | date: "%Y" }} Kubernetes</div>
diff --git a/_layouts/docwithnav.html b/_layouts/docwithnav.html
index 8ca0906065..c15077857a 100755
--- a/_layouts/docwithnav.html
+++ b/_layouts/docwithnav.html
@@ -80,6 +80,33 @@
   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
   ga('create', 'UA-36037335-10', 'auto');
   ga('send', 'pageview');
+	
+  // hide docs nav area if no nav is present
+  (function () {
+	  window.addEventListener('DOMContentLoaded', init)
+	  
+	  // play nice with our neighbors
+	  function init() {
+		  window.removeEventListener('DOMContentLoaded', init)
+		  hideNav()
+	  }
+	  
+	  function hideNav(toc){
+		  if (!toc) toc = document.querySelector('#docsToc')
+		  var container = toc.querySelector('.container')
+		  
+		  // container is built dynamically, so it may not be present on the first runloop
+		  if (container) {
+			  if (container.childElementCount === 0) {
+				  document.getElementById('docsContent').style.width = '100%'
+			  }
+		  } else {
+			  requestAnimationFrame(function () {
+				  hideNav(toc)
+			  })
+		  }
+	  }
+  })();
 </script>
 <!-- Commenting out AnswerDash for now; we need to work on our list of questions/answers/design first
 <!-- Start of AnswerDash script <script>var AnswerDash;!function(e,t,n,s,a){if(!t.getElementById(s)){var i,r=t.createElement(n),c=t.getElementsByTagName(n)[0];e[a]||(i=e[a]=function(){i.__oninit.push(arguments)},i.__oninit=[]),r.type="text/javascript",r.async=!0,r.src="https://p1.answerdash.com/answerdash.min.js?siteid=756",r.setAttribute("id",s),c.parentNode.insertBefore(r,c)}}(window,document,"script","answerdash-script","AnswerDash");</script> <!-- End of AnswerDash script -->
diff --git a/_sass/_base.sass b/_sass/_base.sass
index a8ac4b47c4..0feee846ff 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -389,6 +389,14 @@ footer
 		display: block
 		height: 0
 		overflow: hidden
+		
+	&.button
+		background-image: none
+		width: auto
+		height: auto
+		
+		&:hover
+			color: $blue
 
 a.twitter
 	background-position: 0 0
@@ -874,8 +882,19 @@ dd
 	img
 		max-width: 100%
 
+	a
+		font-weight: 700
+		text-decoration: underline
+
+	a:visited
+		color: blueviolet
+
 	a.button
 		border-radius: 2px
+		text-decoration: none
+		
+		&:visited
+			color: white
 
 	a.issue
 		margin-left: 20px
diff --git a/_sass/_reset.sass b/_sass/_reset.sass
index 9f4a43a68e..2a8bb1b6d2 100755
--- a/_sass/_reset.sass
+++ b/_sass/_reset.sass
@@ -15,7 +15,7 @@ ul, li
 ul
 	margin: 0
 	padding: 0
-
+	
 a
 	text-decoration: none