Add tailwind

2024-11-25 21:50:38 +05:00 · 2024-11-25 21:50:38 +05:00 · 8d0f443752
commit 8d0f443752
parent e8d5277c6a
5 changed files with 14 additions and 4 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1 +1,2 @@
 public/
+static/styles.css
--- a/.woodpecker.yaml
+++ b/.woodpecker.yaml
@ -1,12 +1,12 @@
 steps:
  deploy:
-    image: alpine:latest
-    name: Zip files
+    image: node:18-alpine
    commands:
      - apk add --no-cache curl zip zola
+      - npx --yes tailwindcss -o static/styles.css --minify
      - zola build
-      - rm public/robots.txt public/sitemap.xml
      - cd public
+      - rm 404.html robots.txt sitemap.xml
      - zip -r project.zip . -x ".*"
      - 'AUTH_HEADER="Authorization: Bearer $PAGES_API_KEY"'
      - API_URL=https://pages.hadeedahmad.com/pages/me
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["templates/**/*.html"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
--- a/templates/base.html
+++ b/templates/base.html
@ -3,6 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="styles.css">
    <title>Home - Hadeed Ahmad</title>
  </head>
  <body>
--- a/templates/index.html
+++ b/templates/index.html
@ -2,7 +2,7 @@

 {% block content %}
  <h1>
-    <h1>I am Hadeed Ahmad.</h1>
+    <h1 class="font-bold">I am Hadeed Ahmad.</h1>
    <img src="profile.png" alt="Profile Picture" width="150" />
    <p>Check out my <a href="https://git.hadeedahmad.com">Forgejo</a>.</p>
  </h1>