footer works; removed unused elements; added some character avis; char css is fine now

src/views/frame.tpl

@@ -6,7 +6,7 @@
 * {
     padding:0;
     margin:0;
-    font-family: trebuchet ms; arial; calibri; gill sans; helvetica neue; candara; geneva; verdana; sans-serif;
+    font-family: verdana, trebuchet ms, arial, calibri, gill sans, helvetica neue, candara, geneva, sans-serif;
     background-color: black;
 }
 html, body {padding:0; margin:0; height:100%;}
@@ -14,8 +14,9 @@ footer{
     position: absolute; bottom: 0; right: 0;
     color: #df85a5;
     background-color: transparent;
-    padding-top: 5px;
-    padding-right: 5px;
+    padding-top: 2em;
+    margin-right: 1em;
+    margin-bottom: 1em;
     text-align: right;
     overflow: hidden;
 }
@@ -27,6 +28,12 @@ p {
         text-indent: 2em;
 }
 
+.center { 
+    width: 60%;
+    padding: 2em;
+    margin: auto;
+}
+
 .grid {
     height: auto;
     width: 100vw;
@@ -49,12 +56,6 @@ p {
 .nav-row { 
     grid-area: 2 / 1 / 3 / 4; 
 }
-.content-row {
-    grid-area: 3 / 1 / 4 / 4; 
-}
-.latest-row { 
-    grid-area: 4 / 1 / 5 / 4; 
-}
 .nav-grid { 
     grid-area: 2 / 2 / 3 / 3;  
     display: flex;
@@ -131,10 +132,10 @@ p {
     .navlink a:active {
         color: #f463ad;
     }
-.nav-grid img {
-    height: 100%;
-    width: 100%;
-}
+    .nav-grid img {
+        height: 100%;
+        width: 100%;
+    }
     .content-grid {
         min-height: 60vh;
         min-width: 50vw;
@@ -153,8 +154,6 @@ p {
 
 % include('nav.tpl')
 
-    <div class="content-row"> </div>
-
 {{!base}}
 
 % include('footer.tpl')