Admonition Customization tutorial

[dillp1]

This PR is set to add an admonition customization tutorial. The tutorial is aimed at beginners who have little or no prior CSS or HTML experience. The tutorial guides the user through the HTML using Inspect, and teaches them how to edit the simple CSS of Docusaurus to edit any html element.

Constructive feedback is appreciated for the clarity and correctness of the tutorial. I would be more than happy to add or change any content!

[github-actions]

⚠️ Deployments require the '🚀request-deploy' label

This repository is a forked repository. For security reasons, deployments from forked repositories are not automatic.

To request a deployment, add the '🚀request-deploy' label to this pull request. (Only some members can add labels).

[bohyunjung]

Nice work @dillp1!

If you find my review helpful, please apply it to PR-wide (e.g., Change all tables to Markdown). You might also want to run a quick spell check on the document!

[github-actions]

⚡ Successfully deployed to Cloudflare Pages!

| 🔨 Latest commit | 9b2e29e |
| 🔍 Latest deploy log | https://github.com/DocusaurusCommunity/website/actions/runs/9870800139 |
| 😎 Deploy preview URL | https://eba80249.docusauruscommunitywebsite.pages.dev |
| 🌳 Environment | preview |

[dillp1]

I made some great changes and finally added that diagram (don't call me a graphic designer... I tried my best haha)

[bohyunjung]

Looks good to me! Thanks for applying the suggestions.

Before the merge, I noticed a mix of comma-separated and comma-less syntax for HTML rgb / rgba representations. Both work in modern browsers, but it'd be better if we stick to one style;

• I see another in-project page has comma-separated expressions.
• However, surprisingly, according to the MDN document, comma-less expression is standard, while comma-separated is legacy.

@dillp1 @homotechsual What's your opinion on which one to adopt?

[dillp1]

Looks good to me! Thanks for applying the suggestions.

Before the merge, I noticed a mix of comma-separated and comma-less syntax for HTML rgb / rgba representations. Both work in modern browsers, but it'd be better if we stick to one style;

• I see another in-project page has comma-separated expressions.
• However, surprisingly, according to the MDN document, comma-less expression is standard, while comma-separated is legacy.

@dillp1 @homotechsual What's your opinion on which one to adopt?

I've always used comma-separated expressions in my experience coding with Java, C, and Python. Ultimately, I think @homotechsual has a bit more experience than me and could give a more technical answer, but I would use comma-separated based on my experience.

[homotechsual]

Looks good to me! Thanks for applying the suggestions.
Before the merge, I noticed a mix of comma-separated and comma-less syntax for HTML rgb / rgba representations. Both work in modern browsers, but it'd be better if we stick to one style;

• I see another in-project page has comma-separated expressions.
• However, surprisingly, according to the MDN document, comma-less expression is standard, while comma-separated is legacy.

@dillp1 @homotechsual What's your opinion on which one to adopt?

I've always used comma-separated expressions in my experience coding with Java, C, and Python. Ultimately, I think @homotechsual has a bit more experience than me and could give a more technical answer, but I would use comma-separated based on my experience.

Definitely comma separated imo.

[homotechsual]

So basically if you can standardise the rgb/rgba definitions - either with our without commas just standardised - I think this is good to merge.

[bohyunjung]

@dillp1 Can you make another commit to make them all comma-separated? Let's get these merged!

[dillp1]

@bohyunjung will do when I’m free tomorrow! 😁

[dillp1]

Updated content to be more consistent with color values!

[bohyunjung]

👏 LGTM!

[bohyunjung]

@homotechsual Waiting for your approval and merge :)