refactor: better project structure (#1)

assets/css/postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: [
+    require("tailwindcss")("./assets/css/tailwind.config.js"), // Update path to the root directory
+    require("autoprefixer")({
+      path: ["./"],
+    }),
+  ],
+};

assets/css/tailwind.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+  darkMode: "class",
+  content: [
+    "./layouts/**/*.html",
+    "./content/**/*.html",
+    "./themes/**/layouts/**/*.html", // Themes layouts directory
+    "./themes/**/content/**/*.html", // Themes content directory, if applicable
+    "./assets/**/*.js", // Include any JavaScript files where Tailwind classes might be used
+    "./static/**/*.html", // Include static HTML if you have them
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    require("@tailwindcss/aspect-ratio"),
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+  ],
+};

hugo.toml

@@ -1,4 +1,3 @@
 baseURL = 'https://example.org/'
 languageCode = 'en-us'
-title = 'Hugo TailwindCSS Starter'
-theme = 'starter-theme'
+title = 'Hugo TailwindCSS Starter'