sin: lipu li jo e nasin lukin sin

.gitignore

@@ -1,4 +1,6 @@
 /node_modules
 /public
 */_gen
-.DS_Store
+.DS_Store
+.hugo_build.lock
+hugo_stats.json

config.toml

@@ -33,3 +33,16 @@ DefaultContentLanguage = "tok"
 [security]
 	[security.exec]
 		allow = ['^go$', '^npx$', '^postcss$', '^babel$']
+
+
+[build]
+    writeStats = true
+    [[build.cachebusters]]
+        source = "(postcss|tailwind)\\.config\\.js"
+        target = "css"
+    [[build.cachebusters]]
+        source = "assets/.*\\.(js|ts|jsx|tsx)"
+        target = "js"
+    [[build.cachebusters]]
+        source = "assets/.*\\.(.*)$"
+        target = "$1"

package.json

@@ -9,10 +9,17 @@
         "@babel/core": "^7.11.4",
         "@babel/preset-env": "^7.11.0",
         "@babel/preset-typescript": "^7.10.4",
+        "@tailwindcss/aspect-ratio": "^0.4.2",
+        "@tailwindcss/forms": "^0.5.7",
+        "@tailwindcss/typography": "^0.5.10",
+        "autoprefixer": "^10.4.17",
         "grunt": "^1.3.0",
         "lunr": "^2.3.9",
         "lunr-hugo": "^0.1.2",
+        "postcss": "^8.4.33",
+        "postcss-cli": "^11.0.0",
         "string": "^3.3.3",
+        "tailwindcss": "^3.4.1",
         "toml": "^3.0.0",
         "yaml": "^1.10.0"
     },

tailwind.config.js

@@ -0,0 +1,36 @@
+module.exports = {
+  darkMode: 'media',
+  content: [
+    "./themes/**/layouts/**/*.html",
+    "./content/**/layouts/**/*.html",
+    "./layouts/**/*.html",
+    "./content/**/*.html"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        cream: '#f9f4ed',
+        'cream-red': '#ffeff5',
+        'cream-orange': '#ffeacb',
+        'dark-cream': '#2a2a2a',
+        'dark-cream-red': '#352724',
+        'dark-cream-orange': '#30291f',
+        'lojunu': '#ffa4c5',
+        'loje': '#ffa893',
+        'lojelo': '#ffb777',
+        'jelo': '#cac976',
+        'graso': '#8ed890',
+        'laso': '#66dfc2',
+        'blaso': '#5bddfd',
+        'lasewi': '#76d0ff',
+        'lasunu': '#b3beff',
+        'unu': '#fbadff',
+      }
+    },
+  },
+  plugins: [
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography'),
+  ]
+}

themes/lt/assets/css/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}

themes/lt/assets/css/styles.css

@@ -0,0 +1,23 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@tailwind variants;
+
+.page-item a {
+	@apply py-2 px-4 rounded-full hover:bg-laso/50 inline-block;
+}
+
+.page-item.active a {
+	@apply bg-laso hover:bg-lasewi;
+}
+
+.page-item.disabled a {
+	@apply opacity-50 hover:bg-transparent;
+}
+.page-item.disabled a {
+	@apply cursor-default;
+}
+
+.prose img {
+	@apply rounded-lg;
+}