Basic markdown with Tailwind CSS Typography

templates/dashboard.html

@@ -119,7 +119,7 @@
                         </div>
                         <div>
                             <label for="post-content"
-                                   class="block text-sm font-medium text-gray-700 mb-2">HTML content</label>
+                                   class="block text-sm font-medium text-gray-700 mb-2">Markdown content</label>
                             <textarea id="post-content"
                                       name="content"
                                       rows="6"

templates/input.css

@@ -1,13 +1,2 @@
 @import "tailwindcss";
-
-@layer utilities {
-  .font-inter {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  }
-}
-
-@layer base {
-  body {
-    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
-  }
-}
+@plugin "@tailwindcss/typography";

templates/post.html

@@ -32,9 +32,7 @@
                     </div>
                 </div>
             </header>
-            <div class="px-8 py-8">
-                <div class="prose prose-lg prose-blue max-w-none">{{ post.content | safe }}</div>
-            </div>
+            <div class="px-8 py-8 prose prose-lg max-w-none">{{ post.content | safe }}</div>
         </article>
         <div class="mt-8 bg-gradient-to-r from-blue-600 to-indigo-700 rounded-lg shadow-lg text-white p-8 text-center">
             <h3 class="text-2xl font-bold mb-2">Enjoyed this post?</h3>