Switch to tailwind

Dockerfile

@@ -38,7 +38,7 @@ COPY . /code/
 
 # Build JS/static assets
 RUN --mount=type=cache,target=/root/.npm npm install
-RUN npm run build
+RUN npm run dist
 
 RUN python manage.py collectstatic --noinput --clear
 

README.md

@@ -16,8 +16,8 @@ This is the repository for the San Diego Python website at [sandiegopython.org](
 
 ```shell
 pip install -r requirements/local.txt  # Install local Python requirements
-npm install                            # Install node dependencies for CSS/JS compiling
-npm run build                          # Build CSS/JS
+npm install                            # Install JS dependencies for frontend CSS/JS
+npm run build                          # Build CSS (continuously with `npm run watch`)
 pre-commit install                     # Setup code standard pre-commit hook
 ./manage.py migrate                    # Create a local development database
 ./manage.py createsuperuser            # Create a local development administrator user

assets/src/input.css

@@ -0,0 +1,42 @@
+@tailwind base;
+
+/* https://tailwindcss.com/docs/preflight#extending-preflight */
+/* https://tailwindcss.com/docs/adding-custom-styles#adding-base-styles */
+@layer base {
+  h1 {
+    @apply text-4xl;
+  }
+  h2 {
+    @apply text-2xl;
+  }
+  h3 {
+    @apply text-xl;
+  }
+
+  a {
+    @apply text-sky-600;
+  }
+  a:hover, a:active {
+    @apply underline;
+  }
+
+  blockquote,
+  dl,
+  dd,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  hr,
+  figure,
+  p,
+  ul,
+  pre {
+    @apply mb-4;
+  }
+}
+
+@tailwind components;
+@tailwind utilities;

config/settings/base.py

@@ -109,6 +109,9 @@
 STATICFILES_DIRS = [
     os.path.join(BASE_DIR, "assets", "dist"),
     os.path.join(BASE_DIR, "pythonsd", "static"),
+    # Only available after running `npm install`
+    os.path.join(BASE_DIR, "node_modules/htmx.org/dist"),
+    os.path.join(BASE_DIR, "node_modules/hyperscript.org/dist"),
 ]
 
 STORAGES = {