fix: update OG image meta tags and rename to Markdown Site

convex/http.ts

@@ -6,8 +6,8 @@ import { rssFeed, rssFullFeed } from "./rss";
 const http = httpRouter();
 
 // Site configuration
-const SITE_URL = process.env.SITE_URL || "https://your-blog.netlify.app";
-const SITE_NAME = "Wayne Sutton";
+const SITE_URL = process.env.SITE_URL || "https://markdowncms.netlify.app";
+const SITE_NAME = "Markdown Site";
 
 // RSS feed endpoint (descriptions only)
 http.route({

index.html

@@ -8,12 +8,12 @@
     <!-- SEO Meta Tags -->
     <meta
       name="description"
-      content="An open source markdown blog powered by Convex and Netlify. Fork it, customize it, ship it."
+      content="An open source markdown site powered by Convex and Netlify. Fork it, customize it, ship it."
     />
-    <meta name="author" content="Markdown Blog" />
+    <meta name="author" content="Markdown Site" />
     <meta
       name="keywords"
-      content="markdown blog, Convex, Netlify, React, TypeScript, open source, real-time"
+      content="markdown site, Convex, Netlify, React, TypeScript, open source, real-time"
     />
     <meta name="robots" content="index, follow" />
 
@@ -23,25 +23,38 @@
     <!-- Open Graph -->
     <meta
       property="og:title"
-      content="Markdown Blog - Real-time Blog with Convex"
+      content="Markdown Site - Real-time Site with Convex"
     />
     <meta
       property="og:description"
-      content="An open source markdown blog powered by Convex and Netlify. Fork it, customize it, ship it."
+      content="An open source markdown site powered by Convex and Netlify. Fork it, customize it, ship it."
     />
     <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://your-blog.netlify.app" />
-    <meta property="og:site_name" content="Markdown Blog" />
+    <meta property="og:url" content="https://markdowncms.netlify.app/" />
+    <meta property="og:site_name" content="Markdown Site" />
+    <meta
+      property="og:image"
+      content="https://markdowncms.netlify.app/images/og-default.svg"
+    />
 
     <!-- Twitter Card -->
-    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="markdowncms.netlify.app" />
+    <meta
+      property="twitter:url"
+      content="https://markdowncms.netlify.app/"
+    />
     <meta
       name="twitter:title"
-      content="Markdown Blog - Real-time Blog with Convex"
+      content="Markdown Site - Real-time Site with Convex"
     />
     <meta
       name="twitter:description"
-      content="An open source markdown blog powered by Convex and Netlify. Fork it, customize it, ship it."
+      content="An open source markdown site powered by Convex and Netlify. Fork it, customize it, ship it."
+    />
+    <meta
+      name="twitter:image"
+      content="https://markdowncms.netlify.app/images/og-default.svg"
     />
 
     <!-- RSS Feeds -->
@@ -66,23 +79,23 @@
       {
         "@context": "https://schema.org",
         "@type": "WebSite",
-        "name": "Markdown Blog",
-        "url": "https://your-blog.netlify.app",
-        "description": "An open source markdown blog powered by Convex and Netlify.",
+        "name": "Markdown Site",
+        "url": "https://markdowncms.netlify.app",
+        "description": "An open source markdown site powered by Convex and Netlify.",
         "author": {
           "@type": "Organization",
-          "name": "Markdown Blog",
-          "url": "https://your-blog.netlify.app"
+          "name": "Markdown Site",
+          "url": "https://markdowncms.netlify.app"
         },
         "potentialAction": {
           "@type": "SearchAction",
-          "target": "https://your-blog.netlify.app/?q={search_term_string}",
+          "target": "https://markdowncms.netlify.app/?q={search_term_string}",
           "query-input": "required name=search_term_string"
         }
       }
     </script>
 
-    <title>Markdown Blog - Real-time Blog with Convex</title>
+    <title>Markdown Site - Real-time Site with Convex</title>
   </head>
   <body>
     <div id="root"></div>

public/images/og-default.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-label="markdown blog">
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-label="markdown site">
   <rect x="0" y="0" width="1200" height="630" rx="48" ry="48" fill="#000000"/>
   <text x="600" y="360"
         text-anchor="middle"
@@ -6,5 +6,5 @@
         font-size="140"
         font-weight="700"
         fill="#ffffff"
-        letter-spacing="-2">markdown blog</text>
+        letter-spacing="-2">markdown site</text>
 </svg>

src/pages/Post.tsx

@@ -8,7 +8,7 @@ import { ArrowLeft, Link as LinkIcon, Twitter, Rss } from "lucide-react";
 import { useState, useEffect } from "react";
 
 // Site configuration
-const SITE_URL = "https://your-site.netlify.app";
+const SITE_URL = "https://markdowncms.netlify.app";
 const SITE_NAME = "Markdown Site";
 const DEFAULT_OG_IMAGE = "/images/og-default.svg";