diff --git a/src/lib/components/table-of-contents.svelte b/src/lib/components/table-of-contents.svelte
index 362b707..d9e5f74 100644
--- a/src/lib/components/table-of-contents.svelte
+++ b/src/lib/components/table-of-contents.svelte
@@ -80,10 +80,11 @@
         }
         
         .toc-container {
-            max-width: 650px;
+            max-width: var(--width-toc);
             margin-left: auto;
             margin-right: auto;
             margin-top: 12px;
+            box-sizing: border-box;
             background-color: var(--color-background-highlight);
             padding: 16px 0;
             border: var(--border-style) var(--border-dash-size) var(--color-highlight);
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1589b47..f684539 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -128,6 +128,7 @@
 
             --color-background: #111111;
             --color-background-highlight: color-mix(in srgb, var(--color-highlight) 20%, transparent);
+            --color-background-highlight-alt: color-mix(in srgb, var(--color-highlight-alt) 20%, transparent);
             --color-background-highlight-hover: color-mix(in srgb, var(--color-highlight) 60%, transparent);
             --color-background-highlight-hover-dark: color-mix(in srgb, var(--color-highlight-dark) 60%, transparent);
             
@@ -173,6 +174,7 @@
 
             /* sizing */
             --media-width: 80%;
+            --width-toc: 650px;
 
             /* page sizing */
             --page-width: 1200px;
@@ -473,5 +475,15 @@
             font-family: var(--font-sans-serif);
             padding: 4px;
         }
+
+        .callout-warning {
+            margin: 12px auto;
+            max-width: var(--width-toc);
+            padding: 12px 20px;
+            box-sizing: border-box;
+            backdrop-filter: blur(var(--blur-radius-background));
+            background-color: var(--color-background-highlight-alt);
+            border: var(--border-dash-size) var(--border-style) var(--color-highlight-alt);
+        }
     }
 </style>
\ No newline at end of file
diff --git a/src/routes/blog/2026/0317.md b/src/routes/blog/2026/0317.md
index 5a4d071..d99bdfc 100644
--- a/src/routes/blog/2026/0317.md
+++ b/src/routes/blog/2026/0317.md
@@ -1,3 +1,9 @@
+<div class="callout-warning">
+    <p><b>Note</b>: as I'm constantly learning new things, this blog post is sort of outdated now. The information is still correct, but it feels inefficient and leads into a dead-end. I dislike this, as I wanted to write a guide that provides an expandable base. Therefore, I'll likely either update or replace this article and trim it down to focus on the important bits.</p>
+
+    <p>Expect a Go API.</p>
+</div>
+
 *Hey!*
 
 Do you want to develop a web application in SvelteKit? Do you want this application to access a PostgreSQL database on a remote server? Do you struggle with CORS (cross-origin resource sharing) and CSRF (cross-site request forgery) and keep receiving error 403? Well, I did, and I couldn't find ***ANYTHING*** on the internet going beyond a test running locally. This is why I'm writing this guide.