<div class="mb-8">
  <img src="/welcome-banner.svg" alt="Rody Davis - Creative Engineering & Advocacy" class="w-full rounded-xl border border-[var(--border-main)] shadow-sm bg-[#13151a] block" />
</div>

<p class="text-lg sm:text-xl leading-relaxed text-[var(--fg-primary)] mt-6 mb-8 font-normal">
  Supporting developer success through key platform launches, synthesizing user feedback, creating comprehensive code examples and documentation, and empowering the community through talks, technical videos, and direct advocacy.
</p>

<!-- Glassmorphic Roles Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
  <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-xl p-6 transition-all duration-300 hover:border-[var(--header-h1)] shadow-sm">
    <h3 class="mt-0 text-[var(--header-h1)] flex items-center gap-2 text-lg font-bold">
      📣 Developer Advocacy
    </h3>
    <p class="mb-0 text-sm text-[var(--fg-secondary)] leading-relaxed">
      Synthesizing user feedback, building robust SDK integrations, and delivering clear documentation, blogs, and talks that empower developers worldwide.
    </p>
  </div>
  <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-xl p-6 transition-all duration-300 hover:border-[var(--header-h1)] shadow-sm">
    <h3 class="mt-0 text-[var(--header-h1)] flex items-center gap-2 text-lg font-bold">
      🧱 UI Tooling & Architecture
    </h3>
    <p class="mb-0 text-sm text-[var(--fg-secondary)] leading-relaxed">
      Creating visual builders, rich component libraries, and modular widget kits to streamline visual design-to-code pipelines.
    </p>
  </div>
  <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-xl p-6 transition-all duration-300 hover:border-[var(--header-h1)] shadow-sm">
    <h3 class="mt-0 text-[var(--header-h1)] flex items-center gap-2 text-lg font-bold">
      🎵 Creative & Sound Synthesis
    </h3>
    <p class="mb-0 text-sm text-[var(--fg-secondary)] leading-relaxed">
      Exploring web synthesizers, digital signal processing (DSP), Ableton custom extensions, and podcast hosting for "Creative Engineering".
    </p>
  </div>
</div>

## Featured Apps

<div class="grid grid-cols-1 md:grid-cols-3 gap-6 my-8">
  <!-- Widget Studio -->
  <div class="relative group rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-purple-500/50 p-6 flex flex-col justify-between transition-all duration-300 shadow-sm overflow-hidden">
    <div class="absolute top-0 right-0 w-24 h-24 bg-purple-500/5 rounded-bl-full pointer-events-none transition-all group-hover:bg-purple-500/10"></div>
    <div>
      <div class="flex items-center gap-3 mb-3">
        <img src="https://widget.studio/icons/Icon-192.png" alt="Widget Studio Logo" class="w-10 h-10 rounded-lg object-contain shadow-sm border border-purple-500/20 bg-purple-950/10" />
        <h3 class="text-lg font-bold text-[var(--fg-primary)] m-0">Widget Studio</h3>
      </div>
      <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-6">
        A premium visual editor and widget building suite designed to compile component code in real time for modern web frameworks and Flutter.
      </p>
    </div>
    <a href="https://widget.studio/" target="_blank" rel="noopener noreferrer" class="block w-full text-center px-4 py-2.5 rounded-lg bg-purple-600 hover:bg-purple-500 text-white text-xs font-semibold no-underline transition-colors duration-200" style="color: #ffffff !important; text-decoration: none !important;">
      Launch Visual Editor
    </a>
  </div>

  <!-- The Pitch Pipe -->
  <div class="relative group rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-sky-500/50 p-6 flex flex-col justify-between transition-all duration-300 shadow-sm overflow-hidden">
    <div class="absolute top-0 right-0 w-24 h-24 bg-sky-500/5 rounded-bl-full pointer-events-none transition-all group-hover:bg-sky-500/10"></div>
    <div>
      <div class="flex items-center gap-3 mb-3">
        <img src="https://pitchpipe.app/icons/Icon-192.png" alt="The Pitch Pipe Logo" class="w-10 h-10 rounded-lg object-contain shadow-sm border border-sky-500/20 bg-sky-950/10" />
        <h3 class="text-lg font-bold text-[var(--fg-primary)] m-0">The Pitch Pipe</h3>
      </div>
      <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-6">
        An interactive ear training and vocal guide tool helping musicians perfect their tuning, scale recognition, and acoustic intervals.
      </p>
    </div>
    <a href="https://pitchpipe.app/" target="_blank" rel="noopener noreferrer" class="block w-full text-center px-4 py-2.5 rounded-lg bg-sky-600 hover:bg-sky-500 text-white text-xs font-semibold no-underline transition-colors duration-200" style="color: #ffffff !important; text-decoration: none !important;">
      Open Vocal Guide
    </a>
  </div>

  <!-- The Pocket Piano -->
  <div class="relative group rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-emerald-500/50 p-6 flex flex-col justify-between transition-all duration-300 shadow-sm overflow-hidden">
    <div class="absolute top-0 right-0 w-24 h-24 bg-emerald-500/5 rounded-bl-full pointer-events-none transition-all group-hover:bg-emerald-500/10"></div>
    <div>
      <div class="flex items-center gap-3 mb-3">
        <img src="https://pocketpiano.app/icons/Icon-192.png" alt="The Pocket Piano Logo" class="w-10 h-10 rounded-lg object-contain shadow-sm border border-emerald-500/20 bg-emerald-950/10" />
        <h3 class="text-lg font-bold text-[var(--fg-primary)] m-0">The Pocket Piano</h3>
      </div>
      <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-6">
        A highly responsive virtual synthesizer and interactive keyboard that enables portable melody building right in your browser.
      </p>
    </div>
    <a href="https://pocketpiano.app/" target="_blank" rel="noopener noreferrer" class="block w-full text-center px-4 py-2.5 rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-semibold no-underline transition-colors duration-200" style="color: #ffffff !important; text-decoration: none !important;">
      Play Synthesizer
    </a>
  </div>
