Release 0.3.0: changelog, llms.txt and site script version

CHANGELOG.md

@@ -2,7 +2,7 @@
 
 All notable changes to PixelSpec are listed here. The site's changelog page (`site/changelog.html`) shows the same entries.
 
-## Unreleased (0.3.0)
+## 0.3.0 (2026-11-10)
 
 New look.
 

site/changelog.html

@@ -50,9 +50,25 @@
       <h1 class="h-1" id="cl-title">Changelog</h1>
       <p class="cl-lead">New features, changes and fixes in each PixelSpec release.</p>
       <div class="releases">
+      <article class="release" id="v0.3.0">
+        <div>
+          <p class="ver">0.3.0 <span class="latest">Latest</span></p>
+          <time datetime="2026-11-10">November 10, 2026</time>
+        </div>
+        <div>
+          <p class="summary">New look.</p>
+          <h3>Changed</h3>
+          <ul>
+            <li>New PixelSpec mark and an original outline icon set, all drawn on the same grid so they line up.</li>
+            <li>Keyboard shortcuts show as keycaps. Glows removed from the toolbar and popover.</li>
+            <li>The toolbar stays pinned to its corner and can no longer be dragged. Positions saved by older versions are ignored.</li>
+          </ul>
+        </div>
+      </article>
+
       <article class="release" id="v0.2.1">
         <div>
-          <p class="ver">0.2.1 <span class="latest">Latest</span></p>
+          <p class="ver">0.2.1</p>
           <time datetime="2026-10-20">October 20, 2026</time>
         </div>
         <div>

site/index.html

@@ -470,6 +470,6 @@ <h2 class="h-display" id="cta-title">Stop <span class="t-pixel accent">eyeballin
 })();
 </script>
 <!-- Local build when served from the repo (npm run demo); the published package otherwise. Bump to @0.3.0 once it's on npm. -->
-<script src="/dist/pixelspec.global.js" onerror="var s=document.createElement('script');s.src='https://unpkg.com/pixelspec@0.2.1/dist/pixelspec.global.js';document.body.appendChild(s)"></script>
+<script src="/dist/pixelspec.global.js" onerror="var s=document.createElement('script');s.src='https://unpkg.com/pixelspec@0.3.0/dist/pixelspec.global.js';document.body.appendChild(s)"></script>
 </body>
 </html>

site/llms.txt

@@ -2,7 +2,7 @@
 
 > PixelSpec is a free, open-source (MIT) design inspector for any live website. It measures padding, margin, gaps, distances between elements, typography, colors and WCAG contrast right in the browser, then lets you click elements to leave feedback and copy it as a compact prompt for AI coding agents such as Claude Code and Cursor. It is an alternative to Agentation with built-in design inspection.
 
-- Current version: 0.2.1. Package name on npm: `pixelspec`.
+- Current version: 0.3.0. Package name on npm: `pixelspec`.
 - Works on any site and framework (React, Next.js, Vite, Vue, Svelte, plain HTML). React, Vue and Svelte component names are detected automatically.
 - Zero runtime dependencies. The overlay lives in a shadow root, so it never changes the page's styles.
 - Meant for development builds only.