160 lines
8.2 KiB
HTML
160 lines
8.2 KiB
HTML
<!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>
|