0xa0
618d8254f1
Deploy / deploy (push) Successful in 3s
Five varieties (kohaku, ogon, sanke, showa, tancho) swim in the side margins, drawn the way the reference does it: every cell is a filled tile in the koi's colour with a letter punched into it in near-black, picked from a thin-to-thick ramp by how dense that part of the body is. The tile carries the colour, the letter carries the texture. The grid is square and the geometry is in pixels, snapping to cells only when one is written. Laying the body out in grid cells instead makes its proportions depend on heading -- thickness is perpendicular to travel, so on the natural text grid a fish swimming sideways came out short and fat while one swimming up came out slim. The body is a follow-the-leader chain with a bend limit per joint. A spine projected from the head rotates rigidly the moment the fish turns, and a raw position trail coils into a ball; the chain lags and the bend cap keeps it from curling. Swimming comes from the head yawing with the tail beat, which the chain propagates as a travelling wave. Tails dissolve into loose tiles toward the tip, and the panels carry a 1em cell grid so the motion reads against something. Drops the sakura wiring: no art.php parse, no sideart.php stylesheet, no <pre> layers, and the inlined sideart @font-face goes with them (-6.9 KB of base64 from style.css). art.php, sideart.php, sakura.ans and the woff2 are left on disk, now unreferenced.
25 lines
716 B
PHP
25 lines
716 B
PHP
<?php
|
|
require_once __DIR__ . '/../config.php';
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="dark">
|
|
<title><?= htmlspecialchars($page_title ?? SITE_TITLE) ?></title>
|
|
<link rel="icon" href="/img/favicon.ico" sizes="any">
|
|
<link rel="stylesheet" href="/css/style.css?v=<?= filemtime(__DIR__ . '/../css/style.css') ?>">
|
|
<script src="/js/htmx.min.js" defer></script>
|
|
<script src="/js/idiomorph-ext.min.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<a href="/">home</a>
|
|
<a href="/blog.php">blog</a>
|
|
<a href="/guestbook.php">guestbook</a>
|
|
</nav>
|
|
</header>
|
|
<main>
|