diff --git a/apps/cyberstorm-remix/app/root.tsx b/apps/cyberstorm-remix/app/root.tsx
index acbf54a01..100a066ce 100644
--- a/apps/cyberstorm-remix/app/root.tsx
+++ b/apps/cyberstorm-remix/app/root.tsx
@@ -23,6 +23,7 @@ import { LinkingProvider } from "@thunderstore/cyberstorm";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import { CurrentUser } from "@thunderstore/dapper/types";
 import { getDapper } from "cyberstorm/dapper/sessionUtils";
+import { replaceDjangoUnicode } from "cyberstorm/utils/utils";
 
 import { captureRemixErrorBoundaryError, withSentry } from "@sentry/remix";
 
@@ -62,6 +63,12 @@ export async function loader() {
       },
     },
     currentUser: await dapper.getCurrentUser(),
+    // dynamicHeaders: await dapper.getDynamicHTML("cyberstorm_content_left"),
+    dynamicBodyBeginning: await dapper.getDynamicHTML(
+      "cyberstorm_body_beginning"
+    ),
+    // dynamicLeftColumn: await dapper.getDynamicHTML("cyberstorm_header"),
+    // dynamicRightColumn: await dapper.getDynamicHTML("cyberstorm_content_right"),
   };
 }
 
@@ -77,6 +84,12 @@ export async function clientLoader() {
       },
     },
     currentUser: await dapper.getCurrentUser(),
+    // dynamicHeader: await dapper.getDynamicHTML("cyberstorm_content_left"),
+    dynamicBodyBeginning: await dapper.getDynamicHTML(
+      "cyberstorm_body_beginning"
+    ),
+    // dynamicLeftColumn: await dapper.getDynamicHTML("cyberstorm_header"),
+    // dynamicRightColumn: await dapper.getDynamicHTML("cyberstorm_content_right"),
   };
 }
 
@@ -95,7 +108,16 @@ function Root() {
     };
     sessionId: string | null;
     currentUser: CurrentUser;
+    // dynamicHeader: string[];
+    dynamicBodyBeginning: string[];
+    // dynamicLeftColumn: string[];
+    // dynamicRightColumn: string[];
   } = JSON.parse(JSON.stringify(loaderOutput));
+  console.log(
+    parsedLoaderOutput.dynamicBodyBeginning.map((dhtml) =>
+      replaceDjangoUnicode(dhtml)
+    )
+  );
 
   return (
     <html lang="en">
@@ -104,6 +126,7 @@ function Root() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
+        {/* {parsedLoaderOutput.dynamicHeader} */}
       </head>
       <body>
         <ScrollRestoration />
@@ -116,7 +139,14 @@ function Root() {
         />
         <Scripts />
         {/* REMIX TODO: This Ads script seem to break hydration for styles in the head. */}
-        {/* <script async src={`https://s.nitropay.com/ads-785.js`} /> */}
+        <div
+          dangerouslySetInnerHTML={{
+            __html: parsedLoaderOutput.dynamicBodyBeginning.map((dhtml) =>
+              replaceDjangoUnicode(dhtml)
+            ),
+          }}
+        />
+
         <LinkingProvider value={LinkLibrary}>
           <TooltipProvider>
             <div className={styles.root}>
diff --git a/apps/cyberstorm-remix/cyberstorm/utils/utils.ts b/apps/cyberstorm-remix/cyberstorm/utils/utils.ts
new file mode 100644
index 000000000..a8caff3e8
--- /dev/null
+++ b/apps/cyberstorm-remix/cyberstorm/utils/utils.ts
@@ -0,0 +1,28 @@
+// '\\' '\\u005C'
+// '\'' '\\u0027'
+// '"' '\\u0022'
+// '>' '\\u003E'
+// '<' '\\u003C'
+// '&' '\\u0026'
+// '=' '\\u003D'
+// '-' '\\u002D'
+// ';' '\\u003B'
+// '`' '\\u0060'
+// '\u2028' '\\u2028'
+// '\u2029' '\\u2029'
+
+export function replaceDjangoUnicode(unicodeString: string) {
+  return unicodeString
+    .replaceAll(/\\u005C/g, "\\\\")
+    .replaceAll(/\\u0027/g, `\\`)
+    .replaceAll(/\\u0022/g, `"`)
+    .replaceAll(/\\u003E/g, ">")
+    .replaceAll(/\\u003C/g, "<")
+    .replaceAll(/\\u0026/g, "&")
+    .replaceAll(/\\u003D/g, "=")
+    .replaceAll(/\\u002D/g, "-")
+    .replaceAll(/\\u003B/g, ";")
+    .replaceAll(/\\u0060/g, "`")
+    .replaceAll(/\\u2028/g, ")")
+    .replaceAll(/\\u2029/g, "(");
+}
