fix: css class and positioning issues in page

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>

assets/html/tailwind.html

@@ -0,0 +1,13 @@
+<!-- This file is just to keep tailwind happy by providing computed classes. -->
+<div class="bg-purple-400 to-purple-400"></div>
+<div class="bg-red-400 to-red-400"></div>
+<div class="bg-cyan-400 to-cyan-400"></div>
+<div class="bg-pink-400 to-pink-400"></div>
+<div class="bg-rose-400 to-rose-400"></div>
+<div class="bg-fuchsia-400 to-fuchsia-400"></div>
+<div class="bg-violet-400 to-violet-400"></div>
+<div class="bg-amber-400 to-amber-400"></div>
+<div class="bg-indigo-400 to-indigo-400"></div>
+<div class="bg-emerald-400 to-emerald-400"></div>
+<div class="bg-yellow-400 to-yellow-400"></div>
+<div class="bg-teal-400 to-teal-400"></div>

layouts/_default/single.html

@@ -17,7 +17,7 @@
       <hr class="border-t-2 border-black" />
       <hr class="border-t-2 border-black" />
     </div>
-    <div class="md:grid md:grid-cols-12 grid-col-11 md:space-x-10">
+    <div class="md:grid md:grid-cols-12 grid-col-11 md:space-x-10 mb-10">
       <div
         class="hidden font-mono md:block md:col-span-1 mt-6 cursor-default [writing-mode:vertical-rl]"
       >
@@ -28,11 +28,11 @@
           <time
             datetime="{{ $dateMachine }}"
             class="border border-black py-2 px-1 hover:bg-cyan-400"
-            >{{ $dateHuman }}</time
-          >
+            >{{ $dateHuman }}
+          </time>
           <span class="border border-black py-2 px-1 hover:bg-teal-400"
-            >{{ .WordCount }} words</span
-          >
+            >{{ .WordCount }} words
+          </span>
 
           {{ if gt .ReadingTime 1 }}
             {{ .Scratch.Set "timeUnit" "mins" }}

tailwind.config.js

@@ -1,6 +1,10 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./layouts/**/*.html", "./public/**/*.html"],
+  content: [
+    "./layouts/**/*.html",
+    "./assets/**/*.html", 
+    "./public/**/*.html"
+  ],
   theme: {
     extend: {},
   },

theme.toml

@@ -10,11 +10,26 @@ homepage = 'https://github.com/avinal/box-box'
 demosite = 'https://avinal.space'
 
 # Taxonomy terms
-tags = ['blog',  'responsive', 'website','portfolio','magazine', 'light', 'minimal', 'clean', 'box', 'simple']
-features = ['responsive', 'single-column', 'blog', 'tailwind']
+tags = [
+  'blog',
+  'responsive',
+  'website',
+  'portfolio',
+  'magazine',
+  'light',
+  'minimal',
+  'clean',
+  'box',
+  'simple'
+]
+features = [
+  'responsive',
+  'single-column',
+  'blog',
+  'tailwind'
+]
 
 # If the theme has a single author
 [author]
   name = 'Avinal Kumar'
   homepage = 'https://avinal.space'
-