Focus on fleshing out and adding systems to my portfolio

- Not just past projects, but scripts to easily add new projects.
- Responsive design
- Resume page
- SLCC e-portfolio

The idea is to showcase my full-stack development skills in a future-ready manner.

Timeline:
Week 1: 17/12/24 - 23/12/24 (Planning for the future)

- [x] Refactor and reorder the HTML & CSS.
- [x] Template HTML blocks for repeated components.
- [ ] Document classes, ID's, and other attributes.
  - [ ] Script to easily add new projects (components).
- [x] Embeddable PDFs (research phase).

Week 2: 24/12/24 - 30/12/24 (Adding key information)

- [x] Resume page (HTML and PDF options).
- [ ] Convert SLCC e-portfolio to my own website
  - [ ] Meet required pages and content
  - [ ] Embed PDF course reflections/signature assignments.
- [x] Contact page.
  - [x] Implement MailTrap for sending me automated emails when there is a contact form submission.

Week 3: 31/12/24 - 6/12/24

- [ ] Refactor & polish codebase.
- [ ] Update documentation.
- [ ] Demo's of various projects.
- [ ] Security:
  - [ ] Blacklist IPs which access /wp-admin and /wp-login.
  - [ ] Separate user for self-hosting, with reduced permissions.
  - [ ] Dockerize
- [ ] Blog page (stretch goal).

Major Bugs (UI, UX, or Functionality):

- [x] Breathing animation of background gradient stopped. (v.0.0.1)
- [x] Add state to skill accordions for mobile. (v.0.0.1)
- [x] Alignment of project card on mobile. (v.0.0.1)
- [x] PDF viewer width is constant, doesn't respond to resizing (or setting the width in CSS). (v.0.0.1)
- [ ] More prominent slide indicator for projects (or n/10 counter, or some similar solution). (v.0.0.2)

Features

- [x] Refactor and reorder the HTML & CSS. (v.0.0.1)
- [x] Template HTML blocks for repeated components. (v.0.0.1)
- [x] Resume page (HTML and PDF options). (v.0.0.1)
- [x] Contact page. (v.0.0.1)
- [ ] Convert SLCC e-portfolio to my own website (v.0.0.1)
- [ ] Security:
  - [ ] Separate user for self-hosting, with reduced permissions. (v.0.0.1)
  - [ ] Dockerize (v.0.0.1)
- [ ] Proper 404 page (v.0.0.1)

Future Features:

- [ ] Read in data for portfolio from a DB or preferably a plain text files. (v.0.0.2)
- [ ] Script to easily add new projects. (v.0.0.2)
- [ ] Demo's of various projects. (embed Java Swing app or Flutter app directly into portfolio). (v.0.0.2)
- [ ] Blog page. (v.0.0.3)

Refactoring:

- [ ] Rewrite CSS into components/modules (v.0.0.2)

Minor Bugs:

- [ ] Contact form submission centers entire section. (v.0.0.2)
- [ ] Profile picture animation is slightly cutoff on mobile. (v.0.0.2)