Fix #573: [Muse & Mist] Footer is not at the bottom of the page (#574)

layout/_macro/post-collapse.swig

@@ -22,7 +22,7 @@
       <div class="post-meta">
         <time class="post-time" itemprop="dateCreated"
               datetime="{{ moment(post.date).format() }}"
-              content="{{ date(post.date, config.date_format) }}" >
+              content="{{ date(post.date, config.date_format) }}">
           {{ date(post.date, 'MM-DD') }}
         </time>
       </div>

layout/_macro/post.swig

@@ -113,7 +113,7 @@
           </span>
 
           {% if post.categories and post.categories.length and theme.post_meta.categories %}
-            <span class="post-category" >
+            <span class="post-category">
             {% if theme.post_meta.created_at or theme.post_meta.updated_at %}
               <span class="post-meta-divider">|</span>
             {% endif %}
@@ -175,7 +175,7 @@
                 </a>
               {% else %}
                 <a href="{{ url_for(post.path) }}#SOHUCS" itemprop="discussionUrl">
-                  <span class="post-meta-item-text">{{ __('post.comments_count') + __('symbol.colon') }}</span> <span id="url::{{ post.permalink }}" class="cy_cmt_count" data-xid="{{ post.path }}" itemprop="commentsCount" ></span>
+                  <span class="post-meta-item-text">{{ __('post.comments_count') + __('symbol.colon') }}</span> <span id="url::{{ post.permalink }}" class="cy_cmt_count" data-xid="{{ post.path }}" itemprop="commentsCount"></span>
                 </a>
               {% endif %}
             {% elseif is_post() and theme.gitment.enable and theme.gitment.mint and theme.gitment.count %}
@@ -221,7 +221,7 @@
             {% if not theme.post_meta.item_text %} title="{{ __('post.views') }}" {% endif %}>
             <i class="fa fa-{{ theme.busuanzi_count.post_views_icon }}"></i>
             {% if theme.post_meta.item_text %} {{ __('post.views') + __('symbol.colon') }} {% endif %}
-            <span class="busuanzi-value" id="busuanzi_value_page_pv" ></span>
+            <span class="busuanzi-value" id="busuanzi_value_page_pv"></span>
             </span>
           {% endif %}
 

layout/_scripts/schemes/mist.swig

@@ -0,0 +1 @@
+{% include 'muse.swig' %}

layout/_scripts/schemes/muse.swig

@@ -0,0 +1,9 @@
+{%
+  set scripts = [
+    'src/schemes/muse.js'
+  ]
+%}
+
+{% for script in scripts %}
+  <script src="{{ url_for(theme.js) }}/{{ script }}?v={{ version }}"></script>
+{% endfor %}

source/css/_common/components/footer/footer.styl

@@ -10,8 +10,8 @@
 @keyframes iconAnimate {
   0%, 100% { transform: scale(1); }
   10%, 30% { transform: scale(0.9); }
-  20%, 40%, 60%, 80% {transform: scale(1.1); }
-  50%, 70% {transform: scale(1.1); }
+  20%, 40%, 60%, 80% { transform: scale(1.1); }
+  50%, 70% { transform: scale(1.1); }
 }
 
 if hexo-config('footer.icon.animated') {
@@ -28,17 +28,3 @@ if hexo-config('footer.icon.animated') {
 
 .powered-by,
 .theme-info { display: inline-block; }
-
-.cc-license {
-  margin-top: 10px;
-  text-align: center;
-
-  .cc-opacity {
-    opacity: 0.7;
-    border-bottom: none;
-
-    &:hover { opacity: 0.9; }
-  }
-
-  img { display: inline-block; }
-}

source/css/_common/components/highlight/highlight.styl

@@ -96,7 +96,6 @@ pre {
   .line { height: 20px; }
 }
 
-
 .gutter {
   -webkit-user-select: none;
   -moz-user-select: none;

source/css/_common/components/sidebar/sidebar-nav.styl

@@ -4,6 +4,7 @@
   margin: 0 0 20px;
   padding-left: 0;
 }
+
 .sidebar-nav li {
   display: inline-block;
   cursor: pointer;

source/css/_common/components/sidebar/sidebar.styl

@@ -40,6 +40,20 @@
   overflow-x: hidden;
 }
 
+.cc-license {
+  margin-top: 10px;
+  text-align: center;
+
+  .cc-opacity {
+    opacity: 0.7;
+    border-bottom: none;
+
+    &:hover { opacity: 0.9; }
+  }
+
+  img { display: inline-block; }
+}
+
 @import "sidebar-toggle";
 @import "sidebar-author";
 @import "site-state";

source/css/_common/components/sidebar/site-state.styl

@@ -14,6 +14,7 @@
 
   a { border-bottom: none; }
 }
+
 .site-state-item-count {
   display: block;
   text-align: center;

source/css/_common/outline/outline.styl

@@ -9,7 +9,6 @@ html, body { height: 100%; }
 
 .container {
   position: relative;
-  min-height: 100%;
 }
 
 

source/css/_common/scaffolding/base.styl

@@ -76,7 +76,6 @@ img {
   height: auto;
 }
 
-
 hr {
   margin: 40px 0;
   height: 3px;

source/css/_common/scaffolding/mobile.styl

@@ -14,7 +14,6 @@
 
 }
 
-
 // < 767px
 +mobile() {
 

source/js/src/schemes/muse.js

@@ -0,0 +1,9 @@
+$(document).ready(function() {
+  function updateFooterPosition() {
+    var containerHeight = $('#footer').attr('position') ? $('.container').height() + $('#footer').outerHeight(true) : $('.container').height();
+    if (containerHeight < window.innerHeight) $('#footer').css({ 'position': 'fixed', 'bottom': 0, 'left': 0, 'right': 0 }).attr('position', 'fixed');
+    else $('#footer').removeAttr('style position');
+  }
+  updateFooterPosition();
+  $(window).on('resize scroll', updateFooterPosition);
+});

source/js/src/utils.js

@@ -295,7 +295,6 @@ $(document).ready(function() {
    * Init Sidebar & TOC inner dimensions on all pages and for all schemes.
    * Need for Sidebar/TOC inner scrolling if content taller then viewport.
    */
-
   function updateSidebarHeight(height) {
     height = height || 'auto';
     $('.site-overview, .post-toc').css('max-height', height);