about.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About — Meme Works</title>
  <meta name="description" content="Mike builds, prints and flies things out of North Georgia. FAA Part 107 certified and commercially insured for aerial work.">
  <link rel="canonical" href="https://memefpv.net/about.html">
  <meta name="theme-color" content="#181818">

  <!-- Open Graph / social sharing -->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Meme Works">
  <meta property="og:title" content="About — Meme Works">
  <meta property="og:description" content="Mike builds, prints and flies things out of North Georgia. FAA Part 107 certified and commercially insured for aerial work.">
  <meta property="og:url" content="https://memefpv.net/about.html">
  <meta property="og:image" content="https://memefpv.net/assets/og-default.jpg">
  <meta name="twitter:card" content="summary_large_image">

  <!-- Archivo from Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
</head>
<body>

  <a class="skip" href="#main">Skip to content</a>

  <header class="site-header">
    <a class="logo" href="index.html" aria-label="Meme Works — home">
      <span class="wordmark">MEME <span class="works">WORKS</span></span>
    </a>
    <button class="nav-toggle" id="nav-toggle" aria-expanded="false" aria-controls="site-nav" aria-label="Menu">
      <svg class="icon-open" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
      <svg class="icon-close" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5l14 14M19 5L5 19"/></svg>
    </button>
<nav class="nav" id="site-nav" aria-label="Primary">
      <a href="index.html">Home</a>
      <a href="about.html" aria-current="page">About</a>
      <div class="nav-group">
        <a href="what-i-do.html">What I Do</a>
        <div class="nav-dropdown">
          <a href="drone-work.html">Drone Work</a>
          <a href="3d-prints.html">3D Printing</a>
          <a href="homelab.html">Homelab &amp; Code</a>
        </div>
      </div>
      <a href="contact.html">Contact</a>
    </nav>
  </header>

  <main id="main">
    <section class="hero">
      <p class="eyebrow">About</p>
      <h1>I like knowing how <em>all</em> of it works.</h1>
      <p>One person, one bench, and a stubborn refusal to buy something I could build instead.</p>
    </section>

    <section class="section">
      <div class="row-2col">
        <div>
          <p class="subhead">technology enthusiast</p>
          <h2>A short intro.</h2>
          <p class="lead">I'm Mike, based in North Georgia. I've been taking things apart and putting them back together — usually better — for as long as I can remember.</p>
          <p>FPV drones are where all of it came together. Building a quad means CAD, soldering, radio, tuning, repair and flying — I went deep on every part of it, and a good amount of that work is on this site.</p>
          <p>The same skills spread out from there: a printer that runs most days, a homelab that has gotten out of hand, and whatever is half-apart on the bench. Different projects, same bench.</p>
        </div>
        <div class="row-2col__media">
          <div class="tilt">
            <img src="assets/portrait.jpg" alt="Mike in a MemeFPV hoodie wearing FPV goggles and holding a controller" width="1000" height="1250">
          </div>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="row-2col reverse">
        <div>
          <p class="subhead">certified drone operator</p>
          <h2>Certified, insured, and careful about it.</h2>
          <p class="lead">I hold an FAA Part 107 remote pilot certificate and carry commercial liability insurance for aerial work.</p>
          <p>Flying close to people and property is where the risk sits, so a job gets done properly: site scouted, flight path planned, everyone in the frame briefed, conservative margins around talent and gear. Airspace authorizations and certificates of insurance are part of the job, not an upcharge.</p>
          <p>If a shot isn't safe, I'll say so before we're on the clock and propose one that gets you the same feeling.</p>
        </div>
        <div class="row-2col__media">
          <div class="tilt tilt-left">
            <div class="placeholder" style="aspect-ratio: 4 / 5;">Add the outdoor headshot from the old site<br>(portrait, ~1000&times;1250)</div>
          </div>
        </div>
      </div>
    </section>

    <div class="creds">
      <ul>
        <li>Designed and built in-house</li>
        <li>FAA Part 107 certified &amp; insured</li>
        <li>Based in North Georgia</li>
      </ul>
    </div>

  <section class="cta-band">
    <div class="inner">
      <div>
        <h2>Want to talk through a project?</h2>
        <p>Send over the details and I'll tell you honestly whether I'm the right person for it.</p>
      </div>
      <a class="btn" href="contact.html">Get in touch</a>
    </div>
  </section>
  </main>

  <footer class="site-footer">
    <a class="logo" href="index.html" aria-label="Meme Works — home">
      <span class="wordmark">MEME <span class="works">WORKS</span></span>
    </a>
    <div class="footer-right">
      <span class="footer-meta">Builds, prints &amp; aerial video · North Georgia</span>
      <div class="social">
        <a href="https://www.instagram.com/memefpv/" target="_blank" rel="noopener" aria-label="MemeFPV on Instagram"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.2c3.2 0 3.6 0 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.25.07 1.65.07 4.85s0 3.6-.07 4.85c-.05 1.17-.25 1.8-.41 2.23a3.7 3.7 0 0 1-.9 1.38 3.7 3.7 0 0 1-1.38.9c-.42.16-1.06.36-2.23.41-1.25.06-1.65.07-4.85.07s-3.6 0-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.7 3.7 0 0 1-1.38-.9 3.7 3.7 0 0 1-.9-1.38c-.16-.42-.36-1.06-.41-2.23C2.2 15.6 2.2 15.2 2.2 12s0-3.6.07-4.85c.05-1.17.25-1.8.41-2.23a3.7 3.7 0 0 1 .9-1.38 3.7 3.7 0 0 1 1.38-.9c.42-.16 1.06-.36 2.23-.41C8.4 2.2 8.8 2.2 12 2.2zm0 1.95c-3.13 0-3.51 0-4.74.07-1.06.05-1.64.22-2.02.37-.51.2-.87.43-1.25.81-.38.38-.61.74-.81 1.25-.15.38-.32.96-.37 2.02C2.74 8.49 2.7 8.87 2.7 12s.04 3.51.11 4.74c.05 1.06.22 1.64.37 2.02.2.51.43.87.81 1.25.38.38.74.61 1.25.81.38.15.96.32 2.02.37 1.23.07 1.61.07 4.74.07s3.51 0 4.74-.07c1.06-.05 1.64-.22 2.02-.37.51-.2.87-.43 1.25-.81.38-.38.61-.74.81-1.25.15-.38.32-.96.37-2.02.07-1.23.07-1.61.07-4.74s0-3.51-.07-4.74c-.05-1.06-.22-1.64-.37-2.02a3.32 3.32 0 0 0-.81-1.25 3.32 3.32 0 0 0-1.25-.81c-.38-.15-.96-.32-2.02-.37-1.23-.07-1.61-.07-4.74-.07zm0 3.32a4.53 4.53 0 1 1 0 9.06 4.53 4.53 0 0 1 0-9.06zm0 7.48a2.95 2.95 0 1 0 0-5.9 2.95 2.95 0 0 0 0 5.9zm5.77-7.66a1.06 1.06 0 1 1-2.12 0 1.06 1.06 0 0 1 2.12 0z"/></svg></a>
        <a href="https://github.com/miikememe" target="_blank" rel="noopener" aria-label="Mike on GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.38c.6.12.83-.26.83-.57L9 20.86c-3.34.72-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.09-.73.09-.73 1.2.09 1.83 1.24 1.83 1.24 1.07 1.83 2.81 1.3 3.5 1 .1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.11-3.18 0 0 1-.32 3.3 1.23a11.5 11.5 0 0 1 6 0c2.28-1.55 3.29-1.23 3.29-1.23.66 1.66.24 2.88.12 3.18a4.65 4.65 0 0 1 1.23 3.22c0 4.61-2.8 5.63-5.48 5.92.43.37.81 1.1.81 2.22l-.01 3.29c0 .31.2.69.82.57A12 12 0 0 0 12 .3"/></svg></a>
      </div>
    </div>
  </footer>

  <script src="site.js" defer></script>
</body>
</html>