Redeploy Worker auth proxy

Encode message

See: https://github.com/cloudflare/wrangler2/issues/710

Revert proxy to google-api-proxy

Remove unncessary backslashes

Delete environment variable substring

Update README to use wrangler for development

Replace google-api-proxy with Cloudflare Function

Deploy Function for Google auth proxy

Need to update env variables on the web UI before updating the frontend

Delete unnecessary web manifest properties

Put a border around code in print.css

Use SVG favicon with PNG fallback for Apple

Add web manifest

Add Twitter Card header

Add Open Graph headers

Update ascii

Update meta tags on home

Update meta tags on page change

Add canonical URL

Include forward slash in path names

Backend is also updated to include forward slash to match

Inline home.svg

Update home meta description

Delete svg files from service worker cache

Inline svg width and height

Reduces CLS when CSS fails or is slow to load

Fix linting issues

Self-closing tags should have a space before the closing slash

Rename script.mjs back to script.js

CDN does not auto-minify .mjs files, only .js

Add a placeholder href

Otherwise accessibility will show this anchor as generic instead of link

Inline SVGs

Rename script.js to script.mjs

Add DevTools help message

Use module script

Use location.replace for 404 redirect

This prevents adding an extra page in history, so users can press back once to go to the original page as expected.

Update document title on home page

Refactor site to be a SPA

Using 404.html as a router is very bad for SEO. As a SPA I can also take advantage of in-memory state for better caching and storing metadata for posts.

Delete unnecessary default grid-row-end

Simplify cache strategy to cache first

staleWhileRevalidate produces too much load on origin

Simplify main selectors

Add print styling for h3 and li

Replace gutenberg with custom print.css

To fix issues with printing the homepage grid

Update anchor styling for icon buttons

Replace min-width media rule with inline-size

Using inline-size will work for vertical writing modes while the media rule will not.

Break and hyphenate long words

Tweak kbd styling

Use logical CSS for skeleton-line size

This change makes skeleton lines render as expected on vertical writing modes.

Set minimum 1rem margin, or auto for large screens

Resolve linting issue

Fractional numbers less than 1 must have a leading 0

Fix regression on skeleton-line margin

This margin is needed for the skeleton-lines appearing before each article, even if they are redundant on the homepage cards.

Fix regression on grid-template-columns

The "simplification" causes overflow when the screen width is smaller than card-container.  Putting the inner min() inside minmax() ensures that card-container will never be larger than the screen width.

Reorder CSS

Remove accidental console.log call

Use consistent whitespace in style.css

Remove column container

Instead of using a flexbox column container, dynamically set each card element's row span on the grid. This change makes the tab order more logical and keeps the HTML simpler.

Tweak .card-container styling

Use logical CSS properties, add margin-block-end, adjust max card width

Remove redundant body margin

Use logical CSS for kbd padding

Simplify h1 margin CSS

Simplify grid columns

Upgrade card shadows

Add gutenberg-css for print stylesheets

Update whitespace

Remove trailing forward slash on void elements

Add edit button to articles

Update recommended web server in README

http-server requires no additional configuration out of the box

Revert proxy URL to Google domain

Putting CDN on top of it via CNAME is not supported

Replace double quotes with single quotes in JS

Update proxy URL to use Cloudflare CDN for caching

Add styling for <h1> tag

To better distinguish it from <h2>

Add support for bullet lists

Update CDN for marked.js

Use highlight.js for <code> styling

Add styling for the <kbd> tag

Update GitHub Pages to Cloudflare Pages in README

Fix whitespace on 404.html

Add missing semicolon

Fix broken link in README

Add section in README describing marked

Adjust whitespace

Use marked to translate content into HTML

Delete CNAME

Use link text from CMS instead of "Read More"

Use logical margin-block-end

This attribute works in different writing modes, unlike margin-bottom

Refactor CSS to be reusable in both index.html and 404.html

Added class names to distinguish common elements between both pages.

Increase contrast of anchor tag

Lighthouse report says the old contrast is too low.

Add service worker to cache CMS responses

My google-api-proxy takes 1-2 seconds to serve content, which is not acceptable. The service worker will automatically cache and serve the last response from the CMS.

Delete accidental duplicate html tag on 404.html

Add styling for the anchor tag

Uses the theme color from my main website

Add body inline margin equal to grid-gap

Makes the edges of the site consistent with the size of the column gaps

Set card column width to 320px or screen width, whichever is smaller

The inner min function prevents column width overflow for devices with a width smaller than 320px

Update colors to use hsl instead of hex or rgb

Delete .editorconfig

This entire project is two HTML files and does not require strict enforcement of these standards.

Add 404.html router page

Replace homepage placeholder with real CMS

Reference README for detail on how the Google Sheet is being queried

Describe CMS mechanics in the README

Update card width from 240px to 360px

Update column flex to push cards to top

Update paths to be absolute instead of relative

Update link tags to be consistent

Update GitHub link to the correct repo

Create CNAME

Initial commit