Skip to content
days.

Latest 🗞️

Thursday, March 5

Stupid sidebar tricks

I wanted to add my name and some external (non-social) links to the main layout. Starlight, being a documentation framework, isn’t really designed with that sort of thing in mind. I decided to use the sidebar, essentially dividing it into a header (for the author’s name), a main area, and a footer (for external links). Note that the sidebar is hidden behind a menu button at mobile sizes.

You can always override Starlight’s <Sidebar> component, which is probably what I should do. But for now, this config-only hack kind of works, helped by some custom CSS for the .author class.

View full post…

Git Commits

scratch commits 9 ohnsh/scratch

  • 11:15 pm — John Sherrell <dev@ohn.sh>

    Clean up formatting.

  • 9:37 pm — John Sherrell <dev@ohn.sh>

    Split log into different project.

  • 7:00 pm — John Sherrell <dev@ohn.sh>

    Ready to split into scratch/log.

  • 4:43 pm — John Sherrell <dev@ohn.sh>

    Added routeData middleware to inject og:image meta tags pointing at YouTube thumbnails.

  • 3:13 pm — John Sherrell <dev@ohn.sh>

    Test OG image on March 3.

  • 12:54 pm — John Sherrell <dev@ohn.sh>

    New videos.

  • 12:46 pm — John Sherrell <dev@ohn.sh>

    Shim docs content loader to generate redundant sidebar frontmatter options.

  • 1:26 am — John Sherrell <dev@ohn.sh>

    Added `date` frontmatter to log posts. Going to eliminate some or all of the rest.

  • 12:46 am — John Sherrell <dev@ohn.sh>

    New videos.

days commits 4 ohnsh/days

  • 10:29 pm — John Sherrell <dev@ohn.sh>

    Clean-up.

  • 10:24 pm — John Sherrell <dev@ohn.sh>

    New videos.

  • 10:12 pm — John Sherrell <dev@ohn.sh>

    Fix up favicons, add logo, clean up public.

  • 9:46 pm — John Sherrell <dev@ohn.sh>

    Bringing in starlight-based blog from scratch project. Old setup is on branch `orig`.

YouTube

Wednesday, March 4

Git Commits

scratch commits 6 ohnsh/scratch

  • 1:21 pm — John Sherrell <dev@ohn.sh>

    New videos.

  • 11:58 am — John Sherrell <dev@ohn.sh>

    Add READMEs to vendor code directories.

  • 11:36 am — John Sherrell <dev@ohn.sh>

    Start of object detection demo. Library code copied from emergentai/yolov12-onnxruntime-web.

  • 2:23 am — John Sherrell <dev@ohn.sh>

    New beaker favicon/logo.

  • 12:19 am — John Sherrell <dev@ohn.sh>

    New videos.

  • 12:06 am — John Sherrell <dev@ohn.sh>

    Some notes about OG images. Add January.

Tuesday, March 3

Notes

Sample code for generating OG images with Satori and Resvg:

src/pages/og/[slug].png.ts
import satori from 'satori';
import { Resvg } from '@resvg/resvg-js';
import { getCollection } from 'astro:content';


export async function getStaticPaths() {
  const posts = await getCollection('blog');
  return posts.map((post) => ({
    params: { slug: post.slug },
    props: { title: post.data.title },
  }));
}


export const GET = async ({ props }) => {
  // Satori requires a font as an ArrayBuffer
  const fontData = await fetch('https://example.com').then(res => res.arrayBuffer());


  const svg = await satori(
    { type: 'div', props: { children: props.title, style: { fontSize: 60 } } },
    { width: 1200, height: 630, fonts: [{ name: 'Inter', data: fontData }] }
  );


  const resvg = new Resvg(svg);
  const pngData = resvg.render().asPng();


  return new Response(pngData, { headers: { 'Content-Type': 'image/png' } });
};

See also astro-og-canvas and astro-opengraph-images. See also the frontmatter of this post for a method of setting the <meta> tags manually.

View full post…

Git Commits

scratch commits 7 ohnsh/scratch

  • 5:58 pm — John Sherrell <dev@ohn.sh>

    Overhaul starlight sidebar and structure.

  • 3:41 pm — John Sherrell <dev@ohn.sh>

    Add running vids.

  • 2:51 pm — John Sherrell <dev@ohn.sh>

    YOLO12 models for demo. From emergentai/yolov12-onnxruntime-web.

  • 2:51 pm — John Sherrell <dev@ohn.sh>

    Daily log starter.

  • 11:49 am — John Sherrell <dev@ohn.sh>

    Keep only one active WebSocket connection at a time in PTZ demo.

  • 11:18 am — John Sherrell <dev@ohn.sh>

    Testing Cloudinary and Mux.

  • 1:52 am — John Sherrell <dev@ohn.sh>

    Add KaTeX support.

ptz-websocket commits 1 ohnsh/ptz-websocket

  • 11:50 am — John Sherrell <dev@ohn.sh>

    New orientation (/ptz/abs) connectors automatically become the active user. And if no active user when a message is received, the sender automatically becomes active.

Monday, March 2

Git Commits

ptz-websocket commits 4 ohnsh/ptz-websocket

  • 5:32 pm — John Sherrell <dev@ohn.sh>

    Feeding the typescript monster.

  • 5:15 pm — John Sherrell <dev@ohn.sh>

    Add cf-connecting-ip to server logs. New helper command to kill tmux sessions.

  • 4:59 pm — John Sherrell <dev@ohn.sh>

    Added my new favorite command to helpers.sh (the command to start the server and share the tmux session).

  • 4:14 pm — John Sherrell <dev@ohn.sh>

    Working websocket server for thingino PTZ control.

scratch commits 4 ohnsh/scratch

  • 6:12 pm — John Sherrell <dev@ohn.sh>

    Move RemoteTerm out of PtzDemo component.

  • 1:06 pm — John Sherrell <dev@ohn.sh>

    Disable ttyd token requests for now. (CORS errors.)

  • 3:10 am — John Sherrell <dev@ohn.sh>

    Formatting.

  • 2:57 am — John Sherrell <dev@ohn.sh>

    PTZ demo works pretty well.

Tuesday, February 24

Git Commits

scratch commits 5 ohnsh/scratch

  • 11:37 pm — John Sherrell <dev@ohn.sh>

    Added shadcn/ui, react, and tailwind. Split base layout; one for tailwind and another for open-props. Import aliases.

  • 9:50 pm — John Sherrell <dev@ohn.sh>

    Add playlist player.

  • 8:59 pm — John Sherrell <dev@ohn.sh>

    Bump wrangler, add menu to index.

  • 8:54 pm — John Sherrell <dev@ohn.sh>

    YouTube data API loader working without pagination support.

  • 5:36 pm — John Sherrell <dev@ohn.sh>

    Getting YouTube demo up.

days commits 3 ohnsh/days

  • 5:50 pm — John Sherrell <dev@ohn.sh>

    Refactor blog -> posts.

  • 5:38 pm — John Sherrell <dev@ohn.sh>

    Moving YouTube demo to scratch project for now.

  • 11:52 am — John Sherrell <dev@ohn.sh>

    Starting to parse YouTube channel feed.

YouTube