From f53b492431b408618e4d3716d6291c107991bb7c Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Tue, 14 Apr 2026 13:30:40 +0300
Subject: [PATCH 1/2] fix mermaid chart

---
 astro.config.mjs      | 4 ++++
 src/styles/global.css | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/astro.config.mjs b/astro.config.mjs
index a3e04bc..a46126c 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -20,6 +20,10 @@ export default defineConfig({
   },
   integrations: [sitemap(), svelte()],
   markdown: {
+    syntaxHighlight: {
+      type: 'shiki',
+      excludeLangs: ['mermaid', 'math'],
+    },
     rehypePlugins: [rehypeMermaid],
   },
 })
diff --git a/src/styles/global.css b/src/styles/global.css
index f9a63a0..6a1bdc5 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -49,6 +49,13 @@ td code {
   background: rgba(127, 127, 127, 0.12);
 }
 
+article svg.flowchart,
+article svg[class*="flowchart"],
+article svg[id^="mermaid-"] {
+  display: block;
+  margin: 1.5rem auto;
+}
+
 html {
   font-family: "Maple Mono", "Maple Mono CN", monospace;
   background-color: #ffffff;

From 490c66f6b788420444358d40b762559b83ecfc34 Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Tue, 14 Apr 2026 13:40:46 +0300
Subject: [PATCH 2/2] changed animation

---
 src/components/Spinner.astro | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Spinner.astro b/src/components/Spinner.astro
index 54a6b8f..4d16d83 100644
--- a/src/components/Spinner.astro
+++ b/src/components/Spinner.astro
@@ -36,18 +36,17 @@
         height: 2rem;
         display: grid;
         place-items: center;
-        opacity: 0;
-        transform: scale(1.3);
+        transform: 
+            scale(1.3)
+            translateY(-70px);
         pointer-events: none;
-        /* transition:
-            opacity 160ms ease,
-            transform 160ms ease; */
+        transition:
+            transform 160ms linear;
         z-index: 9999;
     }
 
     #page-loading-indicator.is-active {
-        opacity: 1;
-        transform: scale(1);
+        transform: scale(1) translateY(0px);
     }
 
     .page-loading-spinner {