]>
git.ardis.lu - ardislu.dev/log
Ardis Lu [Sun, 27 Mar 2022 19:39:16 +0000 (12:39 -0700)]
Configure cache rule on fetch from origin
Ardis Lu [Sun, 27 Mar 2022 10:06:25 +0000 (03:06 -0700)]
Update Cache-Control header
Ardis Lu [Sun, 27 Mar 2022 09:46:46 +0000 (02:46 -0700)]
Update README to reflect new proxy
Ardis Lu [Sun, 27 Mar 2022 09:16:24 +0000 (02:16 -0700)]
Redeploy Worker auth proxy
Ardis Lu [Sun, 27 Mar 2022 09:14:00 +0000 (02:14 -0700)]
Encode message
See: https://github.com/cloudflare/wrangler2/issues/710
Ardis Lu [Sun, 27 Mar 2022 00:38:12 +0000 (17:38 -0700)]
Revert proxy to google-api-proxy
Ardis Lu [Sun, 27 Mar 2022 00:33:30 +0000 (17:33 -0700)]
Remove unncessary backslashes
Ardis Lu [Fri, 25 Mar 2022 07:18:56 +0000 (00:18 -0700)]
Delete environment variable substring
Ardis Lu [Fri, 25 Mar 2022 07:13:08 +0000 (00:13 -0700)]
Update README to use wrangler for development
Ardis Lu [Fri, 25 Mar 2022 07:12:02 +0000 (00:12 -0700)]
Replace google-api-proxy with Cloudflare Function
Ardis Lu [Fri, 25 Mar 2022 07:06:32 +0000 (00:06 -0700)]
Deploy Function for Google auth proxy
Need to update env variables on the web UI before updating the frontend
Ardis Lu [Thu, 24 Mar 2022 04:24:40 +0000 (21:24 -0700)]
Delete unnecessary web manifest properties
Ardis Lu [Mon, 21 Mar 2022 04:52:24 +0000 (21:52 -0700)]
Put a border around code in print.css
Ardis Lu [Mon, 21 Mar 2022 04:17:26 +0000 (21:17 -0700)]
Use SVG favicon with PNG fallback for Apple
Ardis Lu [Mon, 21 Mar 2022 04:16:31 +0000 (21:16 -0700)]
Add web manifest
Ardis Lu [Sun, 20 Mar 2022 22:57:35 +0000 (15:57 -0700)]
Add Twitter Card header
Ardis Lu [Sun, 20 Mar 2022 22:53:37 +0000 (15:53 -0700)]
Add Open Graph headers
Ardis Lu [Sun, 6 Mar 2022 07:16:09 +0000 (23:16 -0800)]
Update ascii
Ardis Lu [Sun, 6 Mar 2022 07:05:25 +0000 (23:05 -0800)]
Update meta tags on home
Ardis Lu [Sun, 6 Mar 2022 07:01:12 +0000 (23:01 -0800)]
Update meta tags on page change
Ardis Lu [Sun, 6 Mar 2022 06:59:48 +0000 (22:59 -0800)]
Add canonical URL
Ardis Lu [Sun, 6 Mar 2022 06:58:05 +0000 (22:58 -0800)]
Include forward slash in path names
Backend is also updated to include forward slash to match
Ardis Lu [Sun, 6 Mar 2022 06:19:03 +0000 (22:19 -0800)]
Inline home.svg
Ardis Lu [Sun, 6 Mar 2022 06:01:44 +0000 (22:01 -0800)]
Update home meta description
Ardis Lu [Thu, 3 Mar 2022 06:11:44 +0000 (22:11 -0800)]
Delete svg files from service worker cache
Ardis Lu [Thu, 3 Mar 2022 06:09:45 +0000 (22:09 -0800)]
Inline svg width and height
Reduces CLS when CSS fails or is slow to load
Ardis Lu [Thu, 3 Mar 2022 06:03:39 +0000 (22:03 -0800)]
Fix linting issues
Self-closing tags should have a space before the closing slash
Ardis Lu [Sun, 27 Feb 2022 08:54:31 +0000 (00:54 -0800)]
Rename script.mjs back to script.js
CDN does not auto-minify .mjs files, only .js
Ardis Lu [Sun, 27 Feb 2022 08:42:25 +0000 (00:42 -0800)]
Add a placeholder href
Otherwise accessibility will show this anchor as generic instead of link
Ardis Lu [Sun, 27 Feb 2022 08:41:42 +0000 (00:41 -0800)]
Inline SVGs
Ardis Lu [Sun, 27 Feb 2022 08:03:48 +0000 (00:03 -0800)]
Rename script.js to script.mjs
Ardis Lu [Sun, 27 Feb 2022 08:03:24 +0000 (00:03 -0800)]
Add DevTools help message
Ardis Lu [Sun, 27 Feb 2022 07:22:49 +0000 (23:22 -0800)]
Use module script
Ardis Lu [Sun, 27 Feb 2022 05:16:10 +0000 (21:16 -0800)]
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.
Ardis Lu [Sun, 27 Feb 2022 05:06:30 +0000 (21:06 -0800)]
Update document title on home page
Ardis Lu [Sun, 27 Feb 2022 04:57:51 +0000 (20:57 -0800)]
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.
Ardis Lu [Sun, 27 Feb 2022 04:43:36 +0000 (20:43 -0800)]
Delete unnecessary default grid-row-end
Ardis Lu [Sun, 27 Feb 2022 04:33:39 +0000 (20:33 -0800)]
Simplify cache strategy to cache first
staleWhileRevalidate produces too much load on origin
Ardis Lu [Tue, 22 Feb 2022 06:27:57 +0000 (22:27 -0800)]
Simplify main selectors
Ardis Lu [Mon, 21 Feb 2022 05:17:09 +0000 (21:17 -0800)]
Add print styling for h3 and li
Ardis Lu [Mon, 21 Feb 2022 05:10:37 +0000 (21:10 -0800)]
Replace gutenberg with custom print.css
To fix issues with printing the homepage grid
Ardis Lu [Sun, 20 Feb 2022 06:46:37 +0000 (22:46 -0800)]
Update anchor styling for icon buttons
Ardis Lu [Fri, 26 Nov 2021 05:34:01 +0000 (21:34 -0800)]
Replace min-width media rule with inline-size
Using inline-size will work for vertical writing modes while the media rule will not.
Ardis Lu [Fri, 26 Nov 2021 03:50:55 +0000 (19:50 -0800)]
Break and hyphenate long words
Ardis Lu [Fri, 26 Nov 2021 03:27:33 +0000 (19:27 -0800)]
Tweak kbd styling
Ardis Lu [Fri, 26 Nov 2021 03:12:05 +0000 (19:12 -0800)]
Use logical CSS for skeleton-line size
This change makes skeleton lines render as expected on vertical writing modes.
Ardis Lu [Tue, 23 Nov 2021 07:18:47 +0000 (23:18 -0800)]
Set minimum 1rem margin, or auto for large screens
Ardis Lu [Tue, 23 Nov 2021 07:17:36 +0000 (23:17 -0800)]
Resolve linting issue
Fractional numbers less than 1 must have a leading 0
Ardis Lu [Tue, 23 Nov 2021 07:16:21 +0000 (23:16 -0800)]
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.
Ardis Lu [Tue, 23 Nov 2021 07:14:30 +0000 (23:14 -0800)]
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.
Ardis Lu [Tue, 23 Nov 2021 06:37:54 +0000 (22:37 -0800)]
Reorder CSS
Ardis Lu [Sun, 21 Nov 2021 23:10:20 +0000 (15:10 -0800)]
Remove accidental console.log call
Ardis Lu [Sun, 21 Nov 2021 23:06:55 +0000 (15:06 -0800)]
Use consistent whitespace in style.css
Ardis Lu [Sun, 21 Nov 2021 23:04:00 +0000 (15:04 -0800)]
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.
Ardis Lu [Sun, 21 Nov 2021 23:00:38 +0000 (15:00 -0800)]
Tweak .card-container styling
Use logical CSS properties, add margin-block-end, adjust max card width
Ardis Lu [Sun, 21 Nov 2021 22:52:21 +0000 (14:52 -0800)]
Remove redundant body margin
Ardis Lu [Sun, 21 Nov 2021 21:52:17 +0000 (13:52 -0800)]
Use logical CSS for kbd padding
Ardis Lu [Sun, 21 Nov 2021 21:47:07 +0000 (13:47 -0800)]
Simplify h1 margin CSS
Ardis Lu [Sun, 21 Nov 2021 20:58:41 +0000 (12:58 -0800)]
Simplify grid columns
Ardis Lu [Wed, 17 Nov 2021 04:23:16 +0000 (20:23 -0800)]
Upgrade card shadows
Ardis Lu [Wed, 27 Oct 2021 07:38:47 +0000 (00:38 -0700)]
Add gutenberg-css for print stylesheets
Ardis Lu [Mon, 27 Sep 2021 06:49:27 +0000 (23:49 -0700)]
Update whitespace
Ardis Lu [Mon, 27 Sep 2021 06:47:08 +0000 (23:47 -0700)]
Remove trailing forward slash on void elements
Ardis Lu [Mon, 27 Sep 2021 06:45:34 +0000 (23:45 -0700)]
Add edit button to articles
Ardis Lu [Mon, 27 Sep 2021 06:36:05 +0000 (23:36 -0700)]
Update recommended web server in README
http-server requires no additional configuration out of the box
Ardis Lu [Wed, 22 Sep 2021 02:44:48 +0000 (19:44 -0700)]
Revert proxy URL to Google domain
Putting CDN on top of it via CNAME is not supported
Ardis Lu [Wed, 22 Sep 2021 02:32:15 +0000 (19:32 -0700)]
Replace double quotes with single quotes in JS
Ardis Lu [Wed, 22 Sep 2021 02:28:20 +0000 (19:28 -0700)]
Update proxy URL to use Cloudflare CDN for caching
Ardis Lu [Wed, 22 Sep 2021 02:13:20 +0000 (19:13 -0700)]
Add styling for <h1> tag
To better distinguish it from <h2>
Ardis Lu [Wed, 22 Sep 2021 01:55:01 +0000 (18:55 -0700)]
Add support for bullet lists
Ardis Lu [Wed, 15 Sep 2021 06:02:10 +0000 (23:02 -0700)]
Update CDN for marked.js
Ardis Lu [Wed, 15 Sep 2021 05:42:24 +0000 (22:42 -0700)]
Use highlight.js for <code> styling
Ardis Lu [Wed, 15 Sep 2021 05:25:50 +0000 (22:25 -0700)]
Add styling for the <kbd> tag
Ardis Lu [Thu, 12 Aug 2021 06:49:23 +0000 (23:49 -0700)]
Update GitHub Pages to Cloudflare Pages in README
Ardis Lu [Sat, 26 Jun 2021 04:05:39 +0000 (21:05 -0700)]
Fix whitespace on 404.html
Ardis Lu [Sat, 26 Jun 2021 04:05:31 +0000 (21:05 -0700)]
Add missing semicolon
Ardis Lu [Sat, 26 Jun 2021 03:26:55 +0000 (20:26 -0700)]
Fix broken link in README
Ardis Lu [Sat, 26 Jun 2021 03:20:42 +0000 (20:20 -0700)]
Add section in README describing marked
Ardis Lu [Sat, 26 Jun 2021 03:18:23 +0000 (20:18 -0700)]
Adjust whitespace
Ardis Lu [Sat, 26 Jun 2021 03:17:34 +0000 (20:17 -0700)]
Use marked to translate content into HTML
ardislu [Tue, 13 Apr 2021 05:01:06 +0000 (22:01 -0700)]
Delete CNAME
Ardis Lu [Mon, 29 Mar 2021 03:17:00 +0000 (20:17 -0700)]
Use link text from CMS instead of "Read More"
Ardis Lu [Mon, 29 Mar 2021 03:16:13 +0000 (20:16 -0700)]
Use logical margin-block-end
This attribute works in different writing modes, unlike margin-bottom
Ardis Lu [Mon, 29 Mar 2021 03:14:01 +0000 (20:14 -0700)]
Refactor CSS to be reusable in both index.html and 404.html
Added class names to distinguish common elements between both pages.
Ardis Lu [Mon, 29 Mar 2021 02:48:34 +0000 (19:48 -0700)]
Increase contrast of anchor tag
Lighthouse report says the old contrast is too low.
Ardis Lu [Mon, 29 Mar 2021 02:46:57 +0000 (19:46 -0700)]
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.
Ardis Lu [Mon, 29 Mar 2021 01:45:34 +0000 (18:45 -0700)]
Delete accidental duplicate html tag on 404.html
Ardis Lu [Mon, 29 Mar 2021 01:42:56 +0000 (18:42 -0700)]
Add styling for the anchor tag
Uses the theme color from my main website
Ardis Lu [Mon, 29 Mar 2021 01:40:33 +0000 (18:40 -0700)]
Add body inline margin equal to grid-gap
Makes the edges of the site consistent with the size of the column gaps
Ardis Lu [Sun, 28 Mar 2021 04:33:51 +0000 (21:33 -0700)]
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
Ardis Lu [Sun, 28 Mar 2021 03:04:58 +0000 (20:04 -0700)]
Update colors to use hsl instead of hex or rgb
Ardis Lu [Sun, 28 Mar 2021 02:56:20 +0000 (19:56 -0700)]
Delete .editorconfig
This entire project is two HTML files and does not require strict enforcement of these standards.
Ardis Lu [Thu, 25 Mar 2021 06:25:37 +0000 (23:25 -0700)]
Add 404.html router page
Ardis Lu [Thu, 25 Mar 2021 06:01:48 +0000 (23:01 -0700)]
Replace homepage placeholder with real CMS
Reference README for detail on how the Google Sheet is being queried
Ardis Lu [Thu, 25 Mar 2021 06:00:12 +0000 (23:00 -0700)]
Describe CMS mechanics in the README
Ardis Lu [Thu, 25 Mar 2021 05:58:26 +0000 (22:58 -0700)]
Update card width from 240px to 360px
Ardis Lu [Thu, 25 Mar 2021 05:57:35 +0000 (22:57 -0700)]
Update column flex to push cards to top
Ardis Lu [Sat, 13 Mar 2021 06:01:01 +0000 (22:01 -0800)]
Update paths to be absolute instead of relative
Ardis Lu [Sat, 13 Mar 2021 05:59:17 +0000 (21:59 -0800)]
Update link tags to be consistent
Ardis Lu [Sat, 27 Feb 2021 07:50:29 +0000 (23:50 -0800)]
Update GitHub link to the correct repo
This page took 0.080633 seconds and 4 git commands to generate.