guaiamum / guaiamum.github.io

My HTML / CSS / JavaScript CV

About this little project:

This is my way of saying who I am and where I've been, along with my experiences in the academic world. I've designed all the HTML / CSS / JavaScript in this page, may have gotten some ideas and snippets from good'ol Google, won't lie, but this is mainly all my own creation. Enjoy :)

Go to page

To run locally:

Clone it, run yarn on your command line, then yarn start:open to start a dev server and open the webpage with auto refresh space technology.

License and contributing:

MIT, meaning a bunch of things, but feel free to fork it and use it as you please!

PR's are also welcome, just open and issue first, and we can discuss the solution ;)

guaiamum.github.io's Issues

Bolder is not working

Perhaps google.fonts include was not complete

Hints

https://webhint.io/scanner/dcc2ddd4-4093-48fb-a6a5-e801e30e183f

Add manifest.json

Add it according to https://developers.google.com/web/fundamentals/web-app-manifest

And maybe a service worker? To make a true pwa...

Evaluate jQuery use

• Is it really necessary?
• Is it still a dependency for materializecss?
• Make my own (jCary ?)

Add languages

Add dotted status for English and Portuguese

Preload main css

Evaluate using https://github.com/GoogleChromeLabs/preload-webpack-plugin, as current Minicss extract does not seem to suport preloading css :( (tried with attributes config and inject function)
Also reference: https://web.dev/defer-non-critical-css/

Improove site accessibility

• img with alt
• links with aria-label
• profile-subtitle does not have enough contrast
• cd-timeline is not unique
• html lang attr