hawksley.dev banner

hawksley.dev

9 devlogs
49h 31m 52s

This is my Astro personal website and blog. It focuses on maximising the 4 web aspects measured by Google's PageSpeed Insights: Performance, Accessibility, Best Practices, and SEO. According to Google's tool, I have a perfect 100/100 score. I list…

This is my Astro personal website and blog. It focuses on maximising the 4 web aspects measured by Google’s PageSpeed Insights: Performance, Accessibility, Best Practices, and SEO. According to Google’s tool, I have a perfect 100/100 score. I list my projects I’m proud of here, and write blog posts about what I’m up to. The backend is designed to make updating the site truly painless and scalable.

This project uses AI

Used Google AI Studio to debug the broken css that I just could not fix broken layouts.

Demo Repository

Loading README...

Ethan Hawksley

The spacing of elements has been improved. I’ve been tweaking values until I’m happy with how the page sits. It should now be far more cohesive. On the backend, there’s been an awful lot of code cleanup to make it neater and more maintainable.

Attachment
0
Ethan Hawksley

One of the biggest changes is I’ve migrated to the IBM Plex Sans and IBM Plex Mono typefaces! These are much more stylistic and give the site far more personality than the previous fonts used. I’ve also redone the layout used for the first page and the blog index. I’m now using clean blocks instead of the ugly cards previously.

Attachment
0
Ethan Hawksley

Shipped this project!

Hours: 7.5
Cookies: 🍪 100
Multiplier: 13.39 cookies/hr

I made my technical portfolio and blog! It uses Astro to ensure my site is fast and accessible. It doesn’t even need Javascript enabled to run 😁. Javascript provides many enhancements around the site, but it is fully optional. I’m using it to showcase my projects I’ve made, like a fully accurate NES emulator with Rust, and a realtime cooperative Minesweeper game.

Ethan Hawksley

I’ve been redoing my website, transitioning over to cybersecurity. Page speed is better than ever, and I’ve made a new blog post! I’m happy to have such a lean site compared to the heavy react apps you see everywhere. I learned that CISA doesn’t even support post-quantum encryption surprisingly!

Attachment
0
Ethan Hawksley

Shipped this project!

Hours: 37.34
Cookies: 🍪 346
Multiplier: 12.93 cookies/hr

A whole lot has been improved since the last ship! My SEO has gotten much better, meaning I’m now placing higher than the other Ethan from Australia. I’ve went through and reevaluated the accessibility I had in place, and fixed where it was unsuitable. I’m proud of the performance my site has, due to a variety of factors I’ve managed to make it extremely fast!

Ethan Hawksley

Fixed my sitemap so it stops reporting incorrect modifiedDates for all my pages. Updated to the latest version of Astro. Improved the performance and accessibility of all my pages through inlining assets such as my arrows only once, and having more accurate aria labels.

Attachment
0
Ethan Hawksley

Added screenshots to the home page to make it look extra interesting

Attachment
0
Ethan Hawksley

I have taken the accessibility of the site and run it through all sorts of online checkers. Every concern that was flagged I have since addressed. Additionally, there have been many SEO optimisations leading me to perform the top of search results when searching my name! Finally, I performed several touch ups around the site to make it more intuitive and idiomatic to interact with, boosting performance with preloading.

Attachment
0
Ethan Hawksley

Shipped this project!

Hours: 19.45
Cookies: 🍪 325
Multiplier: 16.71 cookies/hr

I made a modern personal portfolio and blog! Building it from scratch using astro instead of using a heavy content management service like Wordpress meant I had a great deal more creative freedom with how to do it, and I’ve aggressively optimised it! I’m most proud of the animations and the sheer performance it has achieved, as according to Google’s PageSpeed Insights I score 100 in Performance, Accessibility, Best Practices, and SEO! The most challenging part was learning a new framework, but the documentation is surprisingly solid.

Ethan Hawksley

I’ve been optimising all over the place :p the blog now uses Inter and JetBrainsMono without compromise as a result of the performance budget I’ve freed up. Now featuring read time indicators, better accessibility, and much nicer spacing!

Attachment
0
Ethan Hawksley

The blog side of my site is now all completed! It took quite a while and some headaches but now my site automatically indexes and displays markdown posts in the same style that the rest of my site is using. The developer experience of working with Astro really has been phenomenal so far, and I’m really pleased with the final result! I’m glad I’ve managed to make a site that is evidently reflective of myself and my style instead of the default react/nextjs website you see people vibecoding up in half an hour 😁

Attachment
0
Ethan Hawksley

Worked on overhauling the site from scratch! I had an old personal website but I wanted to modernise it. I’ve switched over from basic HTML to Astro, as that means I can hopefully start implementing a blog soon!

Attachment
0