added diary nav under snippets

src/static/css/diary.css

@@ -12,7 +12,7 @@ ul { list-style-position: inside; }
 .grid {
     display: grid;
     grid-template-columns: auto 533px 267px auto;
-    grid-template-rows: 25px 90px 40px repeat(2, auto);
+    grid-template-rows: 25px 90px 40px auto 40px auto; 
     grid-column-gap: 0px;
     grid-row-gap: 0px;
 }
@@ -124,7 +124,6 @@ ul { list-style-position: inside; }
 }
 
 .diary-dir {
-    grid-area: 3 / 1 / 4 / 5;
     background-color: #080410;
     color: #F9B3D7;
     font-size: 20px;
@@ -142,6 +141,9 @@ ul { list-style-position: inside; }
 .diary-dir a:active {
     color: #f463ad;
 }
+.diary-dir.top {
+    grid-area: 3 / 1 / 4 / 5;
+}
 
 .body-row {
     grid-area: 4 / 1 / 5 / 5;
@@ -237,8 +239,12 @@ ul { list-style-position: inside; }
     padding-bottom: 15px;
 }
 
-.footer-row {
+.diary-dir.bottom {
     grid-area: 5 / 1 / 6 / 5; 
+}
+
+.footer-row {
+    grid-area: 6 / 1 / 7 / 5;
     background-color: #080410;
 }