insert toc before article and swap position w/ flexbox to avoid reflow on load

diff --git a/src/css/main.css b/src/css/main.css
index 40dd045..baf3424 100644 (file)
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -17,6 +17,7 @@
 
   main > .content {
     display: flex;
+    flex-direction: row-reverse;
   }
 
   aside.toc.embedded {

diff --git a/src/partials/main.hbs b/src/partials/main.hbs
index f29cfc3..d3e2411 100644 (file)
--- a/src/partials/main.hbs
+++ b/src/partials/main.hbs
@@ -4,8 +4,8 @@
 {{#if (eq page.layout '404')}}
 {{> article-404}}
 {{else}}
-{{> article}}
 {{> toc}}
+{{> article}}
 {{/if}}
   </div>
 </main>