diff --git a/custom-tutorial-post.hbs b/custom-tutorial-post.hbs
index 1590b06..d559e79 100644
--- a/custom-tutorial-post.hbs
+++ b/custom-tutorial-post.hbs
@@ -160,54 +160,3 @@
 
 
   {{/post}}
-
-  <script>
-    let postContent = Array.from(document.getElementsByClassName('post-content'))[0].innerHTML
-
-    let tips = postContent.match(/<p>::: tip(.*?):::<\/\p>/g)
-    let warnings = postContent.match(/<p>::: warning(.*?):::<\/\p>/g)
-    let dangers = postContent.match(/<p>::: danger(.*?):::<\/\p>/g)
-
-    let details = postContent.match(/<p>::: details([\s\S]+?):::<\/\p>/g)
-
-    if (tips)
-      tips.forEach(tip => {
-        let result = tip.match(/::: tip(.*?)</)
-        let tipTitle = result[1] && result[1] !== "" ? result[1] : 'Tip'
-        let newTip = `<div class="mb-4 border-l-4 border-blue-500 bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + tip.replace(`::: tip${result[1]}`, `<div class="font-bold text-blue-500 mb-2">${tipTitle}</div>`) + `</div>`
-        newTip = newTip.replace(":::", "")
-        newTip = newTip.replace("<br>", "")
-        postContent = postContent.replace(tip, newTip)
-      })
-
-    if (warnings)
-      warnings.forEach(tip => {
-        let result = tip.match(/::: warning(.*?)</)
-        let tipTitle = result[1] && result[1] !== "" ? result[1] : 'Warning'
-        let newTip = `<div class="mb-4 border-l-4 border-yellow-500 bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + tip.replace(`::: warning${result[1]}`, `<div class="font-bold text-yellow-500 mb-2">${tipTitle}</div>`) + `</div>`
-        newTip = newTip.replace(":::", "")
-        newTip = newTip.replace("<br>", "")
-        postContent = postContent.replace(tip, newTip)
-      })
-
-    if (dangers)
-      dangers.forEach(tip => {
-        let result = tip.match(/::: danger(.*?)</)
-        let tipTitle = result[1] && result[1] !== "" ? result[1] : 'Danger'
-        let newTip = `<div class="mb-4 border-l-4 border-red-500 bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + tip.replace(`::: danger${result[1]}`, `<div class="font-bold text-red-500 mb-2">${tipTitle}</div>`) + `</div>`
-        newTip = newTip.replace(":::", "")
-        newTip = newTip.replace("<br>", "")
-        postContent = postContent.replace(tip, newTip)
-      })
-
-    if (details)
-      details.forEach(detail => {
-        let result = detail.match(/::: details(.*?)</)
-        let detailTitle = result[1] && result[1] !== "" ? result[1] : 'Details'
-        let newDetails = `<details class="mb-4 w-full max-w-full bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + detail.replace(`::: details${result[1]}`, `<summary class="font-bold text-blue-500 my-2">${detailTitle}</summary>`) + `</details>`
-        newDetails = newDetails.replace(":::", "")
-        postContent = postContent.replace(detail, newDetails)
-      })
-
-    Array.from(document.getElementsByClassName('post-content'))[0].innerHTML = postContent
-  </script>
\ No newline at end of file
diff --git a/default.hbs b/default.hbs
index ac24710..3e4eaac 100644
--- a/default.hbs
+++ b/default.hbs
@@ -69,7 +69,56 @@
   </script>
   {{/is}}
   {{ghost_foot}}
+  <script>
+    let postContent = Array.from(document.getElementsByClassName('post-content'))[0].innerHTML
 
+    let tips = postContent.match(/<p>::: tip(.*?):::<\/\p>/g)
+    let warnings = postContent.match(/<p>::: warning(.*?):::<\/\p>/g)
+    let dangers = postContent.match(/<p>::: danger(.*?):::<\/\p>/g)
+
+    let details = postContent.match(/<p>::: details([\s\S]+?):::<\/\p>/g)
+
+    if (tips)
+      tips.forEach(tip => {
+        let result = tip.match(/::: tip(.*?)</)
+        let tipTitle = result[1] && result[1] !== "" ? result[1] : 'Tip'
+        let newTip = `<div class="mb-4 border-l-4 border-blue-500 bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + tip.replace(`::: tip${result[1]}`, `<div class="font-bold text-blue-500 mb-2">${tipTitle}</div>`) + `</div>`
+        newTip = newTip.replace(":::", "")
+        newTip = newTip.replace("<br>", "")
+        postContent = postContent.replace(tip, newTip)
+      })
+
+    if (warnings)
+      warnings.forEach(tip => {
+        let result = tip.match(/::: warning(.*?)</)
+        let tipTitle = result[1] && result[1] !== "" ? result[1] : 'Warning'
+        let newTip = `<div class="mb-4 border-l-4 border-yellow-500 bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + tip.replace(`::: warning${result[1]}`, `<div class="font-bold text-yellow-500 mb-2">${tipTitle}</div>`) + `</div>`
+        newTip = newTip.replace(":::", "")
+        newTip = newTip.replace("<br>", "")
+        postContent = postContent.replace(tip, newTip)
+      })
+
+    if (dangers)
+      dangers.forEach(tip => {
+        let result = tip.match(/::: danger(.*?)</)
+        let tipTitle = result[1] && result[1] !== "" ? result[1] : 'Danger'
+        let newTip = `<div class="mb-4 border-l-4 border-red-500 bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + tip.replace(`::: danger${result[1]}`, `<div class="font-bold text-red-500 mb-2">${tipTitle}</div>`) + `</div>`
+        newTip = newTip.replace(":::", "")
+        newTip = newTip.replace("<br>", "")
+        postContent = postContent.replace(tip, newTip)
+      })
+
+    if (details)
+      details.forEach(detail => {
+        let result = detail.match(/::: details(.*?)</)
+        let detailTitle = result[1] && result[1] !== "" ? result[1] : 'Details'
+        let newDetails = `<details class="mb-4 w-full max-w-full bg-white dark:bg-gray-900 px-4 py-2 rounded-lg transition-shadow shadow-sm hover:shadow-xl">` + detail.replace(`::: details${result[1]}`, `<summary class="font-bold text-blue-500 my-2">${detailTitle}</summary>`) + `</details>`
+        newDetails = newDetails.replace(":::", "")
+        postContent = postContent.replace(detail, newDetails)
+      })
+
+    Array.from(document.getElementsByClassName('post-content'))[0].innerHTML = postContent
+  </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/post.hbs b/post.hbs
index 928c301..3e6e30c 100644
--- a/post.hbs
+++ b/post.hbs
@@ -32,7 +32,7 @@
 
     {{!-- Content --}}
 
-    <div class="prose prose-blue dark:prose-dark max-w-none mt-10">
+    <div class="prose prose-blue dark:prose-dark max-w-none mt-10 post-content">
 
       {{content}}