feat: Improve metadata, add blog descriptions

sass/_comments.scss

@@ -59,7 +59,7 @@ section#comments {
         background-color: var(--fg05);
         border-radius: 9999px;
         color: var(--fg-color);
-        font-size: smaller;
+        font-size: 0.8rem;
         font-weight: normal;
         padding: 0.25rem 0.75rem;
 
@@ -85,7 +85,7 @@ section#comments {
     time {
       @extend small;
 
-      font-size: smaller;
+      font-size: 0.8rem;
       grid-area: time;
 
       &.edited::after {
@@ -171,7 +171,7 @@ section#comments {
       .boosts {
         cursor: default;
         font-weight: 600;
-        font-size: 90%;
+        font-size: 0.9rem;
         padding: 0.4rem 1rem;
         border-radius: var(--rounded-corner);
         background-color: var(--orange-bg);
@@ -187,7 +187,7 @@ section#comments {
       .faves {
         cursor: default;
         font-weight: 600;
-        font-size: 90%;
+        font-size: 0.9rem;
         padding: 0.4rem 1rem;
         border-radius: var(--rounded-corner);
         background-color: var(--red-bg);

sass/_main.scss

@@ -86,11 +86,11 @@ h6 {
 }
 
 h1 {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 h2 {
-  font-size: 1.4em;
+  font-size: 1.4rem;
 }
 
 a {
@@ -165,7 +165,7 @@ kbd {
   border-radius: var(--rounded-corner-small);
   background-color: var(--fg07);
   box-shadow: inset 0 -2px 0 var(--fg09);
-  font-size: medium;
+  font-size: 0.8rem;
   cursor: pointer;
   user-select: none;
   -webkit-user-select: none;
@@ -175,7 +175,7 @@ kbd {
 kbd:active {
   background-color: var(--fg09);
   box-shadow: inset 0 1px 0 var(--fg09);
-  transform: translate(0, 2px);
+  transform: translateY(2px);
 }
 
 mark {
@@ -191,7 +191,7 @@ figcaption {
   display: block;
   text-align: center;
   color: var(--fg50);
-  font-size: smaller;
+  font-size: 0.9rem;
 }
 
 details {
@@ -232,11 +232,6 @@ th {
   padding: 0;
 }
 
-// make tables vertically aligned to the top
-tbody td {
-  vertical-align: top;
-}
-
 // MEDIA
 img,
 video {