added tailwind

package.json

@@ -12,10 +12,13 @@
 		"@sveltejs/adapter-auto": "^2.1.0",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.25.0",
+		"autoprefixer": "^10.4.16",
+		"postcss": "^8.4.30",
 		"svelte": "^4.2.1",
 		"svelte-meta-tags": "^3.0.4",
 		"svelte-pocketbase": "^0.0.4",
 		"svelte-sitemap": "^2.6.0",
+		"tailwindcss": "^3.3.3",
 		"vite": "^4.4.9"
 	},
 	"type": "module",

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/app.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/routes/+layout.svelte

@@ -1,3 +1,6 @@
+<script>
+    import "../app.css";
+</script>
 <img style="display:none;" src="/api/analytics2">
 
 <slot></slot>

svelte.config.js

@@ -1,10 +1,12 @@
 import adapter from '@sveltejs/adapter-cloudflare';
+import { vitePreprocess } from '@sveltejs/kit/vite';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	kit: {
 		adapter: adapter()
-	}
+	},
+	preprocess: vitePreprocess()
 };
 
 export default config;

tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+