146 lines
6.6 KiB
HTML
146 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>[Template] Project Build Log & Technical Note Template — Blog — Ertunç Özbay</title>
|
|
<meta name="description" content="Reusable static HTML blog post template for Ertunç Özbay's workshop website.">
|
|
<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">
|
|
<nav class="breadcrumb" aria-label="Breadcrumb">
|
|
<a href="index.html">← Back to Blog</a>
|
|
</nav>
|
|
|
|
<!--
|
|
=====================================================================
|
|
BEGINNER HOW-TO: HOW TO CREATE A NEW BLOG POST FROM THIS TEMPLATE
|
|
1. Duplicate this file (blog/post-template.html) inside the blog/ folder.
|
|
2. Rename the new copy, for example: blog/midi-c-conversion-notes.html
|
|
3. Edit the <title>, Date, Category, Reading time, Heading (<h1>),
|
|
Summary, Tags, and Article sections below.
|
|
4. Open blog/index.html and copy one <article class="card"> block to
|
|
link to your new filename.
|
|
=====================================================================
|
|
-->
|
|
|
|
<article class="reading-width">
|
|
<header class="workshop-hero">
|
|
<div class="card-meta">
|
|
<span class="badge badge-experimental">Template • Draft Example</span>
|
|
<time datetime="2026-10-14">YYYY-MM-DD (Template)</time>
|
|
<span>• Category: Build Log / Technical Note</span>
|
|
<span>• Reading time: X min read</span>
|
|
</div>
|
|
<h1>[Template] Article Title: What I Tested and Learned on the Bench</h1>
|
|
<p class="hero-lead">
|
|
<strong>Summary:</strong> This page is a clearly labeled static HTML template for future blog posts. Copy this file whenever you want to publish a new build log, C programming note, or circuit experiment.
|
|
</p>
|
|
<ul class="tag-list" aria-label="Article tags">
|
|
<li><span class="tag">template</span></li>
|
|
<li><span class="tag">draft</span></li>
|
|
<li><span class="tag">embedded-learning</span></li>
|
|
<li><span class="tag">c-programming</span></li>
|
|
</ul>
|
|
</header>
|
|
|
|
<div class="callout-box amber">
|
|
<span class="callout-title">Template Notice</span>
|
|
<p style="margin-bottom:0;">
|
|
This entry is a reusable <strong>Template / Draft</strong> kept in the repository so creating new posts requires only copying a single HTML file—no CMS, database, or build script needed.
|
|
</p>
|
|
</div>
|
|
|
|
<section class="section-block" aria-labelledby="tpl-sec-1">
|
|
<h2 id="tpl-sec-1">1. Goal of the Experiment or Build Step</h2>
|
|
<p>
|
|
Write a short paragraph explaining what you set out to build, test, or investigate. Keep it personal and honest—just like explaining the setup to a friend or engineering teammate.
|
|
</p>
|
|
</section>
|
|
|
|
<section class="section-block" aria-labelledby="tpl-sec-2">
|
|
<h2 id="tpl-sec-2">2. Hardware & Software Setup</h2>
|
|
<p>
|
|
List only the confirmed hardware components, tools, or code files you actually used during this session.
|
|
</p>
|
|
<pre><code>/* Example C code snippet or terminal note */
|
|
// Document register settings, MIDI array structures, or test logic here.</code></pre>
|
|
</section>
|
|
|
|
<section class="section-block" aria-labelledby="tpl-sec-3">
|
|
<h2 id="tpl-sec-3">3. What Worked and What Failed</h2>
|
|
<p>
|
|
Documenting what failed is just as valuable as documenting what worked. Note any wiring mistakes, timing bugs, or AI-generated code assumptions that needed manual debugging.
|
|
</p>
|
|
</section>
|
|
|
|
<section class="section-block" aria-labelledby="tpl-sec-4">
|
|
<h2 id="tpl-sec-4">4. Next Step & Related Projects</h2>
|
|
<p>
|
|
Link this post back to the relevant project detail page so visitors can follow the full story:
|
|
</p>
|
|
<ul>
|
|
<li><a href="../projects/midi-breadboard-instrument.html">Related Project: MIDI Breadboard Instrument</a></li>
|
|
<li><a href="../projects/multi-functional-controller.html">Related Project: Multi-Functional RC Controller</a></li>
|
|
<li><a href="../projects/rc-autonomous-vehicle.html">Related Project: RC and Autonomous Vehicle</a></li>
|
|
</ul>
|
|
<div class="button-row">
|
|
<a class="btn btn-secondary" href="index.html">← Back to Blog Index</a>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
</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>
|