Added OG image, style & tab behavior fixes

ml5js / ml5-website-v02-docsify

This repository is a work-in-progress website, containing documentation and reference materials for the ml5.js library models.

https://docs.ml5js.org/

Other

1 stars 11 forks source link

Closed alanvww closed 3 months ago

alanvww commented 3 months ago

Hide banner in mobile view
Make title text overflow into new line if it is too long
Tried to move the sidebar over the banner when it is opened to ensure mobile experience, but failed :(

Added logic to fix behavior. Now if the link is internal, the tab will force reload to make sure the content is correct.

netlify[bot] commented 3 months ago

Name	Link
Latest commit	9b0bfee820690fbd5361b5c99fd1cca07b81cf29
Latest deploy log	https://app.netlify.com/sites/ml5-next-gen-docs/deploys/66ad4eca52b58500081c8245
Deploy Preview	https://deploy-preview-159--ml5-next-gen-docs.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

alanvww commented 3 months ago

Open Graph image preview: CleanShot 2024-08-02 at 17 27 37@2x

CleanShot 2024-08-02 at 17 29 00@2x

shiffman commented 3 months ago

For the future, it might be fun to make an image that includes the illustrations from the homepage around the ml5.js logo?

alanvww commented 3 months ago

For the future, it might be fun to make an image that includes the illustrations from the homepage around the ml5.js logo?

Thanks Dan! I love this idea. I will start making a few options and put them in an new issue so we can discuss and pick one 😃

MOQN commented 3 months ago

@shiffman thank you for sharing the idea! That sounds great!

@alanvww Pacey and I already prepared a B&W version of all the drawing images. I believe they should be useful for the current OG image draft.

MOQN commented 3 months ago

@alanvww thank you so much! I am merging the current one. Let's discuss the further enhancement shortly.