ertuncozbay.dev/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ertunç Özbay — Personal Workshop, Projects & Technical Notebook</title>
  <meta name="description" content="Personal workshop and learning notebook of Ertunç Özbay: hardware and software projects, embedded systems, electronics, C programming, and open-source builds.">
  <link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
  <a class="skip-link" href="#main-content">Skip to main content</a>

  <header class="site-header">
    <div class="container header-inner">
      <a class="site-brand" href="index.html">
        <span class="brand-mark" aria-hidden="true">EÖ</span>
        <span>
          Ertunç Özbay
          <span class="brand-subtitle">workshop // notebook // lab</span>
        </span>
      </a>

      <button class="nav-toggle" type="button" data-nav-toggle aria-expanded="false" aria-controls="primary-navigation">
        <span aria-hidden="true">☰</span>
        <span data-nav-label>Menu</span>
      </button>

      <nav id="primary-navigation" class="site-nav" data-site-nav aria-label="Main navigation">
        <ul class="nav-list">
            <li><a class="nav-link" href="index.html" aria-current="page">Home</a></li>
            <li><a class="nav-link" href="about.html">About</a></li>
            <li><a class="nav-link" href="projects/index.html">Projects</a></li>
            <li><a class="nav-link" href="blog/index.html">Blog</a></li>
            <li><a class="nav-link" href="lab.html">Lab</a></li>
            <li><a class="nav-link" href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main id="main-content">
    <div class="container">
      <section class="workshop-hero" aria-labelledby="hero-heading">
        <span class="workshop-eyebrow">WORKSHOP BENCH // OPEN NOTEBOOK</span>
        <h1 id="hero-heading">Hi, I’m Ertunç.</h1>
        <p class="hero-lead">
          I build things, take systems apart, and learn how hardware and software work together.
        </p>
        <p class="reading-width">
          This is my personal workshop for embedded systems, electronics, software, reverse engineering, open-source projects, and the lessons I collect while building. I enjoy making useful, strange, and sometimes purely fun things while documenting what works, what fails, and how each system develops.
        </p>
        <p class="hero-supporting-line">
          Hardware + software learner • Open-source enthusiast • Student builder
        </p>
        <div class="button-row">
          <a class="btn btn-primary" href="projects/index.html">Explore My Projects</a>
          <a class="btn btn-secondary" href="lab.html">Visit the Lab Notebook</a>
          <a class="btn btn-secondary" href="about.html">Read My Story &amp; Philosophy</a>
        </div>
      </section>

      <section class="section-block" aria-labelledby="active-builds-heading">
        <div class="section-header">
          <div>
            <span class="section-label">01 // On the Bench</span>
            <h2 id="active-builds-heading">Current Projects</h2>
          </div>
          <a href="projects/index.html">View all project details →</a>
        </div>

        <div class="card-grid">
          <article class="card">
            <div class="card-top">
              <div class="card-meta">
                <span class="badge badge-progress">In progress</span>
                <span>Hardware + Software</span>
              </div>
              <h3><a href="projects/multi-functional-controller.html">Multi-Functional RC Controller</a></h3>
              <p>
                An ongoing project focused on RC control and hardware-software integration, built to understand how physical inputs and control logic work together.
              </p>
            </div>
            <div class="card-actions">
              <a class="btn btn-secondary" href="projects/multi-functional-controller.html">Project Notes</a>
              <a class="btn btn-secondary" href="https://github.com/ertunc-ozbay/multi-functional-controller" rel="noopener noreferrer">GitHub Repo</a>
            </div>
          </article>

          <article class="card">
            <div class="card-top">
              <div class="card-meta">
                <span class="badge badge-progress">In progress</span>
                <span>Control &amp; Electronics</span>
              </div>
              <h3><a href="projects/rc-autonomous-vehicle.html">RC and Autonomous Vehicle</a></h3>
              <p>
                An ongoing project exploring RC control and autonomous vehicle behavior across electronics, control logic, and software.
              </p>
            </div>
            <div class="card-actions">
              <a class="btn btn-secondary" href="projects/rc-autonomous-vehicle.html">Project Notes</a>
            </div>
          </article>

          <article class="card">
            <div class="card-top">
              <div class="card-meta">
                <span class="badge badge-experimental">In progress • Experimental</span>
                <span>Breadboard + C Code</span>
              </div>
              <h3><a href="projects/midi-breadboard-instrument.html">MIDI Breadboard Instrument</a></h3>
              <p>
                A breadboard-based project that plays MIDI melodies by converting MIDI data into C code for the device, driving buzzers, an AMOLED display, and physical controls.
              </p>
            </div>
            <div class="card-actions">
              <a class="btn btn-secondary" href="projects/midi-breadboard-instrument.html">Project Notes</a>
              <a class="btn btn-secondary" href="https://github.com/ertunc-ozbay/midi-breadboard-instrument" rel="noopener noreferrer">GitHub Repo</a>
            </div>
          </article>
        </div>
      </section>

      <section class="section-block" aria-labelledby="workshop-areas-heading">
        <div class="section-header">
          <div>
            <span class="section-label">02 // Inside This Website</span>
            <h2 id="workshop-areas-heading">What I Document Here</h2>
          </div>
        </div>

        <div class="card-grid">
          <div class="card">
            <div class="card-top">
              <span class="section-label">Hardware + Software</span>
              <h3>Understanding the Whole System</h3>
              <p>
                I do not want to understand only one isolated layer of a system. I study how physical components, circuits, C code, and software tools connect so I can make informed decisions and take responsibility for what I build.
              </p>
            </div>
            <a href="about.html">Read my systems philosophy →</a>
          </div>

          <div class="card">
            <div class="card-top">
              <span class="section-label">Lab &amp; Experiments</span>
              <h3>The Workshop Notebook</h3>
              <p>
                Not every experiment begins as a polished project. The Lab page holds my current circuit tests, MIDI-to-C conversion scripts, reverse-engineering learning notes, and open technical questions.
              </p>
            </div>
            <a href="lab.html">Open the Lab page →</a>
          </div>

          <div class="card">
            <div class="card-top">
              <span class="section-label">Blog &amp; Build Logs</span>
              <h3>Learning in Public</h3>
              <p>
                A manually maintained notebook for build logs, C programming notes, embedded experiments, and honest reflections on what worked and what failed along the way.
              </p>
            </div>
            <a href="blog/index.html">Browse the Blog →</a>
          </div>
        </div>
      </section>

    </div>
  </main>

  <footer class="site-footer">
    <div class="container footer-inner">
      <div>
        <strong>Ertunç Özbay</strong> — Personal workshop, project lab, and learning notebook.
      </div>
      <ul class="footer-links" aria-label="Footer links">
        <li><a href="projects/index.html">Projects</a></li>
        <li><a href="blog/index.html">Blog</a></li>
        <li><a href="lab.html">Lab</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="https://github.com/ertunc-ozbay" rel="noopener noreferrer">GitHub</a></li>
      </ul>
    </div>
  </footer>

  <script src="assets/js/main.js"></script>
</body>
</html>