Refresh API stories from 2026-06-22 blog pull; switch theme to logo blue

Regenerated _api_stories, _data, and page chrome via build-area-sites.py.
Hero/header palette changed from green to the API Evangelist logo blue
(#3098d8) to match the rest of api-evangelist.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: kinlane

_api_stories/0000-leandata.md

@@ -0,0 +1,9 @@
+---
+title: 'AI-Powered Power BI reporting: From design to deployment with agent skills
+  (Preview)'
+link: https://community.fabric.microsoft.com/t5/Power-BI-Updates-Blog/AI-Powered-Power-BI-reporting-From-design-to-deployment-with/ba-p/5190703
+published: '2026-06-08'
+provider: microsoft-power-bi
+repo: https://github.com/api-evangelist/microsoft-power-bi
+domain: community.fabric.microsoft.com
+---

_api_stories/0000-microsoft-power-bi.md

@@ -0,0 +1,8 @@
+---
+title: How to Build a Dedicated SLA & Security Page for Managed MCP Offerings
+link: https://truto.one/blog/how-to-create-a-dedicated-sla-security-page-for-managed-mcp-offerings/
+published: '2026-05-27'
+provider: truto
+repo: https://github.com/api-evangelist/truto
+domain: truto.one
+---

_api_stories/0001-async-apis.md

@@ -0,0 +1,8 @@
+---
+title: Bring incident response to AI stack with ilert's MCP Server
+link: https://www.ilert.com/blog/bring-incident-response-to-ai-stack-with-ilerts-mcp-server
+published: '2025-10-27'
+provider: ilert
+repo: https://github.com/api-evangelist/ilert
+domain: www.ilert.com
+---

_api_stories/0001-truto.md

@@ -34,18 +34,18 @@
 
   <style>
     :root {
-      --ae-green: #3d8b37;
+      --ae-green: #3098d8;   /* API Evangelist logo blue (brand primary) */
       --ae-dark: #1a1a2e;
       --ae-light: #f8f9fa;
-      --ae-accent: #6c9e3a;
+      --ae-accent: #38a0e0;  /* lighter logo blue */
     }
     body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #333; }
     .navbar-ae { background-color: #fff; border-bottom: 1px solid #e9ecef; }
     .navbar-ae .navbar-brand img { height: 40px; }
     .navbar-ae .nav-link { color: #495057; font-size: 0.9rem; font-weight: 500; }
     .navbar-ae .nav-link:hover, .navbar-ae .nav-link.active { color: var(--ae-green); }
     .text-emphasis { color: var(--ae-green) !important; }
-    .hero { background: linear-gradient(135deg, #f7faf6 0%, #eaf3e6 100%); border-bottom: 1px solid #e9ecef; }
+    .hero { background: linear-gradient(135deg, #f5f9fc 0%, #e4f0f9 100%); border-bottom: 1px solid #e9ecef; }
     .hero h1 { font-size: 2rem; font-weight: 700; }
     .section-title { font-size: 1.25rem; font-weight: 600; display:flex; align-items:center; }
     .section-title .material-symbols-outlined { color: var(--ae-green); margin-right: 0.5rem; }
@@ -59,7 +59,7 @@
     .footer-ae { border-top: 1px solid #e9ecef; font-size: 0.85rem; color: #6c757d; }
     .card { border: 1px solid #e9ecef; border-radius: 0.5rem; }
     .list-group-item { border-color: #f0f0f0; }
-    .list-group-item:hover { background-color: #f9fbf8; }
+    .list-group-item:hover { background-color: #f5fafd; }
     a { color: var(--ae-green); }
   </style>
 </head>