Skip to content

Latest πŸ—žοΈ

Wednesday, March 18

Git Commits

ra24-3-cloudflare commits 11 ohnsh/ra24-3-cloudflare
  • 10:38 pm β€” John Sherrell <107401967+ohnsh@users.noreply.github.com>

    Formatting

  • 10:36 pm β€” John Sherrell <107401967+ohnsh@users.noreply.github.com>

    Add screenshots for report. Assignment calls for PDF with screenshots. (Yes, really.)

  • 10:18 pm β€” John Sherrell <dev@ohn.sh>

    Report CE.

  • 10:01 pm β€” John Sherrell <dev@ohn.sh>

    Report finished.

  • 8:17 pm β€” John Sherrell <dev@ohn.sh>

    Report checkpoint.

  • 7:59 pm β€” John Sherrell <dev@ohn.sh>

    Starting report.

  • 7:17 pm β€” John Sherrell <dev@ohn.sh>

    Bump wrangler used in workflow. I think the older version isn't picking up wrangler.jsonc.

  • 7:10 pm β€” John Sherrell <dev@ohn.sh>

    Install bun before running deploy step.

  • 7:08 pm β€” John Sherrell <dev@ohn.sh>

    Added cloudflare deploy-on-push configuration to github workflow.

  • 6:57 pm β€” John Sherrell <dev@ohn.sh>

    Trying RA 24.3 using Cloudflare Workers due to reaching project quota on Firebase.

  • 5:29 pm β€” John Sherrell <dev@ohn.sh>

    Initial commit (by create-cloudflare CLI) Details: C3 = create-cloudflare@2.64.9 project name = ra24-3-cloudflare package manager = bun@1.3.9 wrangler = wrangler@4.75.0 git = 2.53.0

days commits 3 ohnsh/days
  • 4:55 pm β€” John Sherrell <dev@ohn.sh>

    Added tags to sidebar, rudimentary tag-index page. It's a little ugly right now but I expect to refactor everything thoroughly over time.

  • 3:38 pm β€” John Sherrell <dev@ohn.sh>

    I kind of hate what I've done here, but it's an intermediate step toward a full-featured tag implementation. Tags are now mapped to dayKeys, and dayEntries have their own aggregate tagMaps (map of Tag -> CollectionEntry[] where each entry could be a video, commit, day metadata, etc.) First, I need to rework collections to make them consistent. In particular, Youtube and Github collections should be keyed by videoid and commit id/SHA, respectively, instead of being already collated into lists keyed by date.

  • 3:37 pm β€” John Sherrell <dev@ohn.sh>

    Remove test tags, empty day metadata. Update README.

YouTube

Tuesday, March 17

tags:

Git Commits

mit-xpro-ra24-3 commits 2 ohnsh/mit-xpro-ra24-3
  • 11:38 pm β€” John Sherrell <dev@ohn.sh>

    Added Github workflow that runs `bun test` on push.

  • 11:27 pm β€” John Sherrell <dev@ohn.sh>

    Testing a hello whirled express app with Jest-compatible `bun test`. This is part of an assignment in which testing and deployment will be automated with GitHub Actions and Firebase.

days commits 3 ohnsh/days
  • 1:24 am β€” John Sherrell <dev@ohn.sh>

    Static screenshot og:image option. Looking into ways to automate this.

  • 12:51 am β€” John Sherrell <dev@ohn.sh>

    Edits.

  • 12:49 am β€” John Sherrell <dev@ohn.sh>

    Make hero more screenshot-friendly at small viewport sizes. I didn't want to override the `clamp()` expression completely, so instead I hijacked --sl-text-base and --sl-text-3xl (scope limited to the hero) which are used in those expressions.

ra24-2_github-actions commits 1 ohnsh/ra24-2_github-actions
  • 4:21 pm β€” John Sherrell <dev@ohn.sh>

    Demo workflow from Github docs.

Monday, March 16

