import profileImg from '../../assets/profile_8v0z7aduoc.webp';
import grandCanyonImg from '../../assets/personal_grand_canyon_5wbn12eol9.webp';
import shuttleImg from '../../assets/personal_shuttle_o0dk6jemz6.webp';
import goldenGateImg from '../../assets/personal_golden_gate_9y3fwiwicv.webp';
import familyImg from '../../assets/personal_family_qxtsx99czk.webp';
import rodyMollyImg from '../../assets/riyakataria_rody_molly_031823_20_1_r5q7mluc1z.jpg';


# About Me

<p class="text-md text-[var(--header-h1)] font-semibold -mt-4 mb-8">Rody Davis — Career & Passions</p>

<div class="flex flex-col md:flex-row gap-8 items-start mb-12">
  <div class="w-full md:w-1/3">
    <img src={profileImg.src} alt="Rody Davis Portrait" class="w-full rounded-xl border border-[var(--border-main)] shadow-sm bg-[#13151a]" />
    <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-xl p-4 mt-6">
      <h4 class="text-xs font-bold uppercase tracking-wider text-[var(--fg-secondary)] mt-0 mb-3">⚡ Quick Facts</h4>
      <ul class="space-y-2 text-xs text-[var(--fg-secondary)] list-none pl-0 m-0">
        <li>💼 <strong>Current Role:</strong> Senior DevRel at Google</li>
        <li>📍 <strong>Location:</strong> San Francisco Bay Area</li>
        <li>🎓 <strong>Education:</strong> Florida College (B.S. in Management Information Systems, minor in Business Administration)</li>
        <li>🎹 <strong>Secondary Passion:</strong> Synthesizers & Sound Synthesis</li>
      </ul>
    </div>
  </div>
  <div class="w-full md:w-2/3 text-[var(--fg-secondary)] text-md leading-relaxed">
    <p class="m-0 mb-4">
      My name is Rody Davis. I grew up in Alabama, studied Management Information Systems at Florida College, and currently work at Google as a Senior Developer Relations Engineer, living in the beautiful San Francisco Bay Area.
    </p>
    <p class="m-0 mb-4">
      Ever since I was a child, I was taking apart every device I could get my hands on to figure out how it worked, always aspiring to be an inventor. In high school, I spent my free time on the drumline in marching band, learning rhythm, coordination, and cooperative execution.
    </p>
    <p class="m-0 mb-4">
      Today, I get to do my dream job. I am an inventor—bringing highly interactive products from pure imagination to market, building frameworks, and championing the developer journey.
    </p>
  </div>
</div>

---

## 🗺️ Chronological Journey: Career & Personal

