Looks like I’m going to use Astro as my static site generator, I’ve heard great things about it. Also going to use TailwindCSS as I want to get a better feel for CSS frameworks.
References:
- https://sebkay.com/: the simplicity is what I adore, the colors draw my attention, the background gradient is clever
- https://jmswrnr.com/blog/hacking-a-smart-home-device: not so much the home page, but I love the blog design
- https://twodee.org/: what the internet was made for
- https://pierre.io/work/: I like the layout/simplicity of content, although too wide for my taste, the “start a project page” is clever
What do I want in my site?
- Intro component
- Undergrad work
- Postgrad projects
- Contact
- Socials
I value simplicity and less for more.
What NOT to forget
- Accessibility
- Theming
- Responsive on different screen sizes
Things I like
I like these button-tag-things
Will use these icons: https://icon-sets.iconify.design/skill-icons/page-4.html?keyword=skill-icon
Versus the smaller ones
Interesting colors
Smooth scrolling
https://github.com/mearashadowfax/ScrewFast/blob/main/src/assets/scripts/lenisSmoothScroll.js
Docs (for me)
Constants
Found in globals.css and tailwind.config.mjs which are used for consistent theming and reduces the need for dark: class variants for each element.
Sections
- Work Experience
- Timeline view
- Fields: Project Title, Project Link, Subheading,
<Markdown>, @ websiteonly shows if link exists
- Projects
- Timeline view
- Writeups