contact.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#0e151f" media="(prefers-color-scheme: dark)">
  <title>Contact · Ivan Ball-llovera</title>
  <meta name="description" content="Get in touch with Ivan Ball-llovera, Senior Software Architect, via email, LinkedIn, or GitHub.">
  <link rel="canonical" href="https://ivanball.github.io/contact.html">
  <link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml">
  <link rel="alternate" type="application/rss+xml" title="Ivan Ball-llovera: deep dives on enterprise .NET" href="https://ivanball.github.io/feed.xml">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Ivan Ball-llovera">
  <meta property="og:title" content="Contact · Ivan Ball-llovera">
  <meta property="og:description" content="Get in touch with Ivan Ball-llovera, Senior Software Architect, via email, LinkedIn, or GitHub.">
  <meta property="og:url" content="https://ivanball.github.io/contact.html">
  <meta property="og:image" content="https://ivanball.github.io/assets/img/og-image.png">
  <meta property="og:image:alt" content="Ivan Ball-llovera, Senior Software Architect">
  <meta property="og:locale" content="en_US">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Contact · Ivan Ball-llovera">
  <meta name="twitter:description" content="Get in touch with Ivan Ball-llovera, Senior Software Architect, via email, LinkedIn, or GitHub.">
  <meta name="twitter:image" content="https://ivanball.github.io/assets/img/og-image.png">
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ContactPage",
    "url": "https://ivanball.github.io/contact.html",
    "mainEntity": {
      "@type": "Person",
      "name": "Ivan Ball-llovera",
      "jobTitle": "Senior Software Architect",
      "url": "https://ivanball.github.io/",
      "sameAs": [
        "https://github.com/ivanball",
        "https://www.linkedin.com/in/ivan-ball-llovera-6549a911"
      ]
    }
  }
  </script>
  <!-- BEGIN head-assets -->
  <script>(function(){try{var t=localStorage.getItem('mmca-theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);if(localStorage.getItem('mmca-rail')==='hidden')document.documentElement.setAttribute('data-rail','hidden');if(localStorage.getItem('mmca-cites')==='shown')document.documentElement.setAttribute('data-cites','shown');}catch(e){}})();</script>
  <link rel="preload" href="assets/fonts/inter-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="assets/fonts/jetbrains-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="assets/css/styles.css">
  <script defer src="assets/js/main.js"></script>
  <script defer src="assets/js/search.js"></script>
  <script defer src="assets/js/analytics.js"></script>
  <!-- END head-assets -->
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>

  <!-- BEGIN site-header -->
  <header class="site-header">
    <div class="container nav">
      <a class="brand" href="index.html">
        <span class="brand-mark" aria-hidden="true">IB</span>
        <span>Ivan Ball-llovera</span>
      </a>
      <nav aria-label="Primary">
        <ul class="nav-links" id="nav-links">
          <li><a href="index.html">Home</a></li>
          <li><a href="resume.html">Résumé</a></li>
          <li><a href="platform.html">Platform</a></li>
          <li><a href="docs/index.html">Reference</a></li>
          <li><a href="writing.html">Writing</a></li>
          <li><a href="speaking.html">Speaking</a></li>
          <li><a href="contact.html" aria-current="page">Contact</a></li>
        </ul>
      </nav>
      <div class="nav-tools">
        <button class="icon-btn search-open" type="button" aria-label="Search the site" data-search-open>
          <span aria-hidden="true">⌕</span>
        </button>
        <button class="icon-btn theme-toggle" type="button" aria-label="Switch color theme">
          <span class="sun" aria-hidden="true">☀</span><span class="moon" aria-hidden="true">☾</span>
        </button>
        <button class="icon-btn nav-toggle" type="button" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="nav-links">☰</button>
      </div>
    </div>
  </header>
  <dialog class="search-dialog" id="site-search" aria-label="Search this site">
    <form class="search-box" method="dialog" role="search">
      <span class="search-icon" aria-hidden="true">⌕</span>
      <input class="search-input" type="search" id="site-search-input" placeholder="Search ADRs, guides, chapters, articles…"
             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
             aria-controls="site-search-results" aria-describedby="site-search-status">
      <button class="btn btn--ghost search-close" type="button" data-search-close>Esc</button>
    </form>
    <p class="search-status" id="site-search-status" role="status" aria-live="polite"></p>
    <ul class="search-results" id="site-search-results"></ul>
    <p class="search-foot">
      <span><kbd>↑</kbd><kbd>↓</kbd> to navigate</span>
      <span><kbd>Enter</kbd> to open</span>
      <span><kbd>"…"</kbd> all these words</span>
      <span><kbd>AND</kbd><kbd>OR</kbd> to combine</span>
    </p>
  </dialog>
  <!-- END site-header -->

  <main id="main">
    <div class="page-head">
      <div class="container">
        <p class="eyebrow">Contact</p>
        <h1>Let's connect</h1>
        <p class="lede">Happy to talk architecture, the MMCA platform, speaking at your conference or user group, or comparing notes on .NET and Azure. The fastest ways to reach me:</p>
      </div>
    </div>

    <section class="section">
      <div class="container">
        <div class="contact-methods">
          <a class="contact-card js-email" data-subject="Hello from your website">
            <span class="ic" aria-hidden="true">✉</span>
            <span>
              <span class="label">Email</span><br>
              <span class="value js-email-text">email loading…</span>
            </span>
          </a>
          <a class="contact-card" href="https://www.linkedin.com/in/ivan-ball-llovera-6549a911" target="_blank" rel="me noopener">
            <span class="ic" aria-hidden="true">in</span>
            <span>
              <span class="label">LinkedIn</span><br>
              <span class="value">Ivan Ball-llovera</span>
            </span>
          </a>
          <a class="contact-card" href="https://github.com/ivanball" target="_blank" rel="me noopener">
            <span class="ic" aria-hidden="true">&lt;/&gt;</span>
            <span>
              <span class="label">GitHub</span><br>
              <span class="value">github.com/ivanball</span>
            </span>
          </a>
        </div>

        <div class="callout" style="margin-top:2.5rem">
          <p class="mb-0">Based in Douglasville, GA (Greater Atlanta), working across US time zones. For the full background, see my <a href="resume.html">résumé</a> or explore <a href="platform.html">the MMCA platform</a>.</p>
        </div>
      </div>
    </section>

    <!-- Closing block: the page is short, and without it the footer floated in the
         middle of an empty viewport on a desktop screen. -->
    <section class="section section--alt">
      <div class="container">
        <div class="section-head">
          <p class="eyebrow">While you are here</p>
          <h2>Three places to start</h2>
        </div>
        <div class="grid grid--3" data-reveal>
          <a class="card card--link" href="platform.html">
            <span class="kicker kicker--accent">Open source</span>
            <h3>The MMCA platform</h3>
            <p>A .NET 10 framework and three reference apps, graded in the open against a 34-category rubric.</p>
            <div class="card-foot"><span class="go">See the architecture →</span></div>
          </a>
          <a class="card card--link" href="writing.html">
            <span class="kicker kicker--accent">Writing</span>
            <h3>Deep dives on enterprise .NET</h3>
            <p>A long-form series turning each architecture decision into a teachable pattern, grounded in real source.</p>
            <div class="card-foot"><span class="go">Browse the series →</span></div>
          </a>
          <a class="card card--link" href="speaking.html">
            <span class="kicker kicker--accent">Community</span>
            <h3>Talks and conferences</h3>
            <p>Two Atlanta conferences, user-group talks on Clean Architecture and DDD, and mentoring in English and Spanish.</p>
            <div class="card-foot"><span class="go">See the talks →</span></div>
          </a>
        </div>
      </div>
    </section>
  </main>

  <!-- BEGIN site-footer -->
  <footer class="site-footer">
    <div class="container">
      <div class="footer-grid">
        <p class="footer-meta mb-0"><strong>Ivan Ball-llovera</strong> · Senior Software Architect · Douglasville, GA</p>
        <ul class="footer-links">
          <li><a href="resume.html">Résumé</a></li>
          <li><a href="platform.html">Platform</a></li>
          <li><a href="docs/index.html">Reference</a></li>
          <li><a href="writing.html">Writing</a></li>
          <li><a href="speaking.html">Speaking</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="https://github.com/ivanball" target="_blank" rel="me noopener">GitHub</a></li>
          <li><a href="https://www.linkedin.com/in/ivan-ball-llovera-6549a911" target="_blank" rel="me noopener">LinkedIn</a></li>
        </ul>
      </div>
      <p class="footer-meta" style="margin-top:1rem">© <span class="js-year">2026</span> Ivan Ball-llovera. Built as a static site.</p>
    </div>
  </footer>
  <!-- END site-footer -->
</body>
</html>