Make a README to remember the release process:

git checkout master
git fetch
git reset --hard origin master
yarn build
git checkout gh-pages

Then:

• move CNAME into the dist folder
• Manually check the bug with the icon that stays in the asset folder (move it to dist root)
• Remove everything but dist folder
• Move the content of dist to the root
• Remove the now empty dist folder

git checkout -b release-yy-mm-dd
git add .
git commit -m "release yy-mm-dd"
git push origin release-yy-mm-dd

Then on Github:

• Open a PR
• Change the target branch to gh-pages
• Merge and wait for the deployment 🎉

Change the color on hover to lighter. Not sure it can be changed easily as the button is integrated. Maybe I should do my own to change the width and border-radius too.

Github pages is made to display static web sites. Once you visit marine.dunstetter.fr, you can access all the web site by clicking in the menus. But if you visit marine.dunstetter.fr/games, it will return a 404.
The project rafgraph/spa-github-pages has been used to make the SPA work as expected with Github pages:

• The custom 404.hmtl page was added to public assets
• The redirection script was copied in index.html

👉 BlueCutOfficial/site-cv#21

On mobile, the presence of the book trailer on the screen makes the page size larger. The bug is fixed as soon as the left/right arrows to display other content are clicked.

This used to work on the native-JS website, an interaction has been forgotten when moving to Ember.

The website assigns a lot of ids to the DOM element, they were used in the native-JS website to manipulate the element. With Ember modifiers, interactions are a lot simpler to implement and a lot of ids are no longer used. Some of them are still used for some parts that haven't been properly refactored with modifiers though.

Add the homepage field and any field that might be missing: https://docs.npmjs.com/cli/v10/configuring-npm/package-json