Restore site directory structure and fix asset paths
This commit is contained in:
parent
463e128f60
commit
b107575b11
13 changed files with 453 additions and 105 deletions
|
Before Width: | Height: | Size: 540 B After Width: | Height: | Size: 540 B |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
160
blog/index.html
Normal file
160
blog/index.html
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Blog & Build Notes — Ertunç Özbay</title>
|
||||
<meta name="description" content="Static technical blog and learning notebook by Ertunç Özbay covering project build logs, embedded systems, circuit experiments, and C programming.">
|
||||
<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">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" aria-current="page">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="blog-heading">
|
||||
<span class="workshop-eyebrow">TECHNICAL NOTEBOOK // STATIC BLOG</span>
|
||||
<h1 id="blog-heading">Blog & Build Notes</h1>
|
||||
<p class="hero-lead">
|
||||
This is where I document project build logs, embedded systems learning, circuit experiments, C programming notes, reverse-engineering learning, and honest reflections on what worked and what failed.
|
||||
</p>
|
||||
<p class="reading-width" style="margin-bottom:0;">
|
||||
<strong>Honest status note:</strong> This blog is a manually maintained static notebook. While I prepare my first full technical build logs, the entries below are clearly labeled as an <em>Example / Starter Note</em> and a reusable <em>Template / Draft</em> so nothing here pretends to be a finished achievement before it is written.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="section-block" aria-labelledby="blog-entries-heading">
|
||||
<div class="section-header">
|
||||
<div>
|
||||
<span class="section-label">Browse by Topic</span>
|
||||
<h2 id="blog-entries-heading">Notebook Entries</h2>
|
||||
</div>
|
||||
<p id="blog-filter-status" aria-live="polite" style="margin:0; font-family:var(--font-mono); font-size:0.85rem;">
|
||||
Showing 2 entries.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="filter-bar" role="group" aria-label="Filter blog posts by category">
|
||||
<button type="button" class="filter-btn" data-blog-filter="all" aria-pressed="true">All Entries</button>
|
||||
<button type="button" class="filter-btn" data-blog-filter="reflections" aria-pressed="false">Learning Reflections</button>
|
||||
<button type="button" class="filter-btn" data-blog-filter="build-logs" aria-pressed="false">Build Logs</button>
|
||||
<button type="button" class="filter-btn" data-blog-filter="template" aria-pressed="false">Templates & Drafts</button>
|
||||
</div>
|
||||
|
||||
<div class="card-grid-2">
|
||||
<!-- Entry 1: Clearly labeled Starter/Example Note -->
|
||||
<article class="card" data-blog-category="reflections,build-logs">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-draft">Example • Work in progress</span>
|
||||
<time datetime="2026-10-14">October 14, 2026</time>
|
||||
<span>• 3 min read</span>
|
||||
</div>
|
||||
<h3><a href="welcome-to-my-workshop-note.html">Why I Built This Personal Workshop & Learning Notebook (Starter Note)</a></h3>
|
||||
<p>
|
||||
<strong>Category:</strong> Personal Learning Reflections & Open-Source Ideas
|
||||
</p>
|
||||
<p>
|
||||
An introductory note explaining why I redesigned my site as a calm, honest workshop for hardware, software, C programming, and project build logs rather than a corporate résumé.
|
||||
</p>
|
||||
<ul class="tag-list" aria-label="Tags">
|
||||
<li><span class="tag">workshop</span></li>
|
||||
<li><span class="tag">hardware-software</span></li>
|
||||
<li><span class="tag">learning-in-public</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-primary" href="welcome-to-my-workshop-note.html">Read Starter Note</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Entry 2: Clearly labeled Post Template -->
|
||||
<article class="card" data-blog-category="template,build-logs">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-experimental">Template • Draft</span>
|
||||
<time datetime="2026-10-14">Template File</time>
|
||||
<span>• 2 min read</span>
|
||||
</div>
|
||||
<h3><a href="post-template.html">[Template] Project Build Log & Technical Note Template</a></h3>
|
||||
<p>
|
||||
<strong>Category:</strong> Template / Build Log Structure
|
||||
</p>
|
||||
<p>
|
||||
A ready-to-copy static HTML article template containing placeholders for title, date, category, tags, reading time, what worked, what failed, and related project links.
|
||||
</p>
|
||||
<ul class="tag-list" aria-label="Tags">
|
||||
<li><span class="tag">template</span></li>
|
||||
<li><span class="tag">draft</span></li>
|
||||
<li><span class="tag">build-log</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-secondary" href="post-template.html">Open Post Template</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-block reading-width" aria-labelledby="planned-topics-heading">
|
||||
<span class="section-label">Upcoming Notebook Topics</span>
|
||||
<h2 id="planned-topics-heading">What I Plan to Write About Next</h2>
|
||||
<ul>
|
||||
<li><strong>MIDI project development:</strong> How my conversion script turns MIDI data into C code for two active buzzers, one passive buzzer, and a 1.3-inch AMOLED display.</li>
|
||||
<li><strong>RC controller & autonomous vehicle notes:</strong> Build logs and hardware-software integration lessons as components are tested.</li>
|
||||
<li><strong>Embedded systems & circuit experiments:</strong> Notes from studying circuit analysis, C programming, and future Assembly experiments.</li>
|
||||
<li><strong>Reverse-engineering learning notes:</strong> Beginner investigations using Cheat Engine, Ghidra, and x64dbg to understand how software works internally.</li>
|
||||
<li><strong>What worked and what failed:</strong> Honest debugging stories and lessons learned when guiding and verifying AI-generated code.</li>
|
||||
</ul>
|
||||
</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>
|
||||
218
index.html
218
index.html
|
|
@ -3,17 +3,17 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Projects — Ertunç Özbay</title>
|
||||
<meta name="description" content="Hardware and software projects by Ertunç Özbay: Multi-Functional RC Controller, RC and Autonomous Vehicle, and MIDI Breadboard Instrument.">
|
||||
<link rel="icon" type="image/svg+xml" href="../assets/images/favicon.svg">
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
<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">
|
||||
<a class="site-brand" href="index.html">
|
||||
<span class="brand-mark" aria-hidden="true">EÖ</span>
|
||||
<span>
|
||||
Ertunç Özbay
|
||||
|
|
@ -28,12 +28,12 @@
|
|||
|
||||
<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">Home</a></li>
|
||||
<li><a class="nav-link" href="../about.html">About</a></li>
|
||||
<li><a class="nav-link" href="../projects/index.html" aria-current="page">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>
|
||||
<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>
|
||||
|
|
@ -41,119 +41,127 @@
|
|||
|
||||
<main id="main-content">
|
||||
<div class="container">
|
||||
<section class="workshop-hero" aria-labelledby="projects-heading">
|
||||
<span class="workshop-eyebrow">PROJECT SHOWCASE // REAL BUILDS</span>
|
||||
<h1 id="projects-heading">Projects on My Bench</h1>
|
||||
<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">
|
||||
Here are the three real projects I am currently building and documenting. Because I value honesty in technical documentation, each project page lists only confirmed components and real progress—never invented specifications.
|
||||
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 & Philosophy</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-block" aria-labelledby="project-list-heading">
|
||||
<section class="section-block" aria-labelledby="active-builds-heading">
|
||||
<div class="section-header">
|
||||
<div>
|
||||
<span class="section-label">Active Hardware & Software Builds</span>
|
||||
<h2 id="project-list-heading">Current Projects (3)</h2>
|
||||
<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 & 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>
|
||||
</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">
|
||||
<!-- Project 1 -->
|
||||
<article class="card">
|
||||
<div class="card">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-progress">Status: In progress</span>
|
||||
<span>Project 01</span>
|
||||
</div>
|
||||
<h3><a href="multi-functional-controller.html">Multi-Functional RC Controller</a></h3>
|
||||
<span class="section-label">Hardware + Software</span>
|
||||
<h3>Understanding the Whole System</h3>
|
||||
<p>
|
||||
An ongoing RC controller project focused on remote control hardware and hardware-software integration.
|
||||
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>
|
||||
|
||||
<p><strong>Confirmed technologies & focus:</strong></p>
|
||||
<ul class="tag-list" aria-label="Confirmed technologies for Multi-Functional RC Controller">
|
||||
<li><span class="tag">RC Control</span></li>
|
||||
<li><span class="tag">Hardware-Software Integration</span></li>
|
||||
<li><span class="tag">Open-Source Repo</span></li>
|
||||
</ul>
|
||||
|
||||
<div class="project-notes">
|
||||
<p><strong>What I am currently learning:</strong> Structuring an RC controller system so physical inputs and control software stay reliable and modular.</p>
|
||||
<p><strong>Next step:</strong> Documenting confirmed hardware choices, wiring notes, and iteration logs as testing progresses.</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="about.html">Read my systems philosophy →</a>
|
||||
</div>
|
||||
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-primary" href="multi-functional-controller.html">Read Project Page</a>
|
||||
<a class="btn btn-secondary" href="https://github.com/ertunc-ozbay/multi-functional-controller" rel="noopener noreferrer">GitHub Repository</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Project 2 -->
|
||||
<article class="card">
|
||||
<div class="card">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-progress">Status: In progress</span>
|
||||
<span>Project 02</span>
|
||||
</div>
|
||||
<h3><a href="rc-autonomous-vehicle.html">RC and Autonomous Vehicle</a></h3>
|
||||
<span class="section-label">Lab & Experiments</span>
|
||||
<h3>The Workshop Notebook</h3>
|
||||
<p>
|
||||
An ongoing project exploring RC control and autonomous vehicle behavior. This project is part of my effort to understand systems across electronics, control logic, and software.
|
||||
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>
|
||||
|
||||
<p><strong>Confirmed technologies & focus:</strong></p>
|
||||
<ul class="tag-list" aria-label="Confirmed focus areas for RC and Autonomous Vehicle">
|
||||
<li><span class="tag">RC Control</span></li>
|
||||
<li><span class="tag">Autonomous Behavior Exploration</span></li>
|
||||
<li><span class="tag">Electronics</span></li>
|
||||
<li><span class="tag">Control Logic & Software</span></li>
|
||||
</ul>
|
||||
|
||||
<div class="project-notes">
|
||||
<p><strong>What I am currently learning:</strong> How manual RC control and autonomous decision logic interact with physical vehicle electronics.</p>
|
||||
<p><strong>Next step:</strong> Confirming and testing the hardware platform before publishing specific sensor or controller details.</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="lab.html">Open the Lab page →</a>
|
||||
</div>
|
||||
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-primary" href="rc-autonomous-vehicle.html">Read Project Page</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Project 3 -->
|
||||
<article class="card">
|
||||
<div class="card">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-experimental">Status: In progress / Experimental</span>
|
||||
<span>Project 03</span>
|
||||
</div>
|
||||
<h3><a href="midi-breadboard-instrument.html">MIDI Breadboard Instrument</a></h3>
|
||||
<span class="section-label">Blog & Build Logs</span>
|
||||
<h3>Learning in Public</h3>
|
||||
<p>
|
||||
A breadboard-based project that plays MIDI melodies by converting MIDI data into C code for the device. The hardware currently includes two active buzzers, one passive buzzer, a rotary encoder, a 1.3-inch AMOLED display, two buttons, and two LEDs.
|
||||
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>
|
||||
|
||||
<p><strong>Confirmed components & tools:</strong></p>
|
||||
<ul class="tag-list" aria-label="Confirmed components for MIDI Breadboard Instrument">
|
||||
<li><span class="tag">MIDI-to-C Conversion Script</span></li>
|
||||
<li><span class="tag">C Code Output</span></li>
|
||||
<li><span class="tag">2x Active Buzzers</span></li>
|
||||
<li><span class="tag">1x Passive Buzzer</span></li>
|
||||
<li><span class="tag">1x Rotary Encoder</span></li>
|
||||
<li><span class="tag">1.3" AMOLED Screen</span></li>
|
||||
<li><span class="tag">2x Buttons</span></li>
|
||||
<li><span class="tag">2x LEDs</span></li>
|
||||
</ul>
|
||||
|
||||
<div class="project-notes">
|
||||
<p><strong>What I am currently learning:</strong> Translating musical MIDI data into C code arrays and coordinating buzzers, a display, and physical user inputs on a breadboard.</p>
|
||||
<p><strong>Next step:</strong> Recording build notes, refining the MIDI-to-C conversion workflow, and documenting the breadboard setup.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-primary" href="midi-breadboard-instrument.html">Read Project Page</a>
|
||||
</div>
|
||||
</article>
|
||||
<a href="blog/index.html">Browse the Blog →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -166,15 +174,15 @@
|
|||
<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="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>
|
||||
<script src="assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
180
projects/index.html
Normal file
180
projects/index.html
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Projects — Ertunç Özbay</title>
|
||||
<meta name="description" content="Hardware and software projects by Ertunç Özbay: Multi-Functional RC Controller, RC and Autonomous Vehicle, and MIDI Breadboard Instrument.">
|
||||
<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">Home</a></li>
|
||||
<li><a class="nav-link" href="../about.html">About</a></li>
|
||||
<li><a class="nav-link" href="../projects/index.html" aria-current="page">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="projects-heading">
|
||||
<span class="workshop-eyebrow">PROJECT SHOWCASE // REAL BUILDS</span>
|
||||
<h1 id="projects-heading">Projects on My Bench</h1>
|
||||
<p class="hero-lead">
|
||||
Here are the three real projects I am currently building and documenting. Because I value honesty in technical documentation, each project page lists only confirmed components and real progress—never invented specifications.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="section-block" aria-labelledby="project-list-heading">
|
||||
<div class="section-header">
|
||||
<div>
|
||||
<span class="section-label">Active Hardware & Software Builds</span>
|
||||
<h2 id="project-list-heading">Current Projects (3)</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-grid">
|
||||
<!-- Project 1 -->
|
||||
<article class="card">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-progress">Status: In progress</span>
|
||||
<span>Project 01</span>
|
||||
</div>
|
||||
<h3><a href="multi-functional-controller.html">Multi-Functional RC Controller</a></h3>
|
||||
<p>
|
||||
An ongoing RC controller project focused on remote control hardware and hardware-software integration.
|
||||
</p>
|
||||
|
||||
<p><strong>Confirmed technologies & focus:</strong></p>
|
||||
<ul class="tag-list" aria-label="Confirmed technologies for Multi-Functional RC Controller">
|
||||
<li><span class="tag">RC Control</span></li>
|
||||
<li><span class="tag">Hardware-Software Integration</span></li>
|
||||
<li><span class="tag">Open-Source Repo</span></li>
|
||||
</ul>
|
||||
|
||||
<div class="project-notes">
|
||||
<p><strong>What I am currently learning:</strong> Structuring an RC controller system so physical inputs and control software stay reliable and modular.</p>
|
||||
<p><strong>Next step:</strong> Documenting confirmed hardware choices, wiring notes, and iteration logs as testing progresses.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-primary" href="multi-functional-controller.html">Read Project Page</a>
|
||||
<a class="btn btn-secondary" href="https://github.com/ertunc-ozbay/multi-functional-controller" rel="noopener noreferrer">GitHub Repository</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Project 2 -->
|
||||
<article class="card">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-progress">Status: In progress</span>
|
||||
<span>Project 02</span>
|
||||
</div>
|
||||
<h3><a href="rc-autonomous-vehicle.html">RC and Autonomous Vehicle</a></h3>
|
||||
<p>
|
||||
An ongoing project exploring RC control and autonomous vehicle behavior. This project is part of my effort to understand systems across electronics, control logic, and software.
|
||||
</p>
|
||||
|
||||
<p><strong>Confirmed technologies & focus:</strong></p>
|
||||
<ul class="tag-list" aria-label="Confirmed focus areas for RC and Autonomous Vehicle">
|
||||
<li><span class="tag">RC Control</span></li>
|
||||
<li><span class="tag">Autonomous Behavior Exploration</span></li>
|
||||
<li><span class="tag">Electronics</span></li>
|
||||
<li><span class="tag">Control Logic & Software</span></li>
|
||||
</ul>
|
||||
|
||||
<div class="project-notes">
|
||||
<p><strong>What I am currently learning:</strong> How manual RC control and autonomous decision logic interact with physical vehicle electronics.</p>
|
||||
<p><strong>Next step:</strong> Confirming and testing the hardware platform before publishing specific sensor or controller details.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-primary" href="rc-autonomous-vehicle.html">Read Project Page</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Project 3 -->
|
||||
<article class="card">
|
||||
<div class="card-top">
|
||||
<div class="card-meta">
|
||||
<span class="badge badge-experimental">Status: In progress / Experimental</span>
|
||||
<span>Project 03</span>
|
||||
</div>
|
||||
<h3><a href="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. The hardware currently includes two active buzzers, one passive buzzer, a rotary encoder, a 1.3-inch AMOLED display, two buttons, and two LEDs.
|
||||
</p>
|
||||
|
||||
<p><strong>Confirmed components & tools:</strong></p>
|
||||
<ul class="tag-list" aria-label="Confirmed components for MIDI Breadboard Instrument">
|
||||
<li><span class="tag">MIDI-to-C Conversion Script</span></li>
|
||||
<li><span class="tag">C Code Output</span></li>
|
||||
<li><span class="tag">2x Active Buzzers</span></li>
|
||||
<li><span class="tag">1x Passive Buzzer</span></li>
|
||||
<li><span class="tag">1x Rotary Encoder</span></li>
|
||||
<li><span class="tag">1.3" AMOLED Screen</span></li>
|
||||
<li><span class="tag">2x Buttons</span></li>
|
||||
<li><span class="tag">2x LEDs</span></li>
|
||||
</ul>
|
||||
|
||||
<div class="project-notes">
|
||||
<p><strong>What I am currently learning:</strong> Translating musical MIDI data into C code arrays and coordinating buzzers, a display, and physical user inputs on a breadboard.</p>
|
||||
<p><strong>Next step:</strong> Recording build notes, refining the MIDI-to-C conversion workflow, and documenting the breadboard setup.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-actions">
|
||||
<a class="btn btn-primary" href="midi-breadboard-instrument.html">Read Project Page</a>
|
||||
</div>
|
||||
</article>
|
||||
</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>
|
||||
Loading…
Reference in a new issue