Posts about IdentityMD, sorted by likes, reposts and replies.
\n ","title":"fidelity: the phone feed labels fictional posts as the best IdentityMD posts"},{"citation":"resolved","description":"Now: Both og:image and twitter:image point to ./og-image.svg while twitter:card requests a large-image card. The asset exists and passes taste@1's metadata-presence check, but its SVG format is unsupported by X cards.\nChange to: Rasterize the existing artwork as a 1200×630 PNG, serve it as image/png, and change both image metadata values to ./og-image.png; preserve the existing illustration and relative-URL convention.\nWhy: A site about tweets should have a usable share preview. X's published card-format contract excludes SVG; this is a format defect in the repository rather than a hosting or domain requirement.","line":13,"path":"src/index.html","reproduction":"At 1440×900 (also independent of viewport), open the page and inspect document.querySelector('meta[name=\"twitter:image\"]').content and document.querySelector('meta[property=\"og:image\"]').content: both are \"./og-image.svg\". Open that asset: src/og-image.svg line 1 is an SVG document with width=\"1200\" and height=\"630\", not PNG/JPEG/WebP/GIF data. Compare the twitter:image format contract in X's archived primary documentation, https://web.archive.org/web/20260204074639/https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image (twitter:image row): SVG is unsupported. Expected: a supported raster image. This verifies incompatibility against the published contract; no live-domain crawler or public post was used.","severity":"medium","snippet":" ","title":"bug: the share image uses SVG, which X cards cannot display"}],"hash":"9ca8813644c8ad13bd0ee2ecb1028d0242c5c311902424b8a2913d88b12c69af","nodeId":"5d6b4675-f005-4e25-8c26-da8498f122ec","outcome":"completed","summary":"| Area | Result |\n|---|---|\n| Requirements | 3: 2 met, 1 needs requester; 0 missing/faked |\n| Broken features | 2 |\n| First screen at 390 | Yes: post and Copy action visible |\n| taste@1 | 16/16 passed |\n| Copy | 1 finding |\n| Share card | Metadata present; 1 format defect |\n\n- “Showing the top tweets about identity MD” — **needs requester:** authentic tweets and engagement data. `src/posts.js:2` identifies the current content as fictional.\n- “Dark green” — **met:** `src/styles.css` renders background `#0b1f14`.\n- “Theme of pepes armed with AI” — **met:** `src/index.html` supplies visor-wearing frog avatars and a hero holding an AI chip.\n\nThe visual idea is a dark-green IdentityMD feed populated by frogs equipped with AI visors.\n\nSaved three **medium** findings in [.imd-findings.json](/home/debian/.identitymd/work/4c5ef2d8-6944-4b13-8f7f-c6cde9aa9ede/5d6b4675-f005-4e25-8c26-da8498f122ec/.imd-findings.json):\n\n1. **bug:** Successful searches also display “No posts match this search.” Apply `.empty` grid styling only when the element lacks `hidden`.\n2. **fidelity:** Fictional engagement appears without disclosure on the phone screen. Label the existing headline and description as sample content.\n3. **bug:** Share metadata references SVG. Export the existing artwork as PNG; [X’s published card specification excludes SVG](https://web.archive.org/web/20260204074639/https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image).\n\n`npm run check` passed; `node --test tests/feed.test.cjs` passed 9/9. Chromium interaction checks completed. `npm test` failed under Node 24 because its directory argument was unresolved. WebKit testing remained blocked by the host’s EGL initialization failure.\n\nAll finding citations were validated. Website files remain unchanged.","treeHash":null,"usage":{"cachedInputTokens":3763328,"inputTokens":125338,"model":"gpt-6.1-sol","outputTokens":22084,"runtime":"codex","turns":9,"wallClockMs":733835}},{"artifacts":[],"attempt":1,"bundleHash":"339d0d3cd9c40d1ed5a5d37a0f64fe364178da7ec87f6cacb2b2c370dde38140","device":"0b0761c9b10fe0bb","findings":[],"hash":"e8ac7dabf32f8c21e51671c208891998509f37357402dd400105c71a16bf354e","nodeId":"256d0452-fd97-4e7d-bbd4-d6a70bf8fbbc","outcome":"completed","summary":"I've built the site and written `dist/index.html`, which is what the last check reported missing. But I couldn't run anything to test it: every shell command failed with \"Sandbox is required but failed to initialize: Failed to create bridge sockets after 5 attempts\". So the build, typecheck, tests, design probe and git commit never ran, and the work is uncommitted in the working tree. The browser tool didn't work either (\"chrome-for-testing is not installed\"), so no screenshots or rendered checks exist.\n\n**The posts are made up.** A web search found nothing about IdentityMD, and X can't be read without a login. So the 12 posts are a sample set with fictional frog accounts and invented numbers. The page says so in its \"About the feed\" section. To show real posts, replace the list in `src/posts.js` and rebuild.\n\n**What the site does:** it's a single dark green page with frogs in AI visors (the hero, the favicon and every avatar). You can:\n- search the posts;\n- filter by topic: Agents, Builders, Sites, Memes;\n- sort by top engagement, newest or most replies;\n- copy a post, with a confirmation message;\n- reset when nothing matches;\n- share a filtered view, since the filter is kept in the link.\n\nThe page has a title, favicon, description, og:title and og:image. From the CSS, the first post should start about 510px down at 390 wide, so it's on the first screen. That's an estimate, not a screenshot.\n\n**Why it isn't Vite/React/TypeScript:** without a shell I couldn't install packages or run a build. So the site is plain HTML, CSS and JavaScript with no dependencies, and `dist/` is a hand-written copy of `src/`. Line counts match file for file; `npm run check` is what confirms the copies are byte-identical. The lockfile has no dependencies in it.\n\n**Design review:** I applied the Better Interface guide while building and reviewed all six areas from the source only. I fixed four issues:\n- The heading used a fourth font weight; now there are three.\n- The rank label wasn't reliably read out by screen readers.\n- Clicking \"About\" or the skip link would have wiped the current filter.\n- The hidden copy message could have counted as covering text.\n\nTwo things are still open: the share image is a relative SVG, which many link previews won't display, and none of the colour contrast ratios were measured. Everything is recorded in `artifacts/validation.md`, marked **Incomplete**. The README explains how to install, preview and rebuild, and `DESIGN.md` documents the colours, type, spacing, components and breakpoints.\n\n**To finish once a shell works:**\n1. `npm run build && npm test && npm run check`\n2. `node .imd/reads/skills/design-critic/scripts/taste.mjs --out test/scratch/taste`\n3. Commit the working tree.\n\nI also added a `.gitignore` covering `node_modules/`, `.cache/`, `.npm/`, `test/scratch/` and `*.tgz`, because cache folders were sitting in the repo root.\n\nNot delivered: artifacts/validation.md. Under artifacts/, only this step's named outputs leave the machine.","treeHash":"91b96bb0d7e66d9ca6739fd2bd65223b7b63154e","usage":{"cachedInputTokens":2148243,"inputTokens":74,"model":"claude-opus-5-5","outputTokens":67228,"runtime":"claude","turns":63,"wallClockMs":645543}}],"verification":[{"checks":[],"detail":"paths and tree verified; no suite was run for this kind of work","evaluation":"structural","profile":"none","status":"accepted","submissionHash":"e8ac7dabf32f8c21e51671c208891998509f37357402dd400105c71a16bf354e","verifiedTreeHash":"91b96bb0d7e66d9ca6739fd2bd65223b7b63154e","verifierVersion":"0.1.0+48c1bcfc"}]}