redesigned feature template to put nav under article, bordered by side bar (was under everything)

src/static/css/feature.css

@@ -27,7 +27,7 @@ ul { list-style-position: inside; }
 .grid {
     display: grid;
     grid-template-columns: auto 533px 267px auto;
-    grid-template-rows: 25px 90px repeat(4, 1fr) 200px auto;
+    grid-template-rows: 25px 90px repeat(4, auto) auto;
     grid-column-gap: 0px;
     grid-row-gap: 0px;
 }
@@ -145,7 +145,7 @@ ul { list-style-position: inside; }
 }
 
 .diary-entry {
-    grid-area: 3 / 2 / 7 / 3;
+    grid-area: 3 / 2 / 6 / 3;
     background-color: #ff0000;
     padding: 5px;
 }
@@ -175,32 +175,18 @@ ul { list-style-position: inside; }
     background-color: #ce6a85;
 }
 
-.dir-row {
-    grid-area: 7 / 1 / 8 / 5;
+.recommend {
+    grid-area: 6 / 2 / 7 / 3;
     background-color: #F5D7E3;
     display: grid;
     grid-template-columns: auto;
     grid-template-rows: 15% 35% auto;
     grid-column-gap: 0px;
     grid-row-gap: 0px; 
-}
-
-.dir-header { 
-    grid-area: 1 / 1 / 2 / 2; 
-}
-.dir-date { 
-    grid-area: 2 / 1 / 3 / 2;
-    overflow-x: scroll;
-    overflow-y: hidden;
-}
-.dir-articles { 
-    grid-area: 3 / 1 / 4 / 2; 
-    overflow-x: scroll;
-    overflow-y: hidden;
 } 
 
 .footer-row {
-    grid-area: 8 / 1 / 9 / 5; 
+    grid-area: 7 / 1 / 8 / 5; 
     background-color: #A8577E;
 }
 

src/views/diary-boxes.tpl

@@ -25,7 +25,11 @@
 
     <div class="disclosure">
         <h1>disclosure</h1>
-        blessfrey.me is not using sponsored posts or affiliate links right now. Any that appear will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking"  rel="nofollow">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf"  rel="nofollow">disclosed</a>.<br>
+        blessfrey.me is not using sponsored posts or affiliate links right now. 
         <br>
-        blessfrey.me does not collect personal information + has no cookies. Just a simple dev site.<br>
+        blessfrey.me does not collect personal information + has no cookies.<br>
+        <br>
+        If this changes, sponsored content will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking"  rel="nofollow">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf"  rel="nofollow">disclosed</a>, cookies and analytics will comply with the GDPR and CCPA, etc.<br>
+        <br>
+        Thank you for following the development of blessfrey.<br>    
     </div>

src/views/feature.tpl

@@ -8,16 +8,8 @@
 
 % include diary-boxes.tpl
 
-    <div class="dir-row">
-        <div class="dir-header">
-            {{!header}}
-        </div>
-        <div class="dir-date">
-            {{!dates}}
-        </div>
-        <div class="dir-articles">
-            {{!articles}}
-        </div>
+    <div class="recommend">
+        {{!articles}}
     </div>
 
     <div class="footer-row"> </div>