</div>

## Current Work

Currently supporting **[Google Antigravity](https://antigravity.google)** developer success:
- 🚀 Empowering global developer communities by sharing modern architecture practices, widget kits, and robust SDK integrations.
- 📝 Synthesizing user feedback, building comprehensive example applications, and leading workshops/technical recording sessions.

### Ecosystem & Technical Foundations

Supporting developers across core Google platforms and surrounding tech stacks:
- **[Flutter & Dart](https://flutter.dev)**: Architecting highly responsive, multi-platform design-to-code packages.
- **[Gemini & Gemma (AI Logic)](https://ai.google.dev)**: Writing production-ready generative workflows, function-calling models, and web UI integrations.
- **[Firebase](https://firebase.google.com)**: Implementing unified authentication, remote configurations, and Firestore security systems.

## Focus Areas & Creations

<div class="grid grid-cols-1 md:grid-cols-2 gap-8 my-6">
  <div>
    <h3 class="text-base font-bold text-[var(--fg-primary)] mb-3 flex items-center gap-2 m-0">
      <span class="text-sky-500">🧪</span> Core Explorations
    </h3>
    <ul class="space-y-2 text-sm text-[var(--fg-secondary)] list-disc pl-4 mt-2">
      <li><strong><a href="https://www.sqlite.org" target="_blank" rel="noopener noreferrer">SQLite Engine</a></strong>: Building embedded database integrations.</li>
      <li><strong><a href="https://flutter.dev" target="_blank" rel="noopener noreferrer">Dart/Flutter</a></strong>: Creating robust package ecosystems.</li>
      <li><strong><a href="https://aframe.io" target="_blank" rel="noopener noreferrer">VR/AR Experiences</a></strong>: Experimenting with WebXR frameworks.</li>
      <li><strong><a href="https://www.ableton.com" target="_blank" rel="noopener noreferrer">Ableton Logic</a></strong>: Custom midi scripts & synthesizer integration.</li>
    </ul>
  </div>
  <div>
    <h3 class="text-base font-bold text-[var(--fg-primary)] mb-3 flex items-center gap-2 m-0">
      <span class="text-purple-500">🎧</span> Contributions & Media
    </h3>
    <ul class="space-y-2 text-sm text-[var(--fg-secondary)] list-disc pl-4 mt-2">
      <li><strong><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components" target="_blank" rel="noopener noreferrer">Web Components</a></strong>: Crafting lightweight, framework-agnostic elements.</li>
      <li><strong><a href="https://pub.dev/publishers/rodydavis.com/packages" target="_blank" rel="noopener noreferrer">pub.dev Packages</a></strong>: Publishing utility kits for the Flutter ecosystem.</li>
      <li><strong><a href="https://podcasts.apple.com/us/podcast/creative-engineering/id1507852833" target="_blank" rel="noopener noreferrer">Podcast Host</a></strong>: Producing episode scripts and hosting "Creative Engineering".</li>
      <li><strong><a href="https://soundcloud.com/theonlysounddr" target="_blank" rel="noopener noreferrer">Original Music</a></strong>: Compositing soundscapes available on SoundCloud & Spotify.</li>
    </ul>
  </div>
</div>

## Previous Projects

Deep engineering contribution history across key developer platforms:
- **[Firebase Studio](https://github.com/rodydavis/firebase-studio) & CLI Tools**: Built initial user-focused UI frameworks.
- **[Project IDX](https://idx.dev)**: Assisted early validation and SDK embedding.
- **[Developer Solutions](https://developers.google.com/solutions)**: Advocated and mapped client developer requirements.
- **[Lit Framework](https://lit.dev) & [Material Design](https://material.io)**: Standardized custom theme variables and templates.