Cookie Engineer's Portfolio
You can visit my portfolio at https://cookie.engineer.
This website is how I think every website should be. Printable, shareable, interactive, fun to use and semantically correct.
To be honest, take it or leave it. This is my website and I like it. I think I did a great job at building it.
- Semantic HTML, CSS and JS
- Works with deactivated JS
- Dynamic Avatar Interaction
- Awesome Sound Recordings
- Interactive Search
- Copy/Paste as CommonMark via CSS
- Print Stylesheets
- Icon Webfont created with Font Awesome Icons and fontello.
- SVG Icons, Sounds and Graphics created by myself (@cookiengineer).
- Highlight.js is embedded with
The Website is a completely static website. Therefore no dynamic backend language interpreter is necessary.
However, the Web Log is written in CommonMark, so new articles must be rendered into HTML somehow.
It automatically re-renders related URLs when they are loaded in the Browser (aka Hot Reload).
cd /path/to/cookie.engineer; # Note that PWD must be the website root node ./bin/server.mjs;
Additionally, the CVs are stored in an AES-GCM encrypted template format in order to preserve my privacy and to protect me from stalkers...because I had issues with some malicious actors in the past.
The CVs can be decrypted and encrypted by calling the cv.mjs via node.js, and in the Browser they are decrypted via the Web Crypto API:
cd /path/to/cookie.engineer; node ./bin/cv.mjs decrypt "old-password-of-already-encrypted-CV"; vim ./cv/source/DECRYPTED.cv; # Edit CV nao node ./bin/cv.mjs encrypt "new-password";
(c) 2018-2021 Cookie Engineer (@cookiengineer). All rights reserved.