<div class="space-y-12 pl-4 border-l-2 border-[var(--border-main)] mt-8">

  {/* Chapter 1 */}
  <div class="relative pl-6">
    <div class="absolute -left-[27px] top-1.5 w-3 h-3 rounded-full bg-sky-500 border-4 border-[#13151a]"></div>
    <span class="text-xs font-bold uppercase tracking-wider text-sky-500">2012 – 2017</span>
    <h3 class="text-lg font-bold text-[var(--fg-primary)] mt-1 mb-3">Chapter 1: Creative Audio & Technical Roots</h3>
    <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-4">
      I attended Florida College to earn a Bachelor of Science in Management Information Systems with a minor in Business Administration, originally planning to build a career as an Audio-Visual Technician. Over five years, I managed large video production environments, became a System Administrator, and eventually led the video department for a growing startup.
    </p>
    <div class="my-6">
      <img src={grandCanyonImg.src} alt="Grand Canyon Exploration" class="w-full rounded-xl border border-[var(--border-main)] shadow-sm bg-[#13151a]" />
      <p class="text-xs text-center text-[var(--fg-secondary)] mt-2">Exploring national landscapes and planning technical goals</p>
    </div>
  </div>

  {/* Chapter 2 */}
  <div class="relative pl-6">
    <div class="absolute -left-[27px] top-1.5 w-3 h-3 rounded-full bg-emerald-500 border-4 border-[#13151a]"></div>
    <span class="text-xs font-bold uppercase tracking-wider text-emerald-500">2017 – 2019</span>
    <h3 class="text-lg font-bold text-[var(--fg-primary)] mt-1 mb-3">Chapter 2: Self-Taught App Development & "The Pitch Pipe"</h3>
    <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-4">
      Realizing video management wasn't my final destination, I spent my nights teaching myself mobile software engineering. To solve an overlooked gap in the market, I created and shipped my very first mobile app, **"The Pitch Pipe"**. It quickly gained massive traction among musicians, opening doors for me to transition into a professional full-time developer.
    </p>
    <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-4">
      Soon after, I joined **CrossMedia LLC** as a Full Stack Developer, where I built native iOS and Android utility applications, engineered mobile REST APIs, integrated SOC-III compliant Firebase backends, and ran mobile departments.
    </p>
    <div class="my-6">
      <img src={shuttleImg.src} alt="Inspiration from Engineering and Flight" class="w-full rounded-xl border border-[var(--border-main)] shadow-sm bg-[#13151a]" />
      <p class="text-xs text-center text-[var(--fg-secondary)] mt-2">Driven by structural mechanics and high-performance execution</p>
    </div>
  </div>

  {/* Chapter 3 */}
  <div class="relative pl-6">
    <div class="absolute -left-[27px] top-1.5 w-3 h-3 rounded-full bg-purple-500 border-4 border-[#13151a]"></div>
    <span class="text-xs font-bold uppercase tracking-wider text-purple-500">2019 – 2020</span>
    <h3 class="text-lg font-bold text-[var(--fg-primary)] mt-1 mb-3">Chapter 3: Interactive Runtimes at Rive</h3>
    <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-4">
      I joined **Rive** as a Software Engineer in San Francisco, focusing heavily on interactive rendering pipelines. I built Next.js Flutter editor prototypes on top of CanvasKit, developed the core Android animation runtimes in Kotlin utilizing native SKIA graphics APIs, and authored modular desktop plugins using C++ and Swift for macOS, Windows, and Linux.
    </p>
  </div>

  {/* Chapter 4 */}
  <div class="relative pl-6">
    <div class="absolute -left-[27px] top-1.5 w-3 h-3 rounded-full bg-pink-500 border-4 border-[#13151a]"></div>
    <span class="text-xs font-bold uppercase tracking-wider text-pink-500">2020 – Present</span>
    <h3 class="text-lg font-bold text-[var(--fg-primary)] mt-1 mb-3">Chapter 4: Developer Advocacy & Platforms at Google</h3>
    <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-4">
      In July 2020, I joined Google as a Senior Developer Relations Engineer. Over the last several years, I have successfully supported multiple high-profile platform initiatives:
    </p>
    
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 my-6">
      <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-5">
        <h4 class="text-sm font-bold text-[var(--fg-primary)] mt-0 mb-2 flex items-center gap-2">🕹️ Antigravity</h4>
        <p class="text-xs text-[var(--fg-secondary)] leading-relaxed mb-0">
          Orchestrated the product launch of Antigravity on November 1, 2025. Spearheaded technical 100-300 level documentation, produced highly-engaging video segments, designed Gemini 3 launch day simulations, and shaped cross-functional partnerships with Firebase and Flutter.
        </p>
      </div>
      <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-5">
        <h4 class="text-sm font-bold text-[var(--fg-primary)] mt-0 mb-2 flex items-center gap-2">🧱 Project IDX & Firebase Studio</h4>
        <p class="text-xs text-[var(--fg-secondary)] leading-relaxed mb-0">
          Launched Firebase Studio at Cloud Next 2025, ran large technical demonstrations at Google I/O events, created templates for Gemini interactions, and led community migration plans towards Antigravity and AI Studio.
        </p>
      </div>
      <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-5">
        <h4 class="text-sm font-bold text-[var(--fg-primary)] mt-0 mb-2 flex items-center gap-2">🎨 Material Design & Figma</h4>
        <p class="text-xs text-[var(--fg-secondary)] leading-relaxed mb-0">
          Supported Lit and Material Web Components. Designed the <strong>Material Theme Builder</strong> Figma plugin, scaling it successfully to **400,000+ active creators**. Handled multi-platform client libraries (MCU) across Swift, C, JS, and Dart.
        </p>
      </div>
      <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-5">
        <h4 class="text-sm font-bold text-[var(--fg-primary)] mt-0 mb-2 flex items-center gap-2">🚀 Developer Solutions</h4>
        <p class="text-xs text-[var(--fg-secondary)] leading-relaxed mb-0">
          Collaborated across Flutter, Go, Angular, and Firebase teams to unify full-stack developer experiences and publish standard developer recipes.
        </p>
      </div>
    </div>

    <div class="my-6">
      <img src={goldenGateImg.src} alt="San Francisco Golden Gate Bridge" class="w-full rounded-xl border border-[var(--border-main)] shadow-sm bg-[#13151a]" />
      <p class="text-xs text-center text-[var(--fg-secondary)] mt-2">Living and engineering in the San Francisco Bay Area</p>
    </div>
  </div>

  {/* Chapter 5 */}
  <div class="relative pl-6">
    <div class="absolute -left-[27px] top-1.5 w-3 h-3 rounded-full bg-red-500 border-4 border-[#13151a]"></div>
    <span class="text-xs font-bold uppercase tracking-wider text-red-500">Present</span>
    <h3 class="text-lg font-bold text-[var(--fg-primary)] mt-1 mb-3">Chapter 5: Open Source & Sound Synthesis</h3>
    <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-4">
      Beyond my work at Google, open-source development remains a core focus. I ported Preact signals to Dart (**Signals**), authored structured PowerPoint compilers in Dart (**Flutter PPTX**), engineered distributed synchronization modules for SQLite (**sqlite-crdt**), and have shipped over 40 plugins to the pub.dev directory.
    </p>
    <p class="text-sm text-[var(--fg-secondary)] leading-relaxed mb-4">
      In my personal life, I am happily engaged to the love of my life, Molly ❤️. I compose original ambient music, build web-synthesizers, and teach music production classes with MIDI hardware interfaces.
    </p>

    <div class="flex flex-col gap-6 my-6 max-w-2xl mx-auto">
      <img src={familyImg.src} alt="Rody Davis Family" class="w-full rounded-xl border border-[var(--border-main)] shadow-sm bg-[#13151a]" />
      <img src={rodyMollyImg.src} alt="Rody and Molly" class="w-full rounded-xl border border-[var(--border-main)] shadow-sm bg-[#13151a]" />
    </div>
    <p class="text-xs text-center text-[var(--fg-secondary)] mt-2">Cherished moments with family and Molly ❤️</p>
  </div>

