Repository documenting the history of my portfolio website versions. All releases have tried to add something on top of previous versions in order to showcase improvement and growth. Click the heading above to visit the live site.
My current developer portfolio makes more use of css variables compared to other releases. It is also one of the most responsive websites I have created. There are still a lot of things to learn which is why I've documented some next steps in this repository.
Features:
- Responsive website, single-page (About, Education, Projects, Contact), dark-theme
- CSS variables
- Collapsibles and lists
- anchor-list menu
- flexbox
- Website preview / logo?
- Slide section for contact?
- Add bg image?
- Animations?
- Utility classes (text-center, colours... etc)
- Addition with media queries rather than simplification, min-width @media queries
- Look into using more advanced selectors and variables within css
- Learn more about animations
- Learn more about combining images with text
- Attempt having more than 1 accent colour? (Green/Orange?)
- Change look of projects section maybe?
- Consider re-adding pop-ups? Or making a gallery section / add images for projects?
Initial attempt at making a portfolio website.
Features:
- Home, About, Projects, FAQ, Contact
- Background Image
- Central aligned main content
- Recursive Collapsibles
- Message styled FAQ
More simplistic developer portfolio.
Features:
- About, Projects, FAQ, Contact
- Dark-themed
- Background Image
- Right-aligned menu with logo
- Still centrally aligned content
- Collapsibles with scroll-behaviour
Simpler site, with more focus on content and projects page.
Features:
- About, Projects, FAQ, Contact
- Dark-themed
- About sectioned more + listed items
- Projects no longer sanctioned on same page + different style, flex projects with pill buttons
- Background Image
- Main content centrally aligned
More professional website, minimalistic.
Features:
- About, Projects, FAQ, Content
- Light-themed
- No background image
- Main content centrally aligned
- Summary + Details tags
- Simpler list-styled projects page
Overall in this release I was attempting to switch back to a darker theme whilst also simplifying the styling and applying current knowledge.
Features:
- Single-paged website
- Dark-themed
- CSS variables
- Link-anchors in menu at the top
- Flex container with image and paragraphs
- Background image behind some sections
