The source code for my personal website: www.geertroks.com, built using Nuxt 3, Nuxt Content and TailwindCSS. This site is designed to be simple and professional, yet playful to reflect my personality. It's main goal is to showcase my portfolio, but it also supports a blog section to share specific things I have learned.
-
clickable tags
- make a tag component
- projects page filtering via query
- rewrite tag query to tag path
-
footer
-
mobile friendly site
- make navbar take less height in mobile view
- make project page image take less height in mobile view
- give text a little margin in mobile view
- fix navbar mobile menu drop down behavior into overlay behavior
- fix footer in mobile form
- homepage avatar above name in mobile view
-
contact form
- add option to disable contact page, site-wide
- send data to email
- setup form endpoint (formspree.io? or selfhosted?)
- OR develop an endpoint yourself
- Setup database (mongodb of SQL)
- setup UI like a mail service
- filter spam/malicious form entries using regex or already existing service
- email notifications of new messages
- make it a separate git project, so others can use it as well
-
Media support for project pages
- video support
- mp4
- YouTube
- image support
- jpg
- Gallery option
- size option (max-width, max-height) -> using MDC syntax and tailwind classes
- placement options (left, right, center) -> using MDC syntax and tailwind classes
- audio support
- mp3
- Add Gitlab component
- video support
-
add blog
-
dockerize project
- dockerize nuxt project
- dockerize static file server
- orgestrate with docker compose
-
use
.envfile for settings- add image server location
-
GitHub actions for automatic updating of content to server
-
optional:
- project view next/prev project if it is a series. Add a line under the article and then two buttons
- Let navbar disappear when scrolling long, so more room for reading, but reappear when scrolling up (Firefox app style)