Redesign the docs with Tailwind CSS, removing Bootstrap

.github/workflows/main.yml

@@ -31,6 +31,17 @@ jobs:
             echo "ALGOLIA_INDEX_VALUE=" >> $GITHUB_ENV
           fi
 
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: npm
+
+      - name: Build Tailwind CSS
+        run: |
+          npm ci
+          npm run build:css
+
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v4
 

.gitignore

@@ -8,8 +8,14 @@ output/
 tmp/
 vendor/bundle
 crash.log
+output.diff
 
 content/robots.txt
 
 /examples/
 *.sketch
+
+# Tailwind build (Node.js deps + generated CSS — rebuilt in dev and in CI)
+node_modules/
+content/assets/stylesheets/tailwind_built.css
+content/assets/stylesheets/tailwind_built.css.map

Dockerfile

@@ -3,7 +3,7 @@ FROM ruby:3.3
 ENV LANG=C.UTF-8
 ENV LC_ALL=C.UTF-8
 
-RUN apt-get update -qq && apt-get install -qq -y build-essential nodejs libjq-dev
+RUN apt-get update -qq && apt-get install -qq -y build-essential nodejs npm libjq-dev
 
 WORKDIR /app
 

config.yaml

@@ -85,6 +85,11 @@ checks:
       - https://www.godaddy.com/
       - https://www.npmjs.com/package/cloudmailin # cloudflare protection raises 403
       - https://docs.cloudmailin.com/features/dmarc-verification/ # self-referential redirect
+      # rel="preconnect" hints for Google Fonts (layouts/application.haml) —
+      # bare origins with no path, so they 404 on a normal request even
+      # though the preconnect itself is legitimate.
+      - https://fonts.googleapis.com
+      - https://fonts.gstatic.com
 
 # Algolia search: pages from the main website fetched and indexed at
 # build time alongside the docs content (see lib/algolia_external.rb).