Add blue color scheme, auto-classify new ontologies, fix deploy trigger

- Update site palette to steel blue (#6A89A7) with gold accent
- Add top padding to category filter label
- Enable ANTHROPIC_API_KEY in update-data workflow for auto-classification
- Stage categories.json in data refresh commit
- Trigger deploy workflow after data push (bot commits don't trigger workflows)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: SteveHedden

.github/workflows/update-data.yml

@@ -30,12 +30,14 @@ jobs:
         run: python -m pip install --upgrade pip && pip install -r requirements.txt
 
       - name: Refresh catalog data from Wikidata
+        env:
+          ANTHROPIC_API_KEY: ${{ secrets.ANTHROPIC_API_KEY }}
         run: python scripts/fetch_data.py
 
       - name: Detect data changes
         id: changes
         run: |
-          git add data/ontologies.ttl data/software.ttl data/ontologies.json data/software.json
+          git add data/ontologies.ttl data/software.ttl data/ontologies.json data/software.json data/categories.json
           if git diff --cached --quiet; then
             echo "changed=false" >> "$GITHUB_OUTPUT"
           else
@@ -53,6 +55,18 @@ jobs:
         if: steps.changes.outputs.changed == 'true'
         run: git push origin "HEAD:${GITHUB_REF_NAME}"
 
+      - name: Trigger deploy
+        if: steps.changes.outputs.changed == 'true'
+        uses: actions/github-script@v7
+        with:
+          script: |
+            await github.rest.actions.createWorkflowDispatch({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              workflow_id: 'deploy.yml',
+              ref: 'main',
+            });
+
       - name: No changes detected
         if: steps.changes.outputs.changed != 'true'
         run: echo "No data changes to commit."

site/style.css

@@ -2,17 +2,17 @@
 
 :root {
   --bg-base: #f6f7f4;
-  --bg-accent: #d8ebe5;
+  --bg-accent: #dbe4ed;
   --surface: rgba(255, 255, 255, 0.88);
   --surface-strong: #ffffff;
   --text-main: #1f2b2d;
   --text-muted: #51656a;
-  --line-soft: #d6e2de;
-  --brand: #136f63;
-  --brand-strong: #0b5148;
+  --line-soft: #d2dce6;
+  --brand: #6A89A7;
+  --brand-strong: #4a6e8a;
   --highlight: #f6ca67;
   --radius: 14px;
-  --shadow-soft: 0 10px 28px rgba(14, 58, 52, 0.09);
+  --shadow-soft: 0 10px 28px rgba(40, 60, 80, 0.09);
   --max-width: 1120px;
 }
 
@@ -33,8 +33,8 @@ body {
   font-family: "Work Sans", "Avenir Next", "Segoe UI", sans-serif;
   color: var(--text-main);
   background:
-    radial-gradient(1200px 600px at 92% -8%, rgba(19, 111, 99, 0.17), transparent 65%),
-    radial-gradient(850px 500px at 8% 0%, rgba(246, 202, 103, 0.2), transparent 60%),
+    radial-gradient(1200px 600px at 92% -8%, rgba(106, 137, 167, 0.18), transparent 65%),
+    radial-gradient(850px 500px at 8% 0%, rgba(246, 202, 103, 0.18), transparent 60%),
     linear-gradient(180deg, var(--bg-base), #eef1ee);
   line-height: 1.45;
 }
@@ -126,7 +126,7 @@ h1 {
   align-items: center;
   gap: 0.65rem;
   flex-wrap: wrap;
-  padding: 0 1rem 0.95rem;
+  padding: 0.75rem 1rem 0.95rem;
   border-top: 1px solid var(--line-soft);
 }
 
@@ -145,8 +145,8 @@ h1 {
 }
 
 .category-pill {
-  border: 1px solid #c4d2cd;
-  background: #f3f7f5;
+  border: 1px solid #c4ced8;
+  background: #f3f6f9;
   color: var(--text-muted);
   border-radius: 999px;
   padding: 0.34rem 0.68rem;
@@ -160,7 +160,7 @@ h1 {
 
 .category-pill:hover {
   color: var(--text-main);
-  border-color: #9ab2ab;
+  border-color: #9aabb8;
 }
 
 .category-pill.is-active {
@@ -174,7 +174,7 @@ h1 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   border: 1px solid var(--line-soft);
   border-radius: 999px;
-  background: #eff4f1;
+  background: #eff2f6;
   overflow: hidden;
 }
 
@@ -252,12 +252,12 @@ h1 {
 .resource-table td {
   text-align: left;
   padding: 0.72rem 0.95rem;
-  border-bottom: 1px solid #e6edeb;
+  border-bottom: 1px solid #e4eaef;
   vertical-align: top;
 }
 
 .resource-table th {
-  background: #f2f6f4;
+  background: #f2f5f8;
   color: var(--text-muted);
   font-size: 0.84rem;
   font-weight: 600;
@@ -286,7 +286,7 @@ h1 {
 .sort-button::after {
   content: "↕";
   font-size: 0.82rem;
-  color: #7b8f8a;
+  color: #7b8b98;
 }
 
 .sort-button:hover {
@@ -318,11 +318,11 @@ h1 {
 }
 
 .card {
-  border: 1px solid #dde8e4;
+  border: 1px solid #dde4ea;
   border-radius: 11px;
   background: #fff;
   padding: 0.9rem;
-  box-shadow: 0 5px 18px rgba(12, 56, 50, 0.06);
+  box-shadow: 0 5px 18px rgba(40, 60, 80, 0.06);
 }
 
 .card h3 {
@@ -356,7 +356,7 @@ h1 {
 
 .site-footer {
   margin: 1.5rem auto 2rem;
-  border-top: 1px solid #d5e1dd;
+  border-top: 1px solid #d2dce6;
   padding-top: 1rem;
   display: flex;
   flex-wrap: wrap;