yet again

templates/base.html

@@ -26,14 +26,12 @@
       rel="stylesheet"
     />
     <script src="https://cdn.tailwindcss.com"></script>
-
     <script>
       tailwind.config = {
         corePlugins: {
-          preflight: false, // Keeps your base blog styles intact
+          preflight: false,
         },
-        // This ensures Tailwind utilities only work inside elements with the 'tailwind-scope' class
-        important: "#timeline-zone",
+        prefix: "tw-", // All Tailwind classes must now start with tw-
       };
     </script>
     <script src="{{ url_for('static', filename='js/timeline.js') }}"></script>

templates/components/timeline.html

@@ -1,8 +1,13 @@
-<div id="timeline-zone">
-  <div class="max-w-3xl mx-auto px-6 py-16">
-    <ol class="relative border-l border-gray-300">
-      <p>hint</p>
-      {{ post.timeline | safe}}
-    </ol>
-  </div>
+<div class="tw-max-w-3xl tw-mx-auto tw-px-6 tw-py-16">
+  <ol
+    class="tw-relative tw-border-l tw-border-gray-300 tw-list-none tw-p-0 tw-m-0 tw-ml-4"
+    style="
+      border-top: none !important;
+      border-right: none !important;
+      border-bottom: none !important;
+      border-left: 1px solid #d1d5db !important;
+    "
+  >
+    {{ post.timeline | safe}}
+  </ol>
 </div>