All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
- Separate code into new sections, sectionItems, containers and, miscellaneous components.
- ESLint uses single quotes for imports.
- Imports are sorted alphabetically and auto-fixed using
--fix
.
- Create
CollapseSubheading
custom component that uses theFontawesome Free Regular
SVG icons package. This fixes the arrow's initial state and on first click does not work properly.
- Changelog and updated Readme
- Remove Bootstrap-vue package as it is unused.
- Bootstrap-vue wrapper is not being maintained quickly enough. It is not fully compatible with Vue3 and is not keeping up-to-date with the latest Bootstrap development cycles. As such, it is better to use Bootstrap directly without a wrapper. A wrapper, in this context, is component that wraps around another component, often for convience. The convience vs. maintaining updates is a trade-off. Sometimes the wrapper is unofficial, maintained by an unknown individual and becomes abandoned. This is also a security concern, depending on context. It is sometimes better to use the package directly without a wrapper; depending on context.
- Update favicon.ico using FontAwesome icon - person with a tie
- Update title of website
- Add ESLint, Prettier and TypeScript to project
- Create classes variable that contains arrays of class names such that the code looks cleaner.
- Load Google Fonts using a Vite plugin instead of
<link>
. - Manual Chunking to split vender packages into seperate files. Despite being a single page website, this helps to determine which packages are the largest. FontAwesome Free Solid SVG Icons is 904.84kB uncompressed.
- Video animation in navigation on mobile.
- scrollspy is fixed in desktop mode.
- The arrow's initial state and on first click does not work properly. The arrows are copied from old index.php. They should be upgraded to a font-awesome-vue method.
- Migrated StartBootstrap based website from index.php to a VUE3 Framework, based on VUE2 template.
- Added Video Background
- Created Docker Container for development rather than switching node versions on local machine depending on project.
- Video animation in navigation is disabled on mobile until a solution is found
- The arrow's initial state and on first click does not work properly. The arrows are copied from old index.php. They should be upgraded to a font-awesome-vue method.
- scrollspy is broken on desktop mode but works on mobile likely indirectly due to the video-background container.
- Create and deploy resume website using StatBootstrap Resume now that I am graduating.
- Add PHP for HTML code injection (similar to a component).
- Use a shell script to auto-generate html from resume document to inject into appropriate sections like "Expereince". Resume is being tweaked continuously so it saves time copying and pasting (which is more error prone).
- Change colour scheme to turquoise as orange is ugly (in my humble opinion).
- Subheadings collapse to make the website look cleaner and less cluttered (more white space). If someone is really interested in the details, they can expand the sections.
- Change profile picture from circle to rectangle to match the profile picture and make it look a little more modern. This might be changed back with a different profile picture.
- The arrow's initial state and on first click does not work properly. Uses CSS to capture the state of bootstrap "collapse" class. There is likely a better way to do this in a VUE or REACT Framework.