@inneranimalmedia/agentsam-sdk 2.6.11 → 2.6.12

package/packages/theme-violet/site/global/cpas-drawer-override.css

@@ -0,0 +1 @@
+/* deleted — drawer fix merged into cpas-shell.css */

package/packages/theme-violet/site/global/cpas-footer.html

@@ -0,0 +1,38 @@
+<!-- Reference / R2 fallback only — live footer SSOT is src/api/render_site_nav.js (renderSiteFooter). -->
+<footer class="site-footer">
+  <div class="container">
+    <div class="footer-grid">
+      <div class="footer-brand">
+        <img src="/assets/generated/theme-mark.svg" alt="Violet Initiative" />
+        <p class="footer-tagline">A volunteer-run nonprofit helping dogs at North District Parish Animal Services receive medical care, transport support, and second chances.</p>
+      </div>
+      <div>
+        <p class="footer-col-label">Pages</p>
+        <ul class="footer-links">
+          <li><a href="/">Home</a></li>
+          <li><a href="./about">About</a></li>
+          <li><a href="./adopt">Adopt</a></li>
+          <li><a href="./donate">Donate</a></li>
+        </ul>
+      </div>
+      <div>
+        <p class="footer-col-label">Organization</p>
+        <div class="footer-org-row">
+          <span><strong>Violet Initiative</strong></span>
+          <span>501(c)(3) Tax-Exempt</span>
+          <span>EIN: 88-4156327</span>
+          <span>North District Parish, Louisiana</span>
+          <span><a href="mailto:hello@violet.example">hello@violet.example</a></span>
+        </div>
+      </div>
+    </div>
+    <div class="footer-bottom">
+      <p class="footer-ein">Violet Initiative &nbsp;·&nbsp; 501(c)(3) &nbsp;·&nbsp; EIN 88-4156327</p>
+      <div class="footer-trust-badges">
+        <a class="footer-trust" aria-label="Candid Seal of Transparency" href="#transparency" target="_blank" rel="noopener">
+          <img src="/assets/generated/media-49076977d8.webp" alt="Candid Seal of Transparency" />
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>

package/packages/theme-violet/site/global/cpas-header.html

@@ -0,0 +1,30 @@
+<!-- Reference partial — live header rendered by src/api/render_site_nav.js -->
+<header class="site-header">
+  <div class="container header-inner">
+    <a href="/" class="logo-link" aria-label="Violet Initiative — home">
+      <img src="/assets/generated/media-07b46d6457.webp" alt="Violet Initiative" class="header-logo-img" />
+    </a>
+    <nav aria-label="Main navigation">
+      <ul class="site-nav">
+        <li><a href="/">Home</a></li>
+        <li><a href="./about">About</a></li>
+        <li><a href="./adopt">Adopt</a></li>
+        <li><a href="./contact">Contact</a></li>
+      </ul>
+    </nav>
+    <div class="header-actions">
+      <a class="btn btn-primary" href="./donate">Donate</a>
+    </div>
+    <button class="mobile-menu-toggle" type="button" aria-label="Open navigation">
+      <span></span><span></span><span></span>
+    </button>
+  </div>
+</header>
+
+<div class="mobile-menu-panel" id="mobileMenuPanel">
+  <a href="/">Home</a>
+  <a href="./about">About</a>
+  <a href="./adopt">Adopt</a>
+  <a href="./contact">Contact</a>
+  <a href="./donate" class="mobile-donate">Donate</a>
+</div>

package/packages/theme-violet/site/global/cpas-hero-watercolor.css

