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