All notable changes to this project will be documented in this file, with snapshot links for each version being made available to view the state of the site at that point in time.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
.md
to article
selectors<li>
in NoteList
component for a11y reasons.Update README with new bundle size info.
<article>
elem in NoteList component.Add Helvetica Neue font as the new sans-serif font (for supported devices), with the system
monospace font being used.
add dependencies: prettier-plugin-astro-organize-imports.
consts.ts
fileCreate components: SectionList
, SectionListItem
, TableOfContents
Create nav
variant for Link
component.
Create getLength
function for posts and notes, apply within index page.
Overhaul post page logic, adding back the title and date info, and embedding the TableOfContents
component.
<span>
in VersionItem
component to fix styling issues.Massively refactor styles, minimising CSS footprint.
Tweak OG generation logic to work with Astro v5.
Make use of multiple font weights (again)
Revamp Footer
, Project
, ProjectList
, Social
components and related lib
functions to work with consts.ts
file
Upgrade dependencies: Astro 5.1.1
, @astrojs/mdx 4.0.3
, @astrojs/sitemap 3.2.1
, @astrojs/tailwind 5.1.4
, @iconify-json/fluent 1.2.11
, tailwindcss 3.4.17
, tailwind-merge 2.6.0
, astro-icon 1.1.5
Remove post
fetching approach in Header
component.
woff2
fonts.Strip out unnecessary variants for Link
component.
Image
component.content.config.ts
fileRefactor post
fetching approach in Header
component.
Upgrade dependencies: Astro 5.0.0-beta.10
, @astrojs/mdx 4.0.0-beta.3
, @iconify-json/fluent 1.2.7
, tailwindcss 3.4.15
, typescript 5.7.2
, prettier-plugin-tailwindcss 0.6.9
config.ts
file.Strip out unnecessary logic from dates.ts
file.
Remove all old Content Collections logic.
og.png
file.Upgrade dependencies: Astro 4.16.6
, @astrojs/check 0.9.4
, @astrojs/mdx 3.1.8
, @astrojs/sitemap 3.2.1
, @astrojs/tailwind 5.1.2
, @iconify-json/fluent 1.2.4
, tailwind-merge 2.5.4
, tailwindcss 3.4.14
, typescript 5.6.3
og.ts
file.Use updated version of OpeningHoursSans font.
Upgrade dependencies: Astro 4.15.11
, @astrojs/sitemap 3.2.0
, @iconify-json/fluent 1.2.2
, tailwind-merge 2.5.3
, tailwindcss 3.4.13
, prettier-plugin-tailwindcss 0.6.8
add dependencies: prettier, plugin-prettier-astro, plugin-prettier-tailwindcss.
Create .prettierrc
file with formatting options.
Create components: Version
, VersionItem
, Badge
Revamp changelog post with usage of Version
, VersionItem
components.
Format all files using new formatting approach.
Amend sticky behaviour of Header
component.
Upgrade dependencies: Astro 4.15.8
, @astrojs/tailwind 5.1.1
, @astrojs/mdx 3.1.7
, tailwindcss 3.4.12
Shorten ‘about’ section content in home page.
Shorten vertical paddings in Header
, Footer
components.
Refactor site-wide margins/padding to ensure consistency.
Use fluent
icon pack in place of carbon
.
Upgrade dependencies: Astro 4.15.6
, @astrojs/mdx 3.1.6
, tailwindcss 3.4.11
, typescript 5.6.2
.
Remove dependencies: @iconify-json/carbon.
Backdrop blur effect on Header
component.
Dynamic vertical, horizontal paddings when changing viewport width.
Link
component.Unnecessary style/divs for all components.
Revamp date sorting for posts/notes to incorporate updated dates.
Update posts: a new start, md sheet sheet.
Upgrade dependencies: Astro 4.15.3
, @astrojs/mdx 3.1.5
, iconify-json/carbon 1.2.1
.
Unused styles from main.css
file and OG image markup.
Unnecessary file extensions from tailwind.config.ts
file.
OpeningHoursSans as the new sans-serif font.
Add back <span>
into Post component markup.
Lower site bundle size (24KB
to 15KB
).
Update site screenshot image.
Update posts: colophon, a new start, md sheet sheet.
Remaining uses of bold font styling across the site.
All uses of unnecessary characters.
BDOGrotesk font from global styles.
leading
style in Base layout.Privacy Inspector link in README and colophon post.
Lower site bundle size (40KB
to 24KB
).
Use one font weight for BDOGrotesk (400).
Upgrade dependencies: Astro 4.14.5
, @astrojs/mdx 3.1.4
.
Increase blockquote left-border sizing.
Most uses of bold font styling across the site.
Button
component; not used.CSS vars for colour system within main.css
file.
Privacy Inspector link in README and colophon post.
Lower site bundle size (52KB
to 40KB
).
CSS var declaration with tailwind.config.ts
.
Update README with new PageSpeed scores.
Restrict loaded num of loaded notes in home page to 2.
colors.ts
helper file.Unnecessary width style in Base layout file.
<hr>
elem at top of Post pages.
Shorten distance between back btn icon and separator line.
Use separate weight font files for BDOGrotesk (400, 600).
Replace all font-medium styles with semibold.
Use shorter date format (DD/MM/YY).
Shorten Post page header date section footprint (using pub/upd instead of published/updated).
Logo image in home page.
Top margin style in Post page top <div>
.
getPosts()
helper func.
Add dependencies: @playform/compress.
Update posts: colophon.
Upgrade dependencies: Astro 4.14.2
, astro-icon 1.1.1
, sharp 0.33.5
.
Move post date info to navbar for Post pages.
Unnecessary <div>
elems to clean-up markup.
Page title <h1>
across all pages.
Top border in NoteList
component.
Top margin in Post page’s top <div>
.
Footer
component.published
and updated
fields for posts.
Create notes: 05/06/24, 03/07/24, 02/08/24.
Header
component.Page title, and BackLink to Header component.
Lower site bundle size (92KB
to 52KB
).
Use prefers-color-scheme
theming strategy.
og.ts
logic.Shorten underline gap for Link component.
Bullet point coloring for visual contrast.
Styling of Project
, Post
components on hover.
Switch Project
border type to dotted
.
Wrap dates in NoteList
, PostList
and ProjectList
components in <small>
elem.
Shiki themes to vitesse-light
and vitesse-dark
.
Compress Iosevka font further.
All dependencies upgraded (too long to list).
All analytics related markup.
JS-based theming strategy.
JS-powered View Transitions markup.
Newsreader, Nacelle, Commit Mono font refs.
Blur-top effect on all pages.
BackLink
component text.
‘links’ section on home page.
ThemeButton
component.
Remove dependencies: @resvg/resvg-js, @astrojs/cloudflare.