Change footer

3 files changed, 74 insertions, 37 deletions

diff --git a/layouts/index.html b/layouts/index.html
index 5795119..2e0bf0d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,7 +1,6 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
 
-
 <div class="pure-g">
     <div class="pure-u-1-24 pure-u-md-5-24"></div>
 	<div class="pure-u-11-12 pure-u-md-5-8">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 79c2604..07e5ee0 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,33 +1,43 @@
 <div class="footer pure-g">
     <div class="pure-u-1-24 pure-u-md-5-24"></div>
     <div class="pure-u-11-12 pure-u-md-5-8">
-        <p class="footnote">
-		  {{ if .Site.Copyright }}
-		  {{ .Site.Copyright }}
-		  {{ else }}
-		  Copyright: All rights reserved by <a href="mailto:{{ .Site.Author.email }}">@{{ .Site.Author.name }}</a>.
-		  {{ end }}
-		  {{ if or .Site.Author.github .Site.Author.twitter .Site.Author.facebook .Site.Author.linkedin }}
-		  Find me at
+        <div class="pure-menu pure-menu-horizontal footer-content">
+            <ul>
+                <li class="pure-menu-heading" id="foot-name">{{ .Site.Author.name }}:</li>
 
-		  {{ if .Site.Author.github }}
-		  <a href="https://github.com/{{ .Site.Author.github }}" >GitHub</a>
-		  {{ end }}
+                {{ if .Site.Author.email }}
+                <li class="pure-menu-item">
+                    <a href="mailto:{{ .Site.Author.email }}" class="pure-menu-link">Email</a>
+                </li>
+                {{ end }}
 
-		  {{ if .Site.Author.facebook }}
-		  <a href="https://www.facebook.com/{{ .Site.Author.facebook }}">Facebook</a>
-		  {{ end }}
+                {{ if .Site.Author.github }}
+                <li class="pure-menu-item">
+                    <a href="https://github.com/{{ .Site.Author.github }}" class="pure-menu-link">GitHub</a>
+                </li>
+                {{ end }}
 
-		  {{ if .Site.Author.twitter }}
-		  <a href="https://twitter.com/{{ .Site.Author.twitter }}">Twitter</a>
-		  {{ end }}
+                {{ if .Site.Author.linkedin }}
+                <li class="pure-menu-item">
+                    <a href="https://www.linkedin.com/in/{{ .Site.Author.linkedin }}" class="pure-menu-link">LinkedIn</a>
+                </li>
+                {{ end }}
 
-		  {{ if .Site.Author.linkedin }}
-		  <a href="https://www.linkedin.com/in/{{ .Site.Author.linkedin }}">Linkedin</a>
-		  {{ end }}
+                {{ if .Site.Author.facebook }}
+                <li class="pure-menu-item">
+                    <a href="https://www.facebook.com/{{ .Site.Author.facebook }}" class="pure-menu-link">Facebook</a>
+                </li>
+                {{ end }}
 
-		  {{ end }}
-		</p>
+                {{ if .Site.Author.twitter }}
+                <li class="pure-menu-item">
+                    <a href="https://twitter.com/{{ .Site.Author.twitter }}" class="pure-menu-link">Twitter</a>
+                </li>
+                {{ end }}
+
+            </ul>
+            <a href="#" class="pure-menu-heading pull-right" id="gototop-btn">↑↑</a>
+        </div>
 	  </div>
       <div class="pure-u-1-24 pure-u-md-1-6"></div>
 </div>
diff --git a/static/css/custom.css b/static/css/custom.css
index bcc5d61..0aad8f8 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -15,12 +15,12 @@ body {
 }
 
 .nav-menu {
-	box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
+	/*box-shadow: 0 1px 1px rgba(0,0,0, 0.10);*/
+	border-bottom: 1px solid #e3e3e3;
 }
 
 .header {
 	text-align: left;
-	max-height: 2em;
 	color: #484848;
 	margin-bottom: 2em;
 }
@@ -28,6 +28,9 @@ body {
 .header .desktop ul {
 	float: right;
 }
+.header ul li {
+		height: auto;
+}
 
 .header ul li a {
 	font-weight: bold;
@@ -48,6 +51,8 @@ body {
 .posts-name {
 	text-transform: capitalize;
 	font-weight: bold;
+	padding-left: 1em;
+	margin-top: 0;
 	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
@@ -57,10 +62,6 @@ body {
 	padding-left: 1em;
 }
 
-.posts-name {
-	padding-left: 1em;
-}
-
 .posts li a {
 	color:#369;
 	text-decoration:none;
@@ -86,19 +87,46 @@ body {
 .footer {
 	position:absolute;
 	z-index:2;
-	border-top: 1px solid #eee;
-	height:1.5em;
+	height:auto;
 	width:100%;
 	bottom:0;
-	padding-top:0.1em;
+}
+
+
+.footer-content {
+	border-top: 1px solid #e3e3e3;
+}
+
+.footer-content a {
+	font-size: 80%;
+	color: #bbb;
+}
+
+.footer-content ul {
+	height: auto;
+	margin-top: 0;
+	margin-bottom: 0;
+	display: inline-block;
+	padding-left: 0;
+}
+
+#gototop-btn {
+	display: inline-block;
+	color: #bbb;
+	font-size: 80%;
+}
+
+#foot-name {
+	text-transform: none;
+	font-size: 80%;
+	color: #bbb;
 }
 
 .post {
 	font-family: proxima-nova,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
 	color:#484848;
 	letter-spacing:normal;
-	padding-left: 0.5em;
-	padding-right: 0.5em;
+	padding-left: .5em;
 }
 
 .post h1,h2,h3,h4,h5,h6 {
@@ -110,9 +138,9 @@ body {
 	z-index:9;
 	overflow:auto;
 	padding:0;
-	padding-bottom:1em;
+	padding-bottom:3em;
 	font-size:16px;
-	line-height:25px;
+	line-height:1.4;
 }
 
 .post a {
@@ -150,7 +178,7 @@ body {
 }
 
 .post-title{
-		margin-top: 1em;
+		margin-top: .5em;
 		margin-bottom: 1em;
 }