Create new root directory in web app for template styles

nix/package.nix

@@ -20,6 +20,7 @@ let
       cp package.json $out/web-app
       cp -r node_modules $out/web-app
       cp -r build/* $out/web-app
+      cp -r template-styles $out/web-app
     '';
   };
 

web-app/src/routes/(authenticated)/website/[websiteId]/publish/+page.server.ts

@@ -99,7 +99,7 @@ const generateStaticFiles = async (websiteData: any, isPreview: boolean = true)
     await writeFile(join(uploadDir, "articles", `${articleFileName}.html`), articleFileContents);
   }
 
-  const styles = await readFile(`${process.cwd()}/src/lib/templates/blog/styles.css`, {
+  const styles = await readFile(`${process.cwd()}/template-styles/blog-styles.css`, {
     encoding: "utf-8"
   });
   await writeFile(join(uploadDir, "styles.css"), styles);

web-app/template-styles/blog-styles.css

@@ -15,4 +15,4 @@ svg,
 video {
   max-inline-size: 100%;
   block-size: auto;
-}
+}