update home template

tailwind.config.js

@@ -1,15 +1,23 @@
+/** @type {import('tailwindcss').Config} */
 module.exports = {
-  future: {
-    // removeDeprecatedGapUtilities: true,
-    // purgeLayersByDefault: true,
-  },
-  content: ['./src/**/*.{html,js}', './index.html'],
-  darkMode: 'class',
+  content: ['./templates/**/*.html', './content/**/*.md'],
+  safelist: [
+    {
+        pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
+        variants: ['sm', 'md', 'lg', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
+    },
+    {
+        pattern: /(pt|pb)-(0)/,
+        variants: ['!', 'lg', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
+    }
+  ],
   theme: {
     extend: {},
   },
-  variants: {},
   plugins: [
-    require('@tailwindcss/typography'),
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/forms'),
+
   ],
 }