Minimal GitHub Pages Deployment with GitHub Actions

2025-03-20
Minimal GitHub Pages Deployment with GitHub Actions

This post details a minimal approach to building and deploying a fully custom website using GitHub Actions and GitHub Pages. By enabling GitHub Pages, creating a YAML workflow file (publish.yml) with build and deployment steps, and placing the generated site files in the `_site/` directory, you can easily deploy static websites. This simple method allows for creating more complex features using scheduled workflows and Git scraping, such as publishing Atom feeds or custom websites, without extensive configuration.

Read more

Debugging a Full-Viewport HTML Dialog Modal

2025-03-16
Debugging a Full-Viewport HTML Dialog Modal

The author encountered a height issue while using the HTML `` element to create a side panel: a gap appeared at the bottom, preventing it from taking up the full screen height. The debugging process involved various methods, including consulting AI tools like Claude and ChatGPT. The culprit was a default Chrome style applied to the `` element: `max-height: calc(100% - 2em - 6px);`. Adding `max-height: inherit` or `max-height: 100vh` resolved the problem. Further investigation into the HTML specification revealed this default style was added to fix a previous bug, highlighting the ever-evolving nature of web standards.

Read more
Development