Add images; update urls

app.config.ts

@@ -0,0 +1,65 @@
+export default defineAppConfig({
+  ui: {
+    primary: 'blue',
+    gray: 'neutral',
+
+    // Configure prose components
+    content: {
+      prose: {
+        // Base prose styling
+        prose: {
+          base: {
+            fontFamily: "'Crimson Text', Georgia, serif",
+            fontSize: '1.125rem',
+            lineHeight: '1.75',
+            maxWidth: 'none',
+          }
+        },
+        // Paragraph styling
+        p: {
+          base: 'font-serif text-lg leading-relaxed mt-5 mb-5',
+        },
+        // Heading styles
+        h1: {
+          base: 'font-serif font-bold text-4xl mt-8 mb-4',
+        },
+        h2: {
+          base: 'font-serif font-semibold text-3xl mt-8 mb-4',
+        },
+        h3: {
+          base: 'font-serif font-semibold text-2xl mt-6 mb-3',
+        },
+        h4: {
+          base: 'font-serif font-semibold text-xl mt-6 mb-3',
+        },
+        // List styling
+        ul: {
+          base: 'list-disc pl-6 my-5 space-y-2',
+        },
+        ol: {
+          base: 'list-decimal pl-6 my-5 space-y-2',
+        },
+        li: {
+          base: 'font-serif text-lg leading-relaxed',
+        },
+        // Link styling
+        a: {
+          base: 'text-blue-600 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300',
+        },
+        // Blockquote styling
+        blockquote: {
+          base: 'border-l-4 border-gray-300 dark:border-gray-700 pl-4 my-5 italic font-serif',
+        },
+        // Code styling
+        code: {
+          inline: {
+            base: 'bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded text-sm font-mono',
+          },
+          block: {
+            base: 'bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto my-5',
+          }
+        },
+      }
+    }
+  }
+})