</div>

---

## 🛠️ Technical Competency Matrix

<table width="100%" text-align="left" class="text-sm text-[var(--fg-secondary)]">
  <tr>
    <th width="50%">💻 Core Technologies</th>
    <th width="50%">🧱 Frameworks & Tools</th>
  </tr>
  <tr>
    <td valign="top">
      <ul>
        <li><strong>Languages:</strong> JavaScript, TypeScript, Dart, Go, Node.js, Kotlin, Swift, C, C#, SQL</li>
        <li><strong>Open Source:</strong> Dart Signals, Flutter PPTX, sqlite-crdt</li>
        <li><strong>AI Tools:</strong> Gemini API, Gemma</li>
      </ul>
    </td>
    <td valign="top">
      <ul>
        <li><strong>Frameworks:</strong> Flutter, Angular, Lit, Web Components, Material Design</li>
        <li><strong>Development Tools:</strong> Figma, VS Code, Git, Android Studio, SQLite, Docker</li>
        <li><strong>Concepts:</strong> On-device AI, Mobile Dev, Offline-First Architecture, CI/CD</li>
      </ul>
    </td>
  </tr>
</table>

---

## 📣 Public Speaking & Presentations
- **Google I/O & Cloud Next:** Delivered keynotes and technical talks on serverless deployments, generative UI, and full-stack app architecture.
- **DevShow:** Recorded 15+ episodes for Google's longest-running video developer show.
- **Internal Classes:** Taught music production and MIDI hardware classes across Google engineering teams.