Optimize semantic elements' name

layout/_layout.njk

@@ -15,14 +15,14 @@
   <div class="headband"></div>
 
   <main class="main">
-    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
-      <div class="header-inner">
+    <div class="column">
+      <header class="header" itemscope itemtype="http://schema.org/WPHeader">
         {%- include '_partials/header/index.njk' -%}
-      </div>
+      </header>
       {%- if theme.sidebar.display !== 'remove' %}
         {% block sidebar %}{% endblock %}
       {%- endif %}
-    </header>
+    </div>
 
     <div class="main-inner {% block class %}{% endblock %}">
       {%- include '_partials/header/sub-menu.njk' -%}

layout/_macro/sidebar.njk

@@ -1,6 +1,5 @@
 {% macro render(display_toc) %}
   <aside class="sidebar">
-    {%- set display_toc = page.toc.enable and display_toc %}
     {%- if display_toc %}
       {%- set toc = toc(page.content, {class: 'nav', list_number: page.toc.number, max_depth: page.toc.max_depth}) %}
       {%- set display_toc = toc.length > 1 and display_toc %}

layout/page.njk

@@ -50,5 +50,5 @@
 {% endblock %}
 
 {% block sidebar %}
-  {{ sidebar_template.render(true) }}
+  {{ sidebar_template.render(page.toc.enable) }}
 {% endblock %}

layout/post.njk

@@ -12,5 +12,5 @@
 {% endblock %}
 
 {% block sidebar %}
-  {{ sidebar_template.render(true) }}
+  {{ sidebar_template.render(page.toc.enable) }}
 {% endblock %}

source/css/_common/outline/header/index.styl

@@ -9,12 +9,11 @@
   }
 }
 
-// Fix issue #521
-header.header {
+.column {
   background: $head-bg;
 }
 
-.header-inner {
+.header {
   main-container();
 }
 
@@ -25,7 +24,7 @@ header.header {
 }
 
 .use-motion {
-  header.header, .site-brand-container .toggle {
+  .column, .site-brand-container .toggle {
     opacity: 0;
   }
 }

source/css/_schemes/Mist/_header.styl

@@ -1,6 +1,6 @@
 // Header
 // --------------------------------------------------
-.header-inner {
+.header {
   align-items: center;
   display: flex;
   padding: 20px 0;

source/css/_schemes/Muse/_header.styl

@@ -9,7 +9,7 @@
   background: var(--btn-default-bg);
 }
 
-.header-inner {
+.header {
   padding-top: 100px;
 
   +mobile() {

source/css/_schemes/Muse/_layout.styl

@@ -7,7 +7,7 @@
   }
 }
 
-.header-inner, .main-inner, .footer-inner {
+.header, .main-inner, .footer-inner {
   +mobile() {
     width: auto;
   }

source/css/_schemes/Pisces/_layout.styl

@@ -1,4 +1,4 @@
-.header-inner {
+.header {
   background: var(--content-bg-color);
   border-radius: $border-radius-inner;
   box-shadow: $box-shadow-inner;

source/css/noscript.styl

@@ -11,7 +11,7 @@ body { margin-top: 2rem; }
   visibility: visible;
 }
 
-.use-motion header.header,
+.use-motion .column,
 .use-motion .site-brand-container .toggle,
 .use-motion .footer { opacity: initial; }
 

source/js/motion.js

@@ -51,7 +51,7 @@ NexT.motion.middleWares = {
       });
     }
 
-    pushToSequence('header.header');
+    pushToSequence('.column');
     CONFIG.scheme === 'Mist' && getMistLineSettings('.logo-line');
     CONFIG.scheme === 'Muse' && pushToSequence('.custom-logo-image');
     pushToSequence('.site-title');

source/js/schemes/muse.js

@@ -50,7 +50,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
   function updateFooterPosition() {
     const footer = document.querySelector('.footer');
-    const containerHeight = document.querySelector('header.header').offsetHeight + document.querySelector('.main').offsetHeight + footer.offsetHeight;
+    const containerHeight = document.querySelector('.column').offsetHeight + document.querySelector('.main').offsetHeight + footer.offsetHeight;
     footer.classList.toggle('footer-fixed', containerHeight <= window.innerHeight);
   }