Set up Tailwind CSS build pipeline and bilingual homepage content

- Install and configure Tailwind CSS with tailwind.config.js
- Create npm scripts for building Tailwind (build/watch)
- Add .gitignore to exclude node_modules and build artifacts
- Create bilingual homepage content (content/it/_index.md, content/en/_index.md)
- Update baseof.html to use compiled main.min.css
- Fix .ByDate deprecation in list.html template (use sort function)
- Fix main.css pre element to support rgba with opacity
- Homepage now displays with full dark/light theme styling

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

1 files changed, 35 insertions, 0 deletions

diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..d36b0a8
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,35 @@
+module.exports = {
+  content: [
+    './themes/**/layouts/**/*.html',
+    './themes/**/content/**/*.md',
+    './layouts/**/*.html',
+    './content/**/*.md',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        bg: 'var(--bg)',
+        'bg2': 'var(--bg2)',
+        surface: 'var(--surface)',
+        border: 'var(--border)',
+        accent: 'var(--accent)',
+        'accent2': 'var(--accent2)',
+        'accent-glow': 'var(--accent-glow)',
+        text: 'var(--text)',
+        'text-dim': 'var(--text-dim)',
+        muted: 'var(--muted)',
+      },
+      fontFamily: {
+        body: ['IBM Plex Sans', 'sans-serif'],
+        mono: ['JetBrains Mono', 'monospace'],
+        oxanium: ['Oxanium', 'monospace'],
+      },
+      opacity: {
+        80: '0.8',
+      },
+    },
+  },
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
+}