seo stuff + fix :splat landings

public/css/style.css

@@ -318,7 +318,7 @@ ul {
     transition: 0.8s;
     font-size: 30px;
     font-weight: 900;
-    margin-bottom: 10pt;
+    margin: 16pt 0 10pt;
     transform: translate(0, -64pt);
 }
 
@@ -624,15 +624,25 @@ body.menu-open .overlay * {
 
 @media only screen and (max-width: 740pt) {
     .nav__links li a,
-    .svg-wrapper#main-wrapper {
+    .svg-wrapper#main-wrapper svg {
         display: none;
     }
 
-    .menu,
-    .mobile-name {
+    .menu {
         display: block;
     }
 
+    .svg-wrapper#main-wrapper {
+        width: auto;
+        height: auto;
+        overflow: visible;
+    }
+
+    .svg-wrapper#main-wrapper .name {
+        margin: 2pt 0 10pt;
+        transform: none;
+    }
+
     .logo {
         margin-top: 12pt;
     }

public/scripts/content.js

@@ -77,6 +77,41 @@
     canonical.setAttribute("href", href);
   };
 
+  const setEntryJsonLd = (entry, url, image) => {
+    let script = document.getElementById("entry-jsonld");
+
+    if (!script) {
+      script = document.createElement("script");
+      script.id = "entry-jsonld";
+      script.type = "application/ld+json";
+      document.head.appendChild(script);
+    }
+
+    script.textContent = JSON.stringify({
+      "@context": "https://schema.org",
+      "@type": "Article",
+      "@id": `${url}#article`,
+      "url": url,
+      "headline": entry.title,
+      "description": entry.summary || "Project entry or update from Braeden Sowinski.",
+      "datePublished": entry.date || undefined,
+      "dateModified": entry.date || undefined,
+      "image": image,
+      "author": {
+        "@id": "https://sowinski.dev/#person",
+        "name": "Braeden Sowinski",
+        "url": "https://sowinski.dev/"
+      },
+      "publisher": {
+        "@id": "https://sowinski.dev/#person"
+      },
+      "mainEntityOfPage": url,
+      "isPartOf": {
+        "@id": "https://sowinski.dev/#website"
+      }
+    });
+  };
+
   const updateEntryMeta = (entry) => {
     const baseUrl = "https://sowinski.dev";
     const title = `${entry.title} | Braeden Sowinski`;
@@ -94,6 +129,7 @@
     setMetaContent("meta[name='twitter:title']", title);
     setMetaContent("meta[name='twitter:description']", description);
     setMetaContent("meta[name='twitter:image']", image);
+    setEntryJsonLd(entry, url, image);
   };
 
   const renderLinks = (entry, className) => {