diff --git a/_config.yml b/_config.yml index 4b938275813238556626fa0cc2696018f24a3e04..ad2ca041ee8313ea2ed250b9c19bc8bb46dd1f0c 100644 --- a/_config.yml +++ b/_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 © 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 \ No newline at end of file + - jekyll-seo-tag diff --git a/_layouts/default.html b/_layouts/default.html index 896a598e232786094aba7cbdab912e1c413ccc34..206bcba43a1c81f92762d9bb035e54e59dc55fae 100644 --- a/_layouts/default.html +++ b/_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"> - {% include nav.html %} - </div> - <footer role="contentinfo" class="site-footer"> - <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> + <nav role="navigation" aria-label="Main navigation" class="navigation-wrapper"> + <div class="navigation main-nav js-main-nav"> + {% include nav.html %} + </div> + <footer class="site-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> diff --git a/_sass/layout.scss b/_sass/layout.scss index ddd56fa977f0484f59e867c3620a521f204bb929..79268795fae04bdae487f68b3aeebd13cc334d9f 100644 --- a/_sass/layout.scss +++ b/_sass/layout.scss @@ -137,6 +137,7 @@ body { .site-footer { position: absolute; bottom: 0; + left: 0; padding-top: $sp-4; padding-bottom: $sp-4; diff --git a/_sass/navigation.scss b/_sass/navigation.scss index 364c569a1cbb931eb96346abf095eb200a5d0a76..6d276b219d19b49b2797f1df001648aebeca52b8 100644 --- a/_sass/navigation.scss +++ b/_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; diff --git a/docs/configuration.md b/docs/configuration.md index 4a4caef025dfac5750556ac448e791922c71a5ad..3b797506e3c3cf468c617402a2952fa6d2a20a4a 100644 --- a/docs/configuration.md +++ b/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 © 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 diff --git a/docs/customization.md b/docs/customization.md index f3fe1c036d6bb549638f369c48e911b152444c16..d33a69b13b1613e074b069c0955a339dcafb676c 100644 --- a/docs/customization.md +++ b/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. - ----