docs: fix footer bug on pages with left-side navigation (#1546)

* chore: Update builds to run in parallel; fix watch error

* chore: Add async support for watch tasks

* docs: Resolve storybook error; migrate 11ty templates

* docs: Abstracting header and footer

* docs: Working through rendering issue

* docs: Remove build script

* docs: Update mkdir logic

* docs: Clean up templates

* docs: Update templates for imports

* docs: Updating the config

* docs: Remove doc-listing-inject for now

* docs: Update doc listing logic

* docs: Add a way to render the TODOS are JSON

* docs: Apply design suggestions from Dan

* docs: Updating READMEs

* docs: Updating CDN references

* docs: Update package and remove spandx config

* docs: Adjusting the watch script

* docs: Update build script

* docs: Adjust how packages are brought in so they are loaded in the head

* docs: Temporarily remove packages

* docs: Run build before storybook and docs

* docs: Update build flow

* docs: Change mkdir logic

* docs: Update script for build

* docs: Maintain link to demo pages in footer of production

* docs: Fix parallelization in watch task

* docs: Update README

* docs: Update basic to move footer into main

* docs: Update footer styles

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: castastrophe

docs/_includes/_foot.html

@@ -3,7 +3,7 @@
     {% assign component = c %}
   {% endif %}
 {% endfor %}
-  <footer>
+  <footer class="basic">
     <pfe-band color="darkest">
       <div class="pfe-l-grid pfe-m-gutters pfe-m-all-4-col">
         <div>

docs/_includes/layout-basic.html

@@ -5,7 +5,7 @@
 ---
 {% include _nav.html %}
 <main class="basic">
-  {{ content | safe }}
+    {{ content | safe }}
 </main>
 {% include _foot.html %}
 

docs/main.css

@@ -10,6 +10,10 @@ body {
   font-size: 1.05rem;
   line-height: 1.6;
   -webkit-font-smoothing: antialiased;
+}
+
+body,
+main.basic {
   /* Ensures the footer stays at the bottom */
   display: flex;
   flex-direction: column;