From ebba8415edc62a6b64eb14a1887fa70faae2da87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E9=82=88?= <shankerwangmiao@gmail.com>
Date: Thu, 30 Nov 2017 01:38:41 +0800
Subject: [PATCH] make footer sticky
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 王邈 <shankerwangmiao@gmail.com>
---
 _includes/footer.html      |  6 ++++--
 static/css/_structure.scss | 29 ++++++++++++++---------------
 static/css/style.scss      | 31 ++++++++++++++++++++++++++-----
 3 files changed, 44 insertions(+), 22 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index f5e947e..47a1a4c 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,4 +1,5 @@
-<div id="footerwrap">
+{% for footer-i in (1...2) %}
+<div id="footerwrap" class="tuna-foot-{{ footer-i }}">
   <div class="container">
     <div class="row">
       <div class="col-lg-4 col-md-4">
@@ -27,12 +28,13 @@
         </div>
       </div>
 
-      <div class="col-lg-4 col-md-4"  align="center"> 
+      <div class="col-lg-4 col-md-4"  align="center">
         <img class="img-responsive" style="margin-top:5%" src="/static/img/logo-white.png" srcset="/static/img/logo-white.png 1x, /static/img/logo-white@2x.png 2x, /static/img/logo-white@3x.png 3x, /static/img/logo-white@4x.png 4x" />
       </div>
     </div><!--/row -->
   </div><!--/container -->
 </div><!--/footerwrap -->
+{% endfor %}
 
 <script>
 WebFont.load({
diff --git a/static/css/_structure.scss b/static/css/_structure.scss
index 47b774f..6db7caf 100644
--- a/static/css/_structure.scss
+++ b/static/css/_structure.scss
@@ -1,15 +1,15 @@
 /*	################################################################
 1. GENERAL STRUCTURES
 ################################################################# */
-* { 
+* {
     margin: 0;
     // padding: 0px;
-} 
+}
 
-body { 
-    background: #ffffff; 
-    margin: 0; 
-    height: 100%; 
+body {
+    background: #ffffff;
+    margin: 0;
+    /* height: 100%; */ 
     color: $color_secondary;
     font-weight: 400;
 }
@@ -28,14 +28,14 @@ ul {
     padding-left: 1em;
 }
 
-p { 
-    padding: 0; 
-    margin-bottom: 12px; 
+p {
+    padding: 0;
+    margin-bottom: 12px;
     font-weight: 400;
-    font-size: 14px; 
+    font-size: 14px;
     line-height: 24px;
-    color: $color_secondary ; 
-    margin-top: 10px; 
+    color: $color_secondary ;
+    margin-top: 10px;
 }
 
 img {
@@ -43,11 +43,11 @@ img {
     max-width: 100%;
 }
 
-a { 
+a {
     color:$color_link;
     padding: 0;
     margin: 0;
-    text-decoration: none; 
+    text-decoration: none;
     -webkit-transition: background-color .4s linear, color .4s linear;
     -moz-transition: background-color .4s linear, color .4s linear;
     -o-transition: background-color .4s linear, color .4s linear;
@@ -74,4 +74,3 @@ a:hover, a:focus {
 .centered {
     text-align: center
 }
-
diff --git a/static/css/style.scss b/static/css/style.scss
index 139aa84..66579ab 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -9,7 +9,7 @@ Project Name: SOLID - Bootstrap 3 Theme
 Version: 1.0
 URL: http://alvarez.is
 
-################################################################# */ 
+################################################################# */
 
 $color_thu_purple: #82318E;
 $color_light_grey: #888;
@@ -26,7 +26,7 @@ $color_navbar_bg: #d3d3d3;
 $font_default: 'Lato', 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
 $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
 
-@import 
+@import
 	"Lato",
 	"structure",
 	"bootstrap-mod",
@@ -43,6 +43,16 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
 	}
 }
 
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+body {
+	position: relative;
+	min-height: 100%;
+}
+
 #headerwrap {
 	padding-top: 40px;
 	padding-bottom: 0px;
@@ -74,9 +84,9 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
 		}
 		td {
 			padding: 4px 8px;
-			border-top: none; 
+			border-top: none;
 		}
-		font-size: 12pt; 
+		font-size: 12pt;
 		.label.label-new {
 			padding: .1em .2em;
 			vertical-align: 40%;
@@ -108,7 +118,7 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
 
 #status-page {
 	.thead {
-		font-weight: bold;	
+		font-weight: bold;
 	}
 	#mirror-list {
 		.status-syncing {
@@ -157,6 +167,17 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
 	}
 }
 
+#footerwrap.tuna-foot-1 {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	right: 0;
+}
+
+#footerwrap.tuna-foot-2 {
+	visibility: hidden;
+}
+
 .spacing {
 	margin-top: 40px;
 	margin-bottom: 40px;