Consider swapping from Gatsby to something lighter weight

[charlottebrf]

Options to explore:

• Preact
• Eleventy
• Svelte
• Basic JS, HTML & CSS with Webpack

[cfereday]

Progress

• Delved into the world of Eleventy & whilst it's interesting - feels a bit complex for my site which is pretty basic. All the other ideas feel a bit like over engineering right now.

Decided to go vanilla

Try to do as much as possible with HTML, CSS & JS (if I really need JS).

My todo list for porting over my site:

To do list

Landing page

• Use HTML5 semantic tags
• HTML emoji in the header 😸
• V basic dark / light mode
• Navigation list to other pages (see below) - that doesn't actually navigate there yet
• Picture of me
• My name
• 1 liner summary about me
• Footer: social media handles
• Copyright + year

Incorporate 11ty to avoid so much duplication*

• After starting out vanilla I realised actually 11ty would enable me to use templates and avoid loads of duplication. I switched over to 11ty now with skeleton pages of the below.

General styling

• Less wide - bring everything more centred
• Visual hierarchy - ratio of titles: better heading & subheading
• Website is wider than it is tall - is this due to navbar styling?

Home

• Less wide - bring everything more centred
• Text left adjusted in centre of page
• Figure out if extra padding on 100% -

Navbar

• Make this truly responsive - maybe 2 lines?

Footers

• Make these bigger & less spread out

Card template

• Have an optional date for: Community, Talks & Blogs
• More space around cards

Home

Profile

• Career Timeline
• This example timeline could be helpful to port over from React
• Amended this example
• Pip on left hand side of the timeline items

Projects

• A selection of projectss I've done following same style
• Get better pictures for the projects

Talks & blogs

• Talks
• Add selection of blogs

Community

• Volunteering work
• Reorganise in 2 groups: 1. mentoring, 2. tech events organiser
• Find out more here doesn't really make sense

Contact

• This is a maybe

CSS to do

• Basic shared styling across site

[cfereday]

This has gone live today! Closing this & taking any remaining improvement points to another issue.

Good scores on Lighthouse desktop - could be a bit better on mobile.