@@ -0,0 +1,275 @@
+/* ── HOME HERO — watercolor field (prototype v2) ───────────────
+   Scoped to .hero-watercolor inside .hero-mockup
+   Palette + CTAs read --tg-* tokens from .theme-plum-glass (revert via cms_themes)
+   ───────────────────────────────────────────────────────────── */
+
+.hero-watercolor {
+  --coc-cream:       var(--tg-coc-cream, #fdf1e3);
+  --coc-cream-warm:  var(--tg-coc-cream-warm, #f9e3cf);
+  --coc-peach:       var(--tg-coc-peach, #f4cdb4);
+  --coc-blush:       var(--tg-coc-blush, #f2b8c0);
+  --coc-rose:        var(--tg-coc-rose, #e98da8);
+  --coc-pink:        var(--tg-coc-pink, #dd5f9b);
+  --coc-magenta:     var(--tg-coc-magenta, #c23689);
+  --coc-purple:      var(--tg-coc-purple, #8e3a7d);
+  --coc-purple-deep: var(--tg-coc-purple-deep, #6f2270);
+  --coc-plum:        var(--tg-coc-plum, #4e1a52);
+  --coc-ink:         var(--tg-coc-ink, #2e102f);
+  --hero-headline:   var(--coc-ink);
+  --hero-accent:     var(--coc-purple-deep);
+  --hero-body:       #4a2a44;
+  --badge-bg:        rgba(255, 255, 255, 0.55);
+  --badge-border:    rgba(142, 58, 125, 0.22);
+  --badge-text:      var(--coc-purple-deep);
+  --card-frame:      rgba(255, 255, 255, 0.92);
+  --card-shadow:     0 24px 60px -18px rgba(78, 26, 82, 0.45), 0 10px 24px -12px rgba(194, 54, 137, 0.25);
+  --watermark:       rgba(203, 96, 150, 0.12);
+  --hero-display:    "Playfair Display", Georgia, serif;
+
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  min-height: calc(100vh * 0.85);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 0;
+  margin-top: calc(-1 * var(--header-h));
+  padding: calc(var(--header-h) + clamp(1.75rem, 4vh, 3.25rem)) 0 clamp(1.75rem, 4vh, 3rem);
+  color: var(--hero-body);
+  /* Copy column: bright cream spotlight · image side: magenta wash · top: plum header handoff */
+  background:
+    radial-gradient(ellipse 78% 88% at 18% 46%, var(--coc-cream) 0%, rgba(253, 241, 227, 0.96) 32%, rgba(253, 241, 227, 0) 68%),
+    radial-gradient(ellipse 88% 78% at 86% 44%, rgba(194, 54, 137, 0.52) 0%, rgba(221, 95, 155, 0.22) 38%, rgba(194, 54, 137, 0) 72%),
+    radial-gradient(ellipse 70% 55% at 100% 8%, rgba(194, 54, 137, 0.38) 0%, rgba(194, 54, 137, 0) 62%),
+    linear-gradient(180deg, rgba(44, 10, 56, 0.48) 0%, rgba(58, 16, 72, 0.16) 14%, rgba(58, 16, 72, 0) 36%),
+    radial-gradient(ellipse 65% 45% at 50% 100%, rgba(233, 141, 168, 0.18) 0%, transparent 68%),
+    linear-gradient(158deg, var(--coc-blush) 0%, var(--coc-peach) 42%, var(--coc-cream-warm) 100%);
+}
+
+.hero-watercolor .hero-header-bridge {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: var(--header-h);
+  z-index: 2;
+  pointer-events: none;
+  background: linear-gradient(
+    180deg,
+    rgba(44, 10, 56, 0.55) 0%,
+    rgba(58, 16, 72, 0.22) 55%,
+    transparent 100%
+  );
+}
+
+.hero-watercolor::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  background:
+    radial-gradient(ellipse 55% 70% at 14% 52%, rgba(255, 255, 255, 0.35) 0%, transparent 72%),
+    radial-gradient(ellipse 50% 60% at 92% 38%, rgba(194, 54, 137, 0.14) 0%, transparent 70%);
+}
+
+.hero-watercolor::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+  opacity: 0.04;
+  mix-blend-mode: overlay;
+  pointer-events: none;
+}
+
+.hero-watercolor .hero-waves {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+.hero-watercolor .hero-waves svg {
+  position: absolute;
+  width: 130%;
+  height: auto;
+}
+.hero-watercolor .hero-waves .wave-a { top: -14%; left: -18%; mix-blend-mode: multiply; opacity: 0.12; filter: blur(14px); }
+.hero-watercolor .hero-waves .wave-b { bottom: -24%; right: -20%; mix-blend-mode: multiply; opacity: 0.24; filter: blur(14px); }
+.hero-watercolor .hero-waves .wave-c { top: 30%; right: -22%; left: auto; mix-blend-mode: soft-light; opacity: 0.55; filter: blur(10px); }
+.hero-watercolor .hero-waves .wave-d { bottom: -6%; left: -15%; width: 140%; mix-blend-mode: multiply; opacity: 0.10; filter: blur(6px); }
+
+.hero-watercolor .hero-mark {
+  position: absolute;
+  z-index: 1;
+  pointer-events: none;
+  color: var(--watermark);
+}
+.hero-watercolor .hero-mark.paw {
+  top: 42%;
+  right: -1.5%;
+  width: clamp(120px, 14vw, 220px);
+  transform: rotate(18deg);
+}
+.hero-watercolor .hero-mark.heart {
+  bottom: -4%;
+  right: 8%;
+  width: clamp(160px, 20vw, 320px);
+  transform: rotate(-8deg);
+  color: rgba(255, 255, 255, 0.18);
+}
+
+.hero-watercolor .hero-mockup-fade {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+  height: clamp(110px, 18vh, 200px);
+  background: linear-gradient(
+    to bottom,
+    transparent 0%,
+    color-mix(in srgb, var(--bg-2) 25%, rgba(253, 241, 227, 0.4)) 38%,
+    var(--bg-2) 100%
+  );
+}
+
+.hero-watercolor .hero-mockup-inner {
+  position: relative;
+  z-index: 3;
+  width: 100%;
+}
+
+.hero-watercolor .hero-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
+  align-items: center;
+  gap: clamp(2rem, 5vw, 4.5rem);
+  max-width: 1280px;
+  margin: 0 auto;
+  width: 100%;
+}
+
+.hero-watercolor .hero-eyebrow {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.6rem;
+  padding: 0.55rem 1.15rem;
+  border-radius: 999px;
+  background: var(--badge-bg);
+  border: 1px solid var(--badge-border);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--badge-text);
+  margin-bottom: clamp(1.2rem, 2.5vh, 1.8rem);
+}
+.hero-watercolor .hero-eyebrow svg { width: 14px; height: 14px; flex: none; }
+
+.hero-watercolor .hero-title {
+  font-family: var(--hero-display);
+  font-weight: 700;
+  font-size: clamp(2.4rem, 5.2vw, 4.6rem);
+  line-height: 1.06;
+  letter-spacing: -0.015em;
+  color: var(--hero-headline);
+  margin-bottom: clamp(1rem, 2vh, 1.5rem);
+  text-wrap: balance;
+}
+.hero-watercolor .hero-title-accent {
+  font-style: italic;
+  font-weight: 800;
+  color: var(--hero-accent);
+  white-space: nowrap;
+}
+.hero-watercolor .hero-doodle-heart {
+  display: inline-block;
+  width: 0.58em;
+  height: 0.58em;
+  margin-left: 0.1em;
+  vertical-align: -0.06em;
+  color: var(--coc-rose);
+}
+
+.hero-watercolor .hero-lede {
+  max-width: 34rem;
+  font-size: clamp(1rem, 1.2vw, 1.1rem);
+  line-height: 1.65;
+  font-weight: 500;
+  color: var(--hero-body);
+}
+
+.hero-watercolor .hero-cta-slot { margin-top: clamp(1.5rem, 3vh, 2.2rem); }
+.hero-watercolor .hero-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+}
+
+.hero-watercolor .hero-media {
+  position: relative;
+  justify-self: end;
+  width: min(100%, 460px);
+}
+.hero-watercolor .hero-photo {
+  border-radius: 30px;
+  background: var(--card-frame);
+  padding: 12px;
+  box-shadow: var(--card-shadow);
+}
+.hero-watercolor .hero-photo img {
+  display: block;
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  object-fit: cover;
+  object-position: center 22%;
+  border-radius: 20px;
+}
+
+/* CTAs — theme tokens */
+.hero-watercolor .hero-cta-primary {
+  background: linear-gradient(135deg, var(--tg-hero-cta-primary-start, var(--coc-purple-deep)) 0%, var(--tg-hero-cta-primary-end, var(--coc-plum)) 100%);
+  border: 1px solid rgba(255, 255, 255, 0.16);
+  box-shadow: 0 10px 28px var(--tg-hero-cta-primary-shadow, rgba(78, 26, 82, 0.32));
+  color: #fff;
+}
+.hero-watercolor .hero-cta-primary .hero-cta-icon {
+  background: rgba(255, 255, 255, 0.14);
+  color: #fff;
+}
+.hero-watercolor .hero-cta-primary .hero-cta-label,
+.hero-watercolor .hero-cta-primary .hero-cta-sub { color: #fff; }
+.hero-watercolor .hero-cta-primary .hero-cta-sub { color: rgba(255, 255, 255, 0.78); }
+.hero-watercolor .hero-cta-primary:hover {
+  box-shadow: 0 14px 34px rgba(78, 26, 82, 0.42);
+}
+
+.hero-watercolor .hero-cta-ghost {
+  background: rgba(255, 255, 255, 0.72);
+  border: 1px solid rgba(142, 58, 125, 0.22);
+  box-shadow: 0 4px 16px rgba(78, 26, 82, 0.08);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+}
+.hero-watercolor .hero-cta-ghost .hero-cta-label { color: var(--coc-ink); }
+.hero-watercolor .hero-cta-ghost .hero-cta-icon {
+  background: rgba(142, 58, 125, 0.10);
+  color: var(--coc-purple-deep);
+}
+
+@media (max-width: 900px) {
+  .hero-watercolor .hero-grid { grid-template-columns: 1fr; }
+  .hero-watercolor .hero-media {
+    justify-self: center;
+    order: -1;
+    margin-bottom: 0.5rem;
+  }
+  .hero-watercolor .hero-mark.paw { display: none; }
+  .hero-watercolor .hero-title-accent { white-space: normal; }
+}