Heya! I'm George, a creative front-end engineer with over two decades of experience.

Skills I am most passionate about

  • HTML + CSS/SASS

  • JavaScript

  • Web Components

  • Responsive Design

  • Accessibility

  • PWA

  • Figma

  • Git

  • CI / CD

  • Docker

  • Linux

  • Bash

  • Astro

  • React

  • HTMX

  • Angular

  • DNS

  • Multi-faceted

  • Motivated

  • Disciplined

  • Dependable

When I'm not crafting UIs that are simply awesome, I geek out by tinkering with (retro) electronics and consoles. Here in my corner of the interwebs, you'll find some neat (at least I think it's neat) content, primarily the things I do for work along with random posts. Feel free to have a look at my resume as well, and get in touch if you'd like to discuss opportunities, or simply say "hi".

I like to actively browse GitHub, mainly to star repos and expand my knowledge. The world of open source is fantastic (well, most times), and I've contributed upstream to a few repos such as mozilla/multi-account-containers, go-gitea/gitea, and EclipseFdn/open-vsx.org. I've also got some popular repos myself.

Again, thanks for dropping by, and please poke around. Be sure to check the , and customize the look of my site before you start exploring. Enjoy!

Github Stats

Since joining Github on May 2, 2010, it's been great to see the engagement with what I've created.

49 Followers 37 Following 23 Repos 11 Gists
122 conky_synthwave_neon
Synthwave-inspired Conky theme with weather support and a spiffy layout.
118 retro-crt-startpage
HTML5-based layout for a personalized retro CRT startpage.
Top Repositories

Terminal

~/Development/george.merloc.co/src
└─ $ cat description.txt

A list of the 10 most recent articles from both the work and posts sections of my site.

~/Development/george.merloc.co/src
└─ $ ls -la content/work/ | head -n 10

-rw-r--r-- scar45 users 2023-01-01

KDB.AI

-rw-r--r-- scar45 users 2023-01-01

KX.com

~/Development/george.merloc.co/src
└─ $ ls -la content/posts/ | head -n 10

~/Development/george.merloc.co/src
└─ $ █

Commit
History

483 total commits

2024-11-18 Update .htaccess redirects and comments dd7549ef
Update content of VLC looping guide c3019334
2024-11-17 Add new `<Notice />` component 208ed128
Improve conditional styling of next/prev component b2241f32
De-duplicate single post layout 14ac60df
2024-11-16 Move Terminal component higher; Fix commit stats list f87ad71a
Reduce hover effect intensity on listing pages c565cd33
Adjust hover effect intensity on listing pages 4da7a689
Re-order sections on homepage; Update Pixel case content b0e9bbb8
Increase vertical gap of sections on homepage; Add new var 2d11b3f4
Improve styling of next/prev post links 6961c4fe
Update 2-col template of a few articles 43d03b3f
Fix Ko-Fi link styles in Conky posts (attempt #2) 02a91b82
Fix Ko-Fi link styles in Conky posts 06429f36
Update styles of inline code; Fix style of article footer next/prev links 7620451a
Add redirect for Dark/Pink Frost eM Client themes (eM forum post on Dec 14, 2012 10:42 PM) 9e62e324
Update Astro to v4.16.12; Fix code errors and warnings 27f208ba
2024-08-05 Refine redirects in `.htaccess` f2054627
Minor tweak to main nav padding 5210e648
Update 'lab' icon to 'post' on homepage 7b1e135e
Fix CRT borders on Safari 484ca9ca
Fix z-index issue 88eaa5db
Safari-related fixes 6e09d70b
Increase font size of main nav items 0d1451eb
Update big links at bottom of homepage; Minor CV content change c187dbcc
Rename 'learn' section to 'posts' c2466bd4
Update font icons to include 'post' glyph 5004746a
Upgrade Astro from 4.5.9 to 4.13.1 0decedb6
Update resume content; Add versions 40f2d10d
Minor style updates 2f1ac6ab
Minor content updates d703a453
2024-05-20 Refactor sticky header logic and display (avoid content push) 939b1422
2024-05-19 Adjust sizing of curvy-box d244a58f
2024-05-13 Add trailing slashes for `<ViewTransition />` support fc54fd6e
2024-05-09 Load Matomo last d38599a1
Attempt to use a Matomo component 570aefee
2024-05-08 Use 'astro:page-load' instead d4248d10
Attempt to tie in Matomo to `init()` function 73d5cc1f
Only use 'data-astro-rerun' on `<script>` 1542dcaa
Use 'astro:after-swap' instead 03a897d1
Use Astro lifecycle event to load Matomo e35f3e51
Revert "Add PartyTown integration" This reverts commit 1b7c6da38b0498900fde09018a9df6d795f59264. a7f1380f
Add PartyTown integration 1b7c6da3
Remove async from Matomo script dad9ab12
Re-order loading of scripts 1ca4a688
Enable Matomo across ViewTransitions 302d102f
Add Matomo 443918c4
2024-05-05 Only copy PDF files ending in '-cv'; Update CV content 3e9ee0b9
Fix `/play` redirects 18695aa6
2024-04-24 Redirect '/play' URLs to '/learn; Minor content update 216cda7f
Rename 'play' section to 'learn'; Add two more links to end of homepage 6c59aa64
Update title; Include PNG version of photo avatar 78e9a65b
2024-04-22 Update Speedlify root URL fac222c5
Improve a11y b0901a09
Add Speedlify lighthouse scores to footer (main pages only) f8dfcafc
2024-04-21 Minor content fixes 132c221d
Minor updates to CV content ef7f526b
Redesign the header/sidebar across all breakpoints 4833aa1f
2024-04-20 Improve style of hovered article tiles; Minor content updates 84ce3bdd
Backpost the Varmilo VA68M keyboard shortcuts article b8310e2e
2024-04-19 Update link to KX Downloads Portal website; Minor style updates to homepage 0e68252a
Add Personal Development to CV; Remove two sections from CV 9b5b6c00
Update CV content 2161bfaf
2024-04-18 Minor content updates 4a2aa788
2024-04-17 Minor updates to content bac5b111
Update PDF CV content f616cb8a
2024-04-16 Improve contrast of Cyber Neon and Watermelon themes 7eb87b5b
Rename and modify a couple of theme palettes 7f0fe532
Updates to imagery; Minor adjustments to content and styles ef5451b6
2024-04-15 Minor content fixes b5c1dbbb
Update CV experience content 1766bfc3
Update the 'secret' source code message bfa124c8
Add more "Download PDF Resume" CTAs to CV page 8a0f0fb6
Cap width of CV experience lists cac74ed0
Update Search Results styling e2d758e0
Minor updates to style and homepage content 45f9371d
Update CV and LaTeX build script; Add a "Download PDF version" CTA d8542bbd
Add Contact page; Minor code and style formatting e628fe39
2024-04-12 Sync CV b/w LaTeX and Web; Move 'Resume' link to top; Use 'zoom-in' cursor on certain images 8a12f31b
2024-04-11 Extend `<Experience />` component; Content and style updates 45fff877
Refine simple page header spacing 7b98791c
Improve display of Commits modal window on mobile 1e961bec
Adjust gap of simple page header 01dd0802
Create `<ElementInViewport />` component; Apply 'achievement-unlocked' animation on homepage bb3fa003
Balance height of `<Highlights />` components on homepage 6f51b402
2024-04-06 Update README with build/deployment info ba772859
Mark certain `<SkewLink />` props as optional f5786ac2
Reduce intensity of rotation angles; Improve two-column layout; Minor content updates 4a1ac1b9
2024-04-05 Handle errors better; Increase Vite build size warning to 1mb dccdb29f
Hush some logging d88fb80d
Define props for `<SkewLink />` 3f0e7913
Add custom 403/404 error pages 1feccf5c
2024-04-04 Minor updates to content d6c50327
Update skills and past projects 5c212d02
Fix Github Stats title style; Minor content adjustments 2f7bdf47
Set default theme to 'Choco-Mint'; Fix a couple of a11y issues ee8b840a
Update homepage content and layout 986df4e7
Code formatting; Minor style improvements 2a9e96bf
Update font icons to include 'git-pr' and 'party' glyphs 11895ed0
Update article metadata c4b3de9e
2024-04-02 Minor updates to homepage content; Reduce size of gap to CRT frame 9e75be21
Add recent projects to portfolio cfd43db9
2024-04-01 Extensive updates to homepage, incl. new `<Terminal />` component 8c172242
Extend 'skip-to' class e2f0cee7
Allow line-breaks for long content within `<pre><code>` elements 6826e561
Re-align fancy checkbox inputs within Settings ce254b4b
Add a hidden message to the source code (hush-hush) 878e02f8
Remove anchor element from `<GithubStats />`; Fix mobile nav shadow; Minor style improvements 99513829
2024-03-31 Remove `<GiteaStats />` from footer due to avoid bloating every page 46db3cfd
Refactor and style `<GiteaStats />` and make it globally accessible via footer version; Minor style fixes b92a5e50
2024-03-30 Add two animations and tweak one other e9159fa5
Refactor hover underline; Improve a11y; Formatting 606682d3
Use `process.env.npm_package_version` to get version 6ee90478
Write version number to `.env` via 'post-commit' Git hook and use in site footer 60bd4811
Allow indentation tabs in `.eslintrc` 07726b52
Convert file 'post-commit' to Unix format This reverts commit 9314719dec45423c7cab26ea4e0e6fd13bdb1cb9. 4206a182
Copy 'post-commit' Git hook to `.git/hooks` and make executable 43f08d7c
Revert "Git hook 'post-commit' test 01" This reverts commit 726b36fc1f134d41ed81881cef2e1de73e4412e6. 68ebf0bb
Git hook 'post-commit' test 01 726b36fc
Add a 'post-commit' Git hook to update version in `package.json` 346477e5
Add and track draft articles 7018cf55
2024-03-29 Improve styling of article footer links 34a5d01e
Adjust style of `<GithubStats />` component heading 3d49e5c2
Refactor 'bottom-title-box' mixin; Reduce side padding at lower breakpoints 36b98092
Create a new `<Dialog />` component and refactor styling 19fbb2f9
Update font icons to include a 'responsive' glyph 36c7a807
2024-03-27 Create 'side-slide' mixin and tie it to the navbar 429e22e3
2024-03-25 Ensure hovered article tile is highest in stacking context 2dbf71dd
Update Astro from v4.0.2 to v4.5.9 7e46b42d
2024-03-22 Update homepage content 477bdb81
Relax CSS selectors on `body`; Update styling of homepage; Misc style cleanups b0f4ba0c
Cleanup of Github/Gitea stats components and styling a88d76e6
Add a new Play article 05953650
Create a reusable SASS mixin for the 'bottom title box' component; Refactor Github/Gitea stat components 54dffacc
Update fonts; Improve styling of `<pre>/<code>` elements; Minor misc style adjustments c471d8e4
Conditional display of article 'type' if exists 6ccfb78a
2024-03-21 Updates to content, primarily Play section fc84e790
a11y fixes for articles a0371f21
Cleanup styling of articles 6a857c47
Improve display of `<GithubStats/>` component ff79f061
Update RSS feed style; Fix XSL path ref 26a01d1e
2024-03-20 Ignore *.APK files 04fc695e
2024-03-17 Small adjustment to line-height/alignment of inline `<code>` elements c27b8f38
Allow page header subtitle/paragraph to grow width-wise 4eb97c12
Update layout and code formatting of CV a02ce6ee
Add `<PortfolioEntry/>` component; Large update of all previous "work" projects aff88344
Adjustments to the spacing of various elements d9da7dd5
Only use spacing on gallery images when within an album 6c239ea8
Minor content tweak to CV f0e00410
Code re-formatting of main layout 6b865651
Don't display month/day if "January 01" (for portfolio entries) 7b997cfa
Count total number of Gitea commits dd3bb9e3
Icon placement tweaks; Fix image display in tiled article link bbb55abb
Refactor two-column layout as grid; Improve wrapping of `<pre><code>` elements 3b736a41
Minor styling updates eab38cf3
Ensure `data-tooltip` element is positioned relatively 738b0f40
2024-03-14 Refactor `<Gallery/>` component to support both single and multiple images 0b4b7451
Remove refs to `textColorOverride` fb0f0fca
2024-03-13 First draft of ATS CV 0936ee83
2024-03-12 Refine AS400 theme; Minor style adjustments 4e8bce68
Improve styling of `<GithubStats/>` 1819ba09
Update Nav font size; Fix Settings theme buttons loop; Remove a console warn 622a3600
Fix `<code>` background when not nested within `<pre>` fa792c90
Only show viewport animation once; Change `--heading-font`; Fix `<pre>/<code>` display; Cleanup PGP page 6a661073
2024-03-11 Various code and style cleanups (fixed) d9b8b74b
Revert "Various code and style cleanups" This reverts commit cfc0826128a7a71308e7bf728ddf539051beaa5c. c6cacf1e
Various code and style cleanups cfc08261
Initial implementation of `<GiteaStats/>` component 94f59164
Add 'limit' when rendering tags; Remove 'title' from Nav links 78b69b10
2024-03-10 Swap 'skew-link' colours; Restyle the `.highlight` class 13a87bf8
Minor style fixes 29c6e0b4
Improve rendering of 'skew-link' pseudo elements fb73d4c2
Add 'print' media stylesheet 5099273b
Fix feed URL value in XSL template 7f9d1653
Add XSL template for RSS feed b19c443d
Adjust all typography metrics for new fonts; Link 'Github Stats' title to user 52d06c99
Add 'JetBrains Mono' font; Rework `<pre>/<code>` styles yet again 993bd767
2024-03-09 Refactor `<pre>/<code>` styles; Add fancy link underline effect to `<li>` and `.github` section d267391e
Revert "Add fancy link underline effect to `.github` section" This reverts commit 32e63365a69dfcd24e726f6279369b7715c473f5. c860ce80
Add fancy link underline effect to `.github` section 32e63365
Add 'double-gradient-radial-bg' mixin; Use consistent link(hover/active) colour scheme; Cleanup of styles 5db765b2
2024-03-08 Exclude 'skew-links' from fancy hover link styles d3e2d5ac
Setup fancy link styles only within `.content` b08511e6
Fix transform/page transition distortion on homepage 19d60500
Cleanup and progress on homepage 88132f5f
Refactor and improve style of 'skew-links' e31348ef
Fix "Github Stats" title text gradient on Chromium 4b27c2e3
Create `<GithubStats>` component; Introduce `@container` queries; Clean up old styles 7701a187
Add 'Solar Burn' colour theme e6c1f57a
2024-03-07 Properly clear `localStorage` and reload the page 45d1a482
Extend the 'skew-link' mixin and supporting styles 46895674
Re-wire fullscreen function to support `astro:after-swap` 396d5aa7
Add fancy checkbox + radio button styles within Settings ce54e271
2024-03-06 Check for any sticky header elements before proceeding 5487ed1a
Improve `<pre>/<code>` styles 765845ba
(Actually) Improve global responsive styles 46aa53dd
Revert "Improve global responsive styles" This reverts commit 6f064725d9b1ff84b3ca96cead8101bb774bc091. 7f3c05fb
Improve global responsive styles 6f064725
Add 'fullscreen' toggle; Use 'Highlight' component on homepage; Improve a11y and `<pre>/<code>` styles 5fedb2af
Add new `<Highlights />` component cec10337
Fix a few textOverride element rules; Clean up styles 04922bce
Add simple 'Decades' component aabdcaa6
Improve styling consistency; Add 'vt220' webfont aa152c07
2024-03-05 Split 'home' and 'code' styles into SASS partials; Minor style improvements 59c3b4f4
Add hand icons to webfonts 557aa14e
2024-03-03 a11y/Lighthouse fixes; Cleanup styles 3c300423
Add article images to RSS feed 1ad5d263
Fix search input font; Adjust line-height for site-util + social icons; Reduce search icon hover scale 6862ddea
Add query string listener for `?settings`; Cleanup styles a0615843
Refactor font system; Import 'highlight.js'; Add global styles for `<ul>/<ol>` fd3be5e9
Darken the foreground colour a touch 3c99de5c
Add 5 more webfonts 1246cfe7
Apply new flip animation to header `<pre>` link; Improve `<pre>/<code>` styles; Purge commented styles 12a2e8bb
2024-03-02 Reduce opacity over tag list overflow mask 376c563c
Implement fade overflow mask for tags on post listing template a4556d5c
Minor style adjustments cba365c1
Actually commit `<SkewLink>` component; Adapt tags to use `<SkewLink>`; Post listing styles improved 4f87c857
Abstract new `<SkewLink>` component; Extend mixins; Add animations; Misc style cleanup 54dca297
Improve spacing of CV Experience lists 2edf6e02
Initial CV ed9f12af
Various cleanups and fixes 0d30f9f3
Update look of next/prev article links in `.article-footer` 1766618f
Remove 'flex' from `<main>` d9294d0c
2024-03-01 Use 'tooltips' styles globally; Clean up duplicate code 6bce563b
Extend `data-tooltip` attribute and styling 5d1ab518
Improve look of Nav and move RSS to socials; Various style fixes 786ff3b3
2024-02-28 Move padding to inner `.content`; Reduce img avatar border on small viewports 824ca29e
2024-02-27 Remove "Colophon" and "Powered by Astro" tag lines in footer c1e2f68b
Break out `<table>` styles into SASS partial; Extend various styles 171948a8
Fix and add styles f6f0b080
2024-02-26 Put small 'role' subtitle on CV page cb55a70f
Fix Typescript warnings and errors fdca01c3
Ensure more URLs have trailing slashes 72ad8345
Add `astro check` to scan for Typescript issues 8c0e9612
Revert "Fix 'nav' links to use a trailing slash"; Use .htaccess instead This reverts commit ea752925cfacbae55e24c3d2ce76bd78be31f402. b09d22f3
Fix 'nav' links to use a trailing slash ea752925
Add post-images and file downloads b9e4f866
Setup content config; Add single work + play post; Update .gitignore + robots.txt 3f9dd4c0
Add 'Socials' component b18cba3f
Add total count of posts and tags to relevant page headers 3675244d
Rename "Frozen Orange" theme to "Orange Splash" 221098fb
Minor cleanups and adjustments to global style and sticky header spacing b60020df
2024-02-25 Improve Settings modal layout at low breakpoints 2456c3b1
Refactor theme engine to easily add new colours 3e7ec372
Use CSS vars for colour themes; Cleanup and optimize general styles 74df8da8
Fix path to icomoon webfont 8ce44ae8
Implement a 'textColorOverride' mixin; Set default theme attribute on 'html' ff09e550
Set order of RSS feed to date descending ceac6959
Cleanup of styles and markup; Increase max-width of modal dialog 5f5b3400
2024-02-24 Use proper console.info/warn/error in 'utils.js' dc00049b
Add prelim `<table>` styles; Link to PGP keyserver 22a09a74
Add new font-face mixins; Improve header SVG/IMG styles; Fix some `<dialog>` layouts; Minor style adjustments 525837ea
Reposition `.link-skew` element in page header 72e69a4c
Add more colour vars 7d19db66
Update LaTeX CV document template 238e0cf6
Ensure work-break/wrapping is correct within .article-body bc43cf05
Horizontally reverse the 'cv' header image 233935b5
2024-02-23 Don't ignore bash scripts within 'external-cv/' 1ec567ef
Change '$font-gradient' to '$text-gradient' 127f23f6
Create a LaTeX document for simple resume and bash script to generate a PDF ad66ea39
Only render the 'CV' nav link when the URL is '/cv/' 44bc188b
Change H3->H2 and fix indenting of Settings dialog 6fd6c5a0
2024-02-22 Fix out of viewport boundary in sticky header 00ad0e28
Swap 'Socials' with 'Site Utils' 95303019
Use 'flex-'(start/end); General cleanup 9d5137f5
Improve article-header styles 5267d818
Improve tag letter spacing 204ef5a9
Cleanup dialogs 4ef49e3a
Refine (sticky) header responsiveness; Remove 'maxContentWidth' pref and supporting logic 4172151f
Minor cleanups 09253eb2
2024-02-21 Refactor global font metrics/family 1c2d852f
Refactor the sticky header; Move next/prev arrows beside back2top 437d9296
Update icon font with JSON 05f4f6a6
Use better styling techniques on article listing links b3de107c
Improve pre/code styles 073bedd2
(WIP) Refactor page header component (articles remain) b735ef80
Minor visual and textual tweaks a4e5d563
Fix 'books' icon glyph 7e39203d
Improve look of sticky header and use RegEx to check the Tag slug URL b85d8fe5
Use RegEx to check the Tag slug URL 85f50b62
Add a default value for undefined vars/localStorage prefs 6e749529
2024-02-20 Cleanup the tag(slug) template; Minor fix to skew-link-box 87a1c1b4
Minor improvements to `<pre>` and `<code>` styles 5a902f5c
Improve and unify header wherever applicable; Fixup PGP page; Improve mixins 356c9adb
Tweak the 'books' icon glyph fce5a10a
2024-02-19 Fix a gap in the header/sidebar 3e5c07a6
Create new 'skew-link-box' mixin; Extend 'sticky header' with more info d61c8c8d
Add moar font glyphs c1dadaa5
Handle unexpected collection parameters for `getSortedCollections()` gracefully ab27b7ea
Update (sticky) header on archive template a8941004
Improve ALT text on tiled article images a6ee92de
Huge Update: - Create a new 'sticky header' component - Add new data 'type' to Markdown frontmatter - Add 'back to top' link in sticky header - Use native 'smooth scroll' behaviour - Add support for defining bg + text gradient direction - Remove '.js' from utils imports - Remove double 'icon icon-*' class prefix 14915cd8
2024-02-18 Call 'articleInViewport' on Tag slug page 2e5a2c36
Export 'articleInViewport' function and call it on Archive list page 61ffbfc8
Modify TODO note in .gitignore e5d8e593
Use '64vw' as the default inner-content width 44fea410
Remove 'halving' of article archive images 83b2a08b
Create new "tiled" article list component; Use 'tiled' as class name 04847260
Use a 3-col article list layout on ultrawide viewports 840922db
Scale-in articles as they enter the viewport 4e4a8852
2024-02-17 Use bouncy-timing with new tag animations 73b9fe88
Respect a11y reduced motion prefs for new tag:active styles 8d1b943a
Use vars for max-loop-counts; Create new tag:active animation 28720b1d
Update project metadata in `package.json` 0834a69d
Revert "Set variables for max (SASS) loop limits" (SASS vars don't work here) This reverts commit e7b5bcc1e1121b6acf51ecaac4462faa0415579c. 8a154278
Set variables for max (SASS) loop limits e7b5bcc1
Make animation a11y pref more robust 37a57e4d
Add 'lightbulb' to font glyphs; Change icon used on Play list page ee1527f8
Add moar font glyphs e542b657
Add new tags animation; Account for a11y users with `prefers-reduced-motion` 9140e3cf
Add icon to socials and adjust spacing b54a1200
Add 'dev' icon to font glyphs 86a12c6f
Minor tweaks 9e2c8305
2024-02-16 Fix icons in <h1> (Chromium gradient issue); Cleanup layout 15028f93
Add 'Content Width' preference 17d91edb
2024-02-15 Minor tweaks 16aa3134
Remove unused functions from 'layout' template 80b84b03
Refactor and deduplicate 'showModal' functionality 508bd3e8
Improve reliability of the `toggleMainDirt` function when dialogs are shown 89b30ef5
2024-02-14 Prevent 'scanlines' (or other) checkboxes from toggling dirtOpacity slider 9bb427f7
2024-02-11 Handle setting of dirt opacity bf6fb985
Create a 'setVisualState' helper function b463ffcb
Rough-in functionality for Dirty Tube pref 9893072d
Refactor theme logic b03a42e9
Add functionality to set the state (and save pref) of Scanlines 552d0cd5
Style improvements and cleanups 12db4ca3
2024-02-10 Add '--article-font' and TODO 844a5590
Randomize the hover angle on all gallery images fb7f4cc4
Add 'year' within article list hover; Add icons to H1 page titles 272d7b29
Add 'muscle' icon to icon-fonts 56719d21
Improve image hover styling with ::before (h2/title) element 37c092d7
Add hover effect loop and improve responsive layout for Archive page 91a88260
Move 'site' value to `layout.astro` (siteProps); Use single-quotes in `pageTitle` fe3c0636
Add TODOs; Minor cleanups 7830096e
Use special portfolio view for 'website' tags 83925292
Add collection name to next/prev article links a65b5a47
2024-02-08 Move 'siteProps' to main Layout; Improve rendering logic of 'yearsAgoString'; Cleanup import paths 41d18cb2
2024-02-07 Create and use new 'getPathInfo' helper function 3639568e
Update 'eslint-plugin' from v5.40.1 to v5.62.0 6b61006a
Introduce global 'siteProps' constants 76996728
Use cleaner method of constructing post URLs 5ecfd224
Use '/about' URL and remove 'Portfolio' from nav 6d60a582
Split content into 'work' and 'play' collections; Create global utility functions; Update RSS feed c9534b9c
2024-02-04 Fix minor display issues with image avatar and line-breaks 6d45e44e
Add 'max-width' user pref placeholder 07fde10f
Fix randomized nth-child selectors 2c59a5df
(fix derp) Update nav items 8864a72d
Revert "Update nav items" This reverts commit d10c0723406539c478813de6707e507e44292a6a. 0c803efb
Update nav items d10c0723
Randomize hover rotation angle of portfolio image links ec353ca6
Implement portfolio-specific tag styles; Clean up article header 69bb67cd
Minor cleanups 32040d74
Create a new 'SimpleHeader' component with a slot and implement where applicable 5be4ea2c
Apply dynamic page titles to lacking page templates c7db71e7
Fix settings icon rotation on hover 4caf0282
Add simple version of (title) header to pages 1a87a808
2024-02-03 Improve responsive styling 0031a745
Fixup nav styles 301d6e75
(fix derp) Prevent article header tags from colliding with bottom edge d91b48f4
Revert "Prevent article header tags from colliding with bottom edge" This reverts commit a0aedf2c93c15dd9960ef08ca759a423ae5d10d0. 0d2a7b55
Prevent article header tags from colliding with bottom edge a0aedf2c
Improve article markup and responsive styling 54a21e3e
Open footer Astro link in new tab 36ef7773
Create new CSS '--skew-angle' variable a51be3ad
Improve article style markup 2efb7624
Improve display of dirt + scanline effects c88eb56e
Show CRT dirt mask on dialogs ea977772
Improve 'dirt' texture 0c9c75ea
Improve tag styles; Minor cleanups fd0662ef
Clean up article view logic and styles 073cb7c5
Refine tag styles f01f9c6b
Update icon fonts; Use Astro icon in footer 5b97bead
Create "Tags" component 9fcf3cae
2024-01-30 Add rudimentary functionality for Next + Prev post links in full articles 9e0fac42
Extend Tag, Article List, and Article Body styles c462b312
2024-01-29 Improve responsive Article List layout and tag display 7e46e385
Improve footer 58e732b8
2024-01-28 Highlight tags when they match the current '/tags/X' URL 03a0a7f8
Refactor tag styles b689b962
(WIP) New post archive template cacd2287
2024-01-27 Rename 'blog-images/' to 'post-images/' 19e9841f
Sort tags alphabetically wherever shown 20907e27
Add RSS feed icon; Re-order site utils 5746362b
2024-01-26 Modify conditional for CV options cb0ac741
Use class names for toggling dialogs 460211d0
Sort tag articles by date descending 91a63821
2024-01-23 Implement responsive burger Nav/Header 2bdc2dfc
2024-01-21 Improve text readability 285ad11f
Ignore pro avatar photo (temporarily) 47d0c522
Rename pro avatar file a33a066a
Optimize webp images further a7e8ef68
Flip 'dirt' CRT mask image horizontally d7a12d57
Add professional avatar when viewing CV aef57b9c
Refactor avatar responsive scaling 41f92e99
Clean up footer spacing f05fdefb
Improve display of modal dialogs f4a31ab7
Initial refactoring of responsive layout 48965d1b
2024-01-20 Misc updates 1ece739d
Rename 'blog' collection to 'posts' 4fd89d2b
Update RSS packages 7a3be0ec
Fix RSS feeds ffcf2aaf
Refactor Nav; Rename 'archive' slug to 'posts' 93f51f4c
Re-initialize the PhotoSwipe Lightbox after page transitions 65708c67
2024-01-19 Use tags for 'work' and 'play' categories, also set in Nav 2a9c235d
Rename 'blog' to 'archive' 5b7cfe6e
Update .gitignore 8ab513fa
Fix PhotoSwipe on build 6b6153e9
Update favicon 044543fd
...and I forgot the Nav component itself :/ 11d19389
Redesign header/nav; Resolve issues with Search b4ab1e4a
2023-12-18 Update icon font a5b0c69d
2023-12-09 Rework attempt for bouncy header; Minor style improvements 2c89693c
2023-12-08 Minor style improvements a7201e9f
Fix blog 'go back' button; Firefox-specific style for header blur 9c63fd0b
Keep header at top 1dbfa185
Reverse blog order; Minor misc tweaks 32b6451e
2023-12-06 Implement Astro View Transitions ee1dfb58
2023-12-05 Refactor themes to eliminate flash onload 58ab7c6b
Update Astro to v4.0.2 6e29c54d
2023-11-22 Improve search result styles 308e41b0
Slight improvement to alpha blog listing template 3955d57e
Improve a11y; Optimize CRT image to WebP; Improve styles e98f9139
Convert CRT images to WEBP 32578c5d
Refine Settings dialog; Extend styles 291d7d6a
Various style improvements bb13c744
2023-11-21 Use localStorage to retain preferred colour theme 4f1fd9a6
2023-11-20 Move modal functions into header component c4edd685
Add rudimentary theme switcher settings 6a1b42b3
Refine search result styling 25b2eaa7
Update icomoon webfont e47c9f68
Respect user motion preferences 50397216
2023-11-19 Improve modals (particularly Search) b2b0a0e5
2023-11-18 Improve header 27eefedb
2023-11-17 Refactor modals into <dialog>s c9cb6522
Improve modals 639dea20
2023-11-14 Rudimentary Settings/Search modal toggle 967ed9a6
2023-11-12 Adjust header offsetTop detection 00b56c9b
2023-11-11 Refactor 'primary-glow' colour 2ad567be
Optimize shrinkHeader scroll event performance 33cf9042
Extend theming engine 480541d8
Apply transition to all themeable elements; Rudimentary theme changer bbcefcd8
Improve header+nav styling 0da3733a
Adjust positioning of navbar tooltips 05173df9
Break out 'shrunken header' styles; Clean up all nav breakpoint styles a5b21458
Minor style cleanups 78b37b05
Create and ignore Drafts folder for posts 931642c9
Improve styles; Fix animation issues 93f22463
Extensive edits to overall layout (mainly header+nav) 2f520c73
2023-09-13 First pass of article styling 911fee52
Misc style updates 76971bcc
Update to Astro v3.0.12 599a1daa
2023-09-04 Update tags; Fix styling issues 7dcf87aa
Rough in ugly blog listing page layout; Minor markup adjustments 610a9cfe
Provide CSS variables for colors from palette 97b3590c
Refine header 0ce7ddcb
Re-factor and restyle Articles/Tags/etc.; Establish better SASS (color) variables bb742793
2023-09-03 Include fonts in Git 8440a4d2
Add icomoon webfont 530dc14a
2023-08-08 Add PGP PubKey 950774b3
Create Header (with Search) and Icons components 5da02a28
2023-08-07 Add 'pagefind' for search functionality; Minor cleanups a438e2e1
Misc style tweaks c93d1e0e
Sort tags where displayed 1125e394
Add ASCII avatar/neofetch on homepage 90d4d5ed
Remove console logs 68508d61
Update .gitignore a184b198
Rebase templates to use (blog) collections 0f8bdaf5
Add <Navbar /> component with active class support 26591766
Add RSS feed ec4806a2
Misc style tweaks f8ad1b65
Update Astro + @astrojs/mdx cabf3f22
Add PSD for CRT bezel d6423dfc
Update SASS styles 4dbbe808
Add 'site' config option 70cdbdd0
Tabs; General cleanup of layout 829edc9c
Improve SASS syntax 00b0c48d
Setup new SASS structure 5fb5942e
2022-11-12 Add breakpoint mixins 5ff2a857
Migrate CSS/SASS variables to their own partial file 40999820
Resolve a few TypeScript errors d4622d63
Enable CSS sourcemaps from Vite 8b91fef3
Ignore *.astro files in eslint 195b1dfd
Initial commit of barebone Astro setup 4e22237a
WCAG AA
Accessible

About this Site

It's built on top of Astro, which is a fast, component-based framework that is React-compatible, providing static generation and automated bundling (and plenty more). It's the first 'full' project I've built with Astro, and I have learned a ton, particularly expanding my knowledge of web components and Typescript.

It is a content-driven website, where my articles live in either a work/ or posts/ folder, and are composed with Markdown (or MDX).

This website is also accessible , respecting animation/motion preferences, screen-reader assists, etc.. A11y is always an important aspect of front-end development for me, and I strive to ensure any interface I build can be used by everyone.

CSS is my bread n' butter, and I've set it up to use a main SASS 'entrypoint' file where all of my imports are defined in cascading order. At the start, I was heavily using SASS variables, but now that CSS is modernizing, I am adapting them to native custom properties. I do still find that SASS is very useful for mixins and functions, so I won't fully remove it.

Finally, I also publish an RSS feed if you'd like to be kept in the loop.

Fun Fact: I use CSS custom properties to actively modify the colour theme that you can switch via . I then store your preferences locally (only), using the browser's localStorage functionality.

Built on
Astro
Fully
Responsive

Achievement Unlocked

Reached the end of the homepage

Resume Work Posts Tags Contact

Theme

Visuals