j.ohn.sh back in business.

My link page at https://j.ohn.sh had been neglected for a few years, so I decided to rebuild it on Astro, the same framework I’m using here at days.ohn.sh. The old repository is still on GitHub.

Back when I made the original, I wouldn’t have been caught dead using a framework. In other, more complicated projects, I built static HTML using Makefiles and esh templates, but this one was a simple index.html with no build tool.

View full post…

Git Commits

ohnsh.github.io commits 2 ohnsh/ohnsh.github.io
  • 6:08 pm β€” John Sherrell <107401967+ohnsh@users.noreply.github.com>

    Revise links in README for new and archived pages

  • 1:42 am β€” John Sherrell <107401967+ohnsh@users.noreply.github.com>

    Switching repos for personal link page; not using Github Pages.

itsa-me commits 12 ohnsh/itsa-me
  • 5:49 pm β€” John Sherrell <107401967+ohnsh@users.noreply.github.com>

    Fix header formatting in README

  • 5:48 pm β€” John Sherrell <107401967+ohnsh@users.noreply.github.com>

    Replace generated README.

  • 5:15 pm β€” John Sherrell <dev@ohn.sh>

    Officially tired of my profile pic. For now, I'm using my 2023-era glamour shot. I tried using Astro's <Image> and asset optimization, but the quality was pretty bad. Letting the browser resize from 1280px down to 200px seems wasteful, but the result speaks for itself.

  • 4:54 pm β€” John Sherrell <dev@ohn.sh>

    Get back some width by moving `min-width` back to the inner element (ul). Document the magic numbers used for column alignment.

  • 4:38 pm β€” John Sherrell <dev@ohn.sh>

    Hue rotated towards chocolate.

  • 4:16 pm β€” John Sherrell <dev@ohn.sh>

    Get some hover action back. Not sure yet if I'm goint to do `background-clip: text` to get a gradient over the text like on the original version.

  • 3:47 pm β€” John Sherrell <dev@ohn.sh>

    Move custom domain config into wrangler.jsonc

  • 3:44 pm β€” John Sherrell <dev@ohn.sh>

    Stroke widths normalized. Good enough to merge and deploy.

  • 3:37 pm β€” John Sherrell <dev@ohn.sh>

    Refactor isn't quite right yet, but it'll do for now. Still need to get stroke-widths normalized. (They seem to be relative to the size of the viewbox, which unfortunately varies between icons and is tightly coupled to the internal path definitions.)

  • 2:58 pm β€” John Sherrell <dev@ohn.sh>

    Re-factoring has cleaned things up quite a bit, but there are a few style regressions.

  • 2:25 pm β€” John Sherrell <dev@ohn.sh>

    Overhaul icons, set colors back to the classic scheme. Need to factor out a component or two.

  • 1:30 am β€” John Sherrell <dev@ohn.sh>

    Removing PicoCSS; basically a reboot.

days commits 4 ohnsh/days
  • 10:44 pm β€” John Sherrell <dev@ohn.sh>

    Finished up post.

  • 6:55 pm β€” John Sherrell <dev@ohn.sh>

    Added spacing between sub-articles (top-level sections within each day). Started a new post about the new (and old) version of my link page.

  • 1:02 am β€” John Sherrell <dev@ohn.sh>

    Tweak commit count badges. Now inline-block with a min-width.

  • 12:45 am β€” John Sherrell <dev@ohn.sh>

    Gradually getting out of the business of customizing the theme. The higher contrast looks better suddenly and makes more of the --sl-color-gray-* shades useful.

scratch commits 1 ohnsh/scratch
  • 5:51 pm β€” John Sherrell <107401967+ohnsh@users.noreply.github.com>

    Add initial README

YouTube

Sunday, March 15

Git Commits

