Merge pull request #179 from pmarsceill/content-footer

Content footer

_config.yml

@@ -29,6 +29,9 @@ aux_links:
   "Just the Docs on GitHub":
     - "//github.com/pmarsceill/just-the-docs"
 
+# Footer content appears at the bottom of every page's main content
+footer_content: "Copyright &copy; 2017-2019 Patrick Marsceill. Distributed by an <a href=\"https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt\">MIT license.</a>"
+
 # Color scheme currently only supports "dark" or nil (default)
 color_scheme: nil
 
@@ -37,4 +40,4 @@ color_scheme: nil
 ga_tracking: UA-2709176-10
 
 plugins:
-  - jekyll-seo-tag
+  - jekyll-seo-tag

_layouts/default.html

@@ -8,12 +8,14 @@
     <div class="side-bar">
       <a href="{{ site.baseurl }}/" class="site-title fs-6 lh-tight">{{ site.title }}</a>
       <span class="fs-3"><button class="js-main-nav-trigger navigation-list-toggle btn btn-outline" type="button" data-text-toggle="Hide">Menu</button></span>
-      <div class="navigation main-nav js-main-nav">
+      <nav role="navigation" aria-label="Main navigation" class="navigation-wrapper">
-        {% include nav.html %}
+        <div class="navigation main-nav js-main-nav">
-      </div>
+          {% include nav.html %}
-      <footer role="contentinfo" class="site-footer">
+        </div>
-        <p class="text-small text-grey-dk-000 mb-0">This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</p>
+        <footer class="site-footer">
-      </footer>
+          <p class="text-small text-grey-dk-000 mb-4">This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</p>
+        </footer>
+       </nav>
     </div>
     <div class="main-content-wrap js-main-content" tabindex="0">
       <div class="page-header">
@@ -69,6 +71,13 @@
             {% endfor %}
           </ul>
           {% endif %}
+
+          {% if site.footer_content != nil %}
+          <hr>
+          <footer role="contentinfo">
+            <p class="text-small text-grey-dk-000 mb-0">{{ site.footer_content }}</p>
+          </footer>
+          {% endif %}
         </div>
       </div>
     </div>

_sass/layout.scss

@@ -137,6 +137,7 @@ body {
 .site-footer {
   position: absolute;
   bottom: 0;
+  left: 0;
   padding-top: $sp-4;
   padding-bottom: $sp-4;
 

_sass/navigation.scss

@@ -19,6 +19,12 @@
   }
 }
 
+.navigation-wrapper {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+}
+
 .navigation-list {
   padding: 0;
   margin-top: $sp-4;

docs/configuration.md

@@ -38,6 +38,13 @@ aux_links:
       - "//github.com/pmarsceill/just-the-docs"
 ```
 
+## Footer content
+
+```yaml
+# Footer content appears at the bottom of every page's main content
+footer_content: "Copyright &copy; 2017-2019 Patrick Marsceill. Distributed by an <a href=\"https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt\">MIT license.</a>"
+```
+
 ## Color scheme
 
 ```yaml

docs/customization.md

@@ -69,5 +69,3 @@ $link-color: $blue-000;
 ```
 
 _Note:_ Editing the variables directly in `_sass/support/variables.scss` is not recommended and can cause other dependencies to fail.
-
----