Written lesson cleanup: ERC20

[gin]

Fix formatting, demo code, and images

• commit 47cc89e: For this particular image, it is text. I used markdown instead of linking to the image. https://github.com/Cyfrin/Updraft/blob/main/static/foundry-erc20s/1-erc20-basics/erc20-basics1.png?raw=true Other images are fixed with the images' new location.

[EngrPips]

Hello @gin, Thanks for this contribution and this will be attended to appropriately as soon as possible.

[JustinyAhin]

Hello @gin. Thank you for your contribution.

I wanted to explain why we are using the custom syntax and are not using images from GH on the app.

• The lessons transcripts use a markdown editor / viewer that doesn't support inline HTML. With many of the images having a custom style tag, we had to implement a custom node to support that feature and a few more. Which is why you might be seeing a lot of ::image tags in the repo. The same goes for :br for line breaks
• Images on the lessons transcripts are not served from GitHub. Instead, they are served from the updraft.cyfrin.io domain. For instance, this image https://updraft.cyfrin.io/foundry-erc20s/2-erc20-manual-creation/erc20-manual-creation1.PNG in this lesson https://updraft.cyfrin.io/courses/advanced-foundry/How-to-create-an-erc20-crypto-currency/create-an-erc20. Here again, we needed to do some custom transformation to the images that couldn't be handled if they were served from GH.

I hope that make sense.

Thank you.

[gin]

Oh, I see. Thank you for the explanation. That makes sense.

Turns out why some of those images doesn't work is because of .PNG vs .png. I'll revert the formatting, and fix the images by updating the extension capitalization. One moment.

Update: Some images doesn't work if it's .PNG and some is due to filename (e.g. ERC vs erc).

[gin]

@JustinyAhin Updated 👍