docs: fix block images and method headings

projects/typed-peripheral-digitalitems/documentation/generate-docs.mjs

@@ -96,17 +96,6 @@ function escapeCell(value) {
   return value.replaceAll("|", "\\|").replaceAll("\n", " ");
 }
 
-async function renderBlock(textureRoot, block) {
-  const texture = async (face) => (await readFile(resolve(textureRoot, `${block}_${face}.png`))).toString("base64");
-  const [side, front, top] = await Promise.all([texture("side"), texture("front_on"), texture("top")]);
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
-  <polygon points="12,83 64,113 116,83 64,53" fill="#000" opacity=".28"/>
-  <image href="data:image/png;base64,${side}" width="16" height="16" image-rendering="pixelated" transform="matrix(3 1.5 0 3 16 32)"/>
-  <image href="data:image/png;base64,${front}" width="16" height="16" image-rendering="pixelated" transform="matrix(3 -1.5 0 3 64 56)"/>
-  <image href="data:image/png;base64,${top}" width="16" height="16" image-rendering="pixelated" transform="matrix(3 1.5 -3 1.5 64 8)"/>
-</svg>\n`;
-}
-
 export function renderPeripheral(peripheral, revision = "") {
   const lines = [
     "## Peripheral methods",
@@ -159,7 +148,7 @@ export async function buildDocs(args = []) {
   await mkdir(resolve(buildRoot, "assets/peripherals"), { recursive: true });
   const textureRoot = resolve(projectRoot, "../core/src/main/resources/assets/digitalitems/textures/block");
   for (const block of ["digitizer", "advanced_digitizer"]) {
-    await writeFile(resolve(buildRoot, "assets/peripherals", `${block}.svg`), await renderBlock(textureRoot, block));
+    await cp(resolve(textureRoot, `${block}_front_on.png`), resolve(buildRoot, "assets/peripherals", `${block}.png`));
   }
   await mkdir(resolve(buildRoot, "assets/stylesheets"), { recursive: true });
   await mkdir(resolve(buildRoot, "assets/javascripts"), { recursive: true });

projects/typed-peripheral-digitalitems/documentation/guides/advanced-items.md

@@ -5,7 +5,7 @@ peripheralInterface: AdvancedDigitizer
 # Advanced Digitizer
 
 <div class="di-peripheral-hero di-peripheral-hero--advanced">
-  <div class="di-peripheral-image"><img src="../../assets/peripherals/advanced_digitizer.svg" alt="Advanced digitizer block" /></div>
+  <div class="di-peripheral-image"><img src="../../assets/peripherals/advanced_digitizer.png" alt="Advanced digitizer block" /></div>
   <div><span class="di-eyebrow">MULTI-STORAGE PERIPHERAL</span><p>The advanced digitizer moves items, fluids, and energy between attached storage and durable digital identifiers.</p><dl><div><dt>Peripheral type</dt><dd><code>{{ peripheralType }}</code></dd></div><div><dt>Storage</dt><dd>Items, fluids, energy</dd></div><div><dt>Failure style</dt><dd>Recoverable result pairs</dd></div></dl></div>
 </div>
 

projects/typed-peripheral-digitalitems/documentation/guides/basic-digitizer.md

@@ -5,7 +5,7 @@ peripheralInterface: Digitizer
 # Basic Digitizer
 
 <div class="di-peripheral-hero">
-  <div class="di-peripheral-image"><img src="../../assets/peripherals/digitizer.svg" alt="Digitizer block" /></div>
+  <div class="di-peripheral-image"><img src="../../assets/peripherals/digitizer.png" alt="Digitizer block" /></div>
   <div><span class="di-eyebrow">ITEM PERIPHERAL</span><p>The basic digitizer turns physical item stacks into portable digital identifiers and restores them through its internal inventory.</p><dl><div><dt>Peripheral type</dt><dd><code>{{ peripheralType }}</code></dd></div><div><dt>Storage</dt><dd>Items</dd></div><div><dt>Failure style</dt><dd>Lua errors</dd></div></dl></div>
 </div>
 

projects/typed-peripheral-digitalitems/documentation/index.md

@@ -8,11 +8,11 @@ TypeScript with TypeScriptToLua.
 
 <div class="di-peripheral-grid">
   <a class="di-peripheral-card" href="guides/basic-digitizer/">
-    <span class="di-peripheral-image"><img src="assets/peripherals/digitizer.svg" alt="Digitizer block" /></span>
+    <span class="di-peripheral-image"><img src="assets/peripherals/digitizer.png" alt="Digitizer block" /></span>
     <span class="di-peripheral-copy"><strong>Digitizer</strong><small>Peripheral type: <code>digitizer</code></small><span>Digitize and restore items through a simple internal inventory.</span><b>Open peripheral guide &rarr;</b></span>
   </a>
   <a class="di-peripheral-card di-peripheral-card--advanced" href="guides/advanced-items/">
-    <span class="di-peripheral-image"><img src="assets/peripherals/advanced_digitizer.svg" alt="Advanced digitizer block" /></span>
+    <span class="di-peripheral-image"><img src="assets/peripherals/advanced_digitizer.png" alt="Advanced digitizer block" /></span>
     <span class="di-peripheral-copy"><strong>Advanced Digitizer</strong><small>Peripheral type: <code>advanced_digitizer</code></small><span>Move items, fluids, and energy between remote storage and digital IDs.</span><b>Open peripheral guide &rarr;</b></span>
   </a>
 </div>

projects/typed-peripheral-digitalitems/documentation/theme/digitalitems.css

@@ -72,15 +72,6 @@
 .di-peripheral-hero dt { opacity: .65; font-size: .62rem; text-transform: uppercase; letter-spacing: .06em; }
 .di-peripheral-hero dd { margin: .15rem 0 0; overflow-wrap: anywhere; font-weight: 700; }
 
-.md-typeset h2#peripheral-methods ~ h3 {
-  margin: 1.4rem 0 0;
-  padding: .75rem 1rem;
-  border: 1px solid var(--di-line);
-  border-bottom: 0;
-  border-radius: .45rem .45rem 0 0;
-  background: var(--di-panel);
-}
-
 .md-typeset table:not([class]) { display: table; width: 100%; }
 .md-typeset table:not([class]) th { background: var(--di-panel); }
 #di-version-select { max-width: 15rem; padding: .28rem .5rem; border: 1px solid var(--di-line); border-radius: .25rem; color: inherit; background: var(--md-default-bg-color); font: 600 .65rem "IBM Plex Mono"; }