From 761f4ae9ab036134de370f1c15c2f03f526fdecf Mon Sep 17 00:00:00 2001
From: clover caruso <git@paperclover.net>
Date: Tue, 7 Oct 2025 01:22:24 -0700
Subject: [PATCH] feat(site): public code for blog september 2025

---
 .gitignore              | 2 +-
 package.json            | 2 --
 src/friends/.gitignore  | 4 ----
 src/tags/image.tsx      | 9 ++++++---
 src/tags/photo-grid.css | 5 +++--
 src/tags/photo-grid.tsx | 1 +
 6 files changed, 11 insertions(+), 12 deletions(-)
 delete mode 100644 src/friends/.gitignore

diff --git a/.gitignore b/.gitignore
index 1b17dce145df182acc1692ee112b80db4f8240ae..0ad2006abd32c5e7e9a58620130811abb9ce9e37 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,4 @@
 .env
 lib/dist-npm
 node_modules
-
+src/friends
diff --git a/package.json b/package.json
index eb14ab45b74b926f15ff1134dea9f5c07244ceea..4547a07f4d1c1e63c16180dbd49bb507fcf9e259 100644
--- a/package.json
+++ b/package.json
@@ -13,9 +13,7 @@
     "marko": "6.0.82",
     "msgpackr": "1.11.5",
     "puppeteer": "24.23.0",
-    "sharp": "0.34.2",
     "source-map-support": "0.5.21",
-    "ts-to-jsdoc": "2.4.0",
     "unique-names-generator": "4.7.1",
     "vscode-oniguruma": "2.0.1",
     "vscode-textmate": "9.2.0"
diff --git a/src/friends/.gitignore b/src/friends/.gitignore
deleted file mode 100644
index 61eb27386e8b3015b54b8f597a4acd9eea799ead..0000000000000000000000000000000000000000
--- a/src/friends/.gitignore
+++ /dev/null
@@ -1,4 +0,0 @@
-# this directory is private, and not checked into the git repository
-# instead, it is version-controlled via computer clover's backup system.
-*
-!.gitignore
diff --git a/src/tags/image.tsx b/src/tags/image.tsx
index c7eea907b1c8b64b98e82c28444f5a20a1bb6149..53168c28470a64c1e00409415f9e194644e439ae 100644
--- a/src/tags/image.tsx
+++ b/src/tags/image.tsx
@@ -31,7 +31,7 @@ export default function Image(
     : `100vw`;
 
   return (
-    <picture class={className} style={style}>
+    <picture>
       {["jxl", "avif", "webp"].map((ext) => (
         <source
           type={`image/${ext}`}
@@ -41,10 +41,13 @@ export default function Image(
       ))}
       <img
         src={base}
+        class={className}
         {...rest}
         style={objectFit
-          ? { "object-fit": objectFit, width: "100%", height: "100%" }
-          : null}
+          ? `object-fit:${objectFit};width:100%;height:100%${
+            style ? ";" + style : ""
+          }`
+          : style}
       />
     </picture>
   );
diff --git a/src/tags/photo-grid.css b/src/tags/photo-grid.css
index 43134886fef57fe0763892515e731e3145c963da..94625d2c0a93c411f18769ad9f8733d557efc640 100644
--- a/src/tags/photo-grid.css
+++ b/src/tags/photo-grid.css
@@ -1,11 +1,12 @@
 photo-grid {
   display: grid;
-  gap: 0.5rem;
+  gap: 11px;
   div {
     position: relative;
     width: 100%;
     height: 100%;
-    border: 2px solid #0009;
+    border: 2px solid black;
+    outline: 4px solid var(--primary, #000);
   }
   img {
     position: absolute;
diff --git a/src/tags/photo-grid.tsx b/src/tags/photo-grid.tsx
index 3889ec2f4a8c8ccd55dd42451f5a5926c1644b40..fbcd549157633c0d6d9c029ee0ef951749295da1 100644
--- a/src/tags/photo-grid.tsx
+++ b/src/tags/photo-grid.tsx
@@ -133,3 +133,4 @@ import "./photo-grid.css";
 import { MediaFile } from "@/file-viewer/models/MediaFile.ts";
 import Image from "./image.tsx";
 import * as path from "node:path";
+import { ASSERT } from "lib/assert.ts";
-- 
2.54.0