updated callout in blog post 2026/0317

src/routes/+layout.svelte

@@ -122,6 +122,7 @@
 
             --color-callout-warn: var(--color-highlight-alt);
             --color-callout-quote: #354CBE;
+            --color-callout-info: #AC7F31;
 
             /* blurs */
             --blur-radius-background: 6px;

src/routes/blog/2026/0317.md

@@ -1,8 +1,14 @@
-<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>
+<script lang="ts">
+    import Callout from "$lib/components/callout.svelte";
+</script>
 
-    <p>Expect a Go API.</p>
-</div>
+<Callout
+    type="info"
+    content={[
+        "<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.", 
+        "Expect a Go API.", 
+    ]}
+    />
 
 *Hey!*