Date Utils, Cosmetic and Implementation Changes

* Adds Utils method for formatting date
* Adds Published at to the posts page
* Adds new logo, removes font dependency
* Renames Posts link to Blog

public/css/styles.css

@@ -1,8 +1,3 @@
-@font-face {
-	font-family: "VGA437";
-	src: url("/fonts/VGA437.ttf");
-}
-
 :root {
 	--body-bg-image: url("/images/aqua.gif");
 }
@@ -20,7 +15,10 @@ body {
 }
 
 body {
-	font-family: Verdana;
+	/* font-family: Verdana; */
+	font-family: "Lato", sans-serif;
+	font-weight: 400;
+	font-style: normal;
 	font-size: 15px;
 	max-width: 900px;
 	margin: auto;
@@ -87,7 +85,6 @@ footer ul>li>p {
 
 .logo {
 	text-decoration: none;
-	font-family: "VGA437", sans-serif;
 	font-size: 220%;
 	color: #000000;
 }
@@ -170,7 +167,7 @@ table td {
 	right: 0;
 	bottom: 0;
 	background: #000000;
-	height: 2px;
+	height: 1px;
 	-webkit-transform: translateY(4px);
 	transform: translateY(4px);
 	-webkit-transition-property: transform;
@@ -253,7 +250,28 @@ p.first-letter::first-letter {
 	overflow: hidden;
 }
 
-.four-o-four, .f-o-f-message {
-	display: flex; 
-    justify-content: center;
+.four-o-four,
+.f-o-f-message {
+	display: flex;
+	justify-content: center;
+}
+
+
+
+th {
+	background-color: #3b3b3b;
+	color: white;
+	border: 1px solid #000000;
+}
+
+tr:nth-child(even) {
+	background-color: #f2f2f2;
+}
+
+tr:nth-child(odd) {
+	background-color: #f8f8f8
+}
+
+.text-lightish-50 .hvr-underline-reveal.links {
+	text-decoration: underline;
 }