add: SEO for articles

SEO and SchemaORg for articles

app/assets/css/blog/article.css

@@ -3,14 +3,39 @@
     flex-direction: column;
     gap: 2rem;
 
+    & .meta {
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+    }
+
+    & .article-content {
+        background: var(--color-black);
+        border-radius: 1rem;
+    }
+
+    & .article-text {
+        padding: 2rem;
+    }
+
+    & header {
+        padding: 2rem 2rem 0;
+    }
+
     h1 {
         font-size: 2rem;
     }
 
+    h2 {
+        font-size: 1.5rem;
+        font-style: italic;
+        font-weight: lighter;
+    }
+
     & .image {
         width: 100%;
         height: 450px;
-        border-radius: 1rem;
+        border-radius: 1rem 1rem 0 0;
         overflow: hidden;
         background: #000;
 
@@ -19,6 +44,7 @@
             height: 100%;
             opacity: .8;
             object-fit: cover;
+            object-position: center;
         }
     }
 }

app/assets/css/blog/card.css

@@ -15,6 +15,7 @@
     & > .image {
         flex: 0 0 200px;
         width: 100%;
+        overflow: hidden;
 
         & img {
             height: 100%;