LL---
layout: base.njk
title: Starter Tool
description: A bare-bones utility template you can duplicate for new tools.
permalink: /tools/starter-tool/index.html
---
<section class="hero" style="padding-top:1rem;">
  <p class="eyebrow">Utility Template</p>
  <h1>Starter Tool</h1>
  <p>
    This page intentionally keeps things simple. Copy it, rename the file, add your HTML/JS/CSS, and wire a new entry in
    <code>src/_data/tools.json</code> to make it appear in the directory.
  </p>
</section>

<section class="tool-shell">
  <div class="tool-placeholder">
    <p><strong>Getting started:</strong></p>
    <ol>
      <li>Replace this markup with your tool UI.</li>
      <li>Add inline scripts or import files from <code>src/assets/js</code>.</li>
      <li>Keep things progressive-enhancement friendly—no framework required.</li>
    </ol>
  </div>
</section>

<style>
.tool-placeholder {
  border: 1px dashed rgba(255,255,255,0.2);
  border-radius: 16px;
  padding: 1.25rem;
  background: rgba(255,255,255,0.02);
}
</style>