Le futuriste's portfolio 2022 version

This is the 2022 version of my portfolio.

Workflow:

All the text content or structured content I want to put on the website is stored in YAML file to beeasy to change and work with. The YAML can be used outside of the website to generate resume for example.

Then I use PHP and Twig to render the HTML and SASS to add a little bit of style. Webpack is used to compile to SASS to CSS and pack the JavaScript.

Unlike the previous version of this website, it doesn't require the use of a database.

Appart from the language handling, the site doesn't necessarily need to have PHP generate the page each time so it can be build to HTML files by a script and cached. So the whole website can run without PHP.

Requirements

PHP >=8.1
Node >=16.16
Yarn >=1.22

Installation

git clone blahblah
composer install
yarn
yarn build

You may want to run the build_static.sh if you want to serve the site without PHP.

Credits

Current structure

Quick facts about me (Intro)
Tech wall
Pro projects
Side projects
Find me on (Links)

Contact form

Another structure to try: tabbed structure

The main page: quick facts and the nav bar would be on the left instead of at the top

Todo

Add a little bit more style for the project page
Compress images for the projects slide show
Add some URL redirection
Improve accessibility
Add HTML for the semantic web
Add link to blog and various links to specifics articles (for example about a particular project or about my computing setup)

Technical issues or comments

If you have any comments on this website, please reach to me via email

1.9 KiB Raw Blame History