minor layout fixes

TODO

@@ -1,3 +1,6 @@
+- sitemap
+- robots.txt
+- make h1 elems in article content h2 elems
 - Fix articles with inline html in them and/or links
 - post jump points and table of contents (be wary of having this take up too much space on mobile)
 - ico?

static/css/layout.css

@@ -101,6 +101,12 @@ time {
     /* not sure if I want everything centered or just code blocks but I like everything centered atm*/
     justify-content: center;
     align-items: center;
+
+}
+main {
+    max-width: -moz-available;
+    max-width: -webkit-fill-available;;
+    max-width: fill-available;
 }
 header {
     max-width: -moz-available;
@@ -180,6 +186,12 @@ p {
     line-height: 1.5;
 }
 
+footer {
+    display: flex;
+    margin:20px;
+    /*width:100%;*/
+}
+
 }
 /* we really want to make sure this doesn't stick around when colors load in regardless of when/how colors get loaded in*/
 @layer pre-load{

templates/default.html

@@ -29,14 +29,16 @@
         <a class="nav-link" href="/links/">Links</a>
     </div>
     <div id="content-outer">
-        <main id="content">
+        <div id="content">
-            {{{content}}}
+            <main>
-        </main>
+                {{{content}}}
-        <footer style="margin:20px;">
+            </main>
-            <!-- don't bother with anchor on outside anchor is inside svg-->
+            <footer>
-            <a href="/index.xml"> <object width="100" height="100" class="icon" data="/static/images/rss.svg">rss
+                <!-- don't bother with anchor on outside anchor is inside svg-->
-                    feed</object></a>
+                <a href="/index.xml"> <object width="100" height="100" class="icon" data="/static/images/rss.svg">rss
-        </footer>
+                        feed</object></a>
+            </footer>
+        </div>
     </div>
 </body>