search

illustrated-machine-learning / illustrated-machine-learning.github.io

Website containing illustrations about Machine Learning theory!
https://illustrated-machine-learning.github.io
598 stars 62 forks source link

Font and image size. #10

Open birkanozer opened 1 year ago

birkanozer commented 1 year ago

Hi there, I can see that you put great effort into this library. Since you try to pack a lot of info into a bit of space, things get really condensed. As a new learner, I find it very confusing. Also, the font and style that you use give a good sense of humour yet a small font size is hard to read.

My suggestion is to make it a more vertical design with bigger fonts and images. It will make it easier to read and understand.

Thanks

francescodisalvo05 commented 1 year ago

Hi! 👋🏻

Thank you for your feedback, appreciate it! I agree that the font may be "difficult" to read for someone, in fact, we are also working on a button for switching between a normal font and this sketchy one.

However, regarding the font size, we were confident it was not a problem because it is an SVG and it is possible to zoom without loss of quality. I am not sure that rearranging all the illustrations will be feasible for time constraints, but we'll bear this in mind for the next illustrations though!

I'll close the issue when this font-style switch will be available :D

berna1995 commented 1 year ago

@francescodisalvo05

I created a branch to work on this issue and I added a commit with a javascript function to switch the font-family of all the texts inside the SVGs. See 0bd850dd7944b9a6ef0ae42789ba87f398a5acd0.

We just need some front-end UI support to make the "toggle" between "normal" font and the "sketchy" one.

francescodisalvo05 commented 1 year ago

Thank you @berna1995 , that's a first starting point!