This website represents an MVP of a portfolio and will be updated regularly. The website is static and built around HTML and CSS without the use JavaScript (except for the Motion section). The reason for not using JavaScript is strongly tied to it having a negative impact on performance and accessibility while having a minimal impact on aestethics. Most JavaScript “dynamic” content can be implemented using pure HTML and CSS.
Solution stack
- The header photo was shot on a Huawei P30 and then edited in Adobe Photoshop
- Raleway is the font used font used for the header, side menu, and headings
- Inter is the font used for regular text
- All the necessary font specimens were generated using google-webfonts-helper
- The arrow and menu icons (mostly visible on mobile) were done in Adobe Illustrator
- JustVector Social Icons are located above the header
- Video hosting is provided by Vimeo
- Contact form backend is provided by Web3Forms
- Web hosting is provided by GitLab
- Some web pages were converted from HTML to Markdown using Turndown
- Some images were converted to Base64 using this tool
- SVGs were optimised using SVGOMG based on SVGO
- The site itself is bulit and generated using Hugo
- Everything was coded and deployed on elementary OS
Roadmap
- Do 0-day optimisations
- Develop a script for easy static site generation
- Clean up the stylesheet
- Implement gallery view
- Add dark theme support
- Fix accessibility issues (if any)
- Come up with proper copywriting
- Implement privacy‑respecting, cookie‑less analytics
- Find a more privacy‑friendly, JavaScript‑less altenative to the video hosting provided by Vimeo (maybe even GIFs?)
- Add more design work
- Add blogging and commenting support
- Gradually migrate to a self-hosted solution