days commits 10 ohnsh/days
  • 11:57 pm β€” John Sherrell <dev@ohn.sh>

    Tweak post header styles, remove console.log.

  • 11:04 pm β€” John Sherrell <dev@ohn.sh>

    Styles: using border-bottom on post titles instead of <hr />. The border is actually on a new <header> wrapping both the h2 and tags. On single-day pages, the rules are a bit different: Tags need a negative margin to create a superficial grouping with the h1 rendered by <StarlightPage>.

  • 10:08 pm β€” John Sherrell <dev@ohn.sh>

    Github loader: New, generalized fetch-all-pages abstraction around api() calls. Just in time for my 99th commit. The Github API uses the HTTP `Link` header to return next-page URLs, while the YouTube API puts them in the body.

  • 9:26 pm β€” John Sherrell <dev@ohn.sh>

    Youtube loader: Generalized fetch-all-pages abstraction around YouTube Data API calls.

  • 9:03 pm β€” John Sherrell <dev@ohn.sh>

    Edited site description.

  • 8:47 pm β€” John Sherrell <dev@ohn.sh>

    Reaching into tab component styles to remove full-width border. This UI needs a lot of improvement, possibly in the form of a framework component, but for now it's better than using <details> everywhere.

  • 12:34 pm β€” John Sherrell <dev@ohn.sh>

    Updated og:image extraction to extract multiple thumbnails if available. (E.g. Facebook lets you pick between them when posting.) Currently filtering out timelapse videos and prioritizing running videos.

  • 12:00 pm β€” John Sherrell <dev@ohn.sh>

    Can't pass empty string in <TabItem> label prop.

  • 11:54 am β€” John Sherrell <dev@ohn.sh>

    Changed YouTube daily entries (<YTDay>) to tabbed interface. Using starlight/astro <Tabs> component but considering adding React to this project and testing radix-ui.

  • 1:47 am β€” John Sherrell <dev@ohn.sh>

    Now grouping videos by tag for display. New <VideoList> component for that purpose. Upgrades to emoji detection. A sort order for tags can be passed as a prop.

Saturday, March 14

Git Commits

days commits 5 ohnsh/days
  • 11:54 pm β€” John Sherrell <dev@ohn.sh>

    Added automatic tag extraction (based on emoji) to youtube loader. Using `Intl.Segmenter` API to handle complex multi-codepoint emoji. Also fixed some edge cases when parsing dates from video titles with implicit years. The year is taken from the pub date but adjusted as necessary in case the two dates fall on different sides of a December/January boundary.

  • 9:24 pm β€” John Sherrell <dev@ohn.sh>

    Youtube loader: fix regex date-from-title parsing edge cases. (JavaScript will parse 'Run 1' as a valid date: January 1, 2001. JavaScript is always right.)

  • 3:57 pm β€” John Sherrell <dev@ohn.sh>

    Dynamic heading levels for rendered markdown and mdx. My spidey sense said that heading levels were going to be a huge pain, and they were. I settled on something that seems pretty robust but unfortunately involves regex string replacement on raw HTML. The <Post> component (similar to the previous <Preview>) computes a heading level offset based on context (list of posts versus single post). Then, a <PostWrapper> component is passed the actual <Content /> in a slot and uses `Astro.slots.render('default')` to obtain the rendered HTML string, which it then manipulates and renders to the page with `<Fragment set:html={adjustedHtml} />`.

  • 12:16 pm β€” John Sherrell <dev@ohn.sh>

    Added horizontal rules back in, moved the CSS to global.css.

  • 1:31 am β€” John Sherrell <dev@ohn.sh>

    Paginated /tags/[tag] route. As a bonus, og:image now works on tag pages. Both og:image and pagination links are implemented in route middleware, so any paginated routes get them for free. Realized that using [...page].astro instead of [page].astro allows for more elegant routes: the first page has no page segment (the `page` parameter is undefined) so there's no need for an index page returning `Astro.rewrite('/route/1')`. So now I'm using it on both paginated routes: /tags/[tag] and /latest.