Audit input-functions.md

[a-rokay]

This PR is an audit of input-functions.md:

• Add alt text to images
• Encase key words in backticks
• Add missing '-'
• Remove extra indentation from code blocks
• Add missing comma
• Remove empty bullet point
• Add title to frontmatter
• Improve image centering
• Add descriptive text to link
• Add div.mdImg class for image centering

For the image centering, I went with the text-align: center approach which requires the image to be in a div tag. So I combined the existing .mdImg class with a div.mdImg class that does the centering. Because of this, I had to change the span tags in functions.md to div tags. Everything works as expected.

Let me know if I missed anything.

Fixes #33

[humphd]

In #46 we're adding the ideal-image plugin, which will do this image optimization and centering for us, cc @aserputov: can you confirm that I'm correct about this?

I think that we should probably switch to using this everywhere vs. doing our own styling.

[aserputov]

@a-rokay, that's great work you did here, but as @humphd mentioned above, it's probably better to use the Docusaurus internal plugin ideal image because it provides us with more optimized Images. (responsive, lazy-loading, and low-quality placeholder)

[a-rokay]

Should I wait for #46 to be merged before continuing?

[humphd]

No, we can do it in #63, just leave a comment there.

[a-rokay]

I'm not sure what you want me to comment, just that input-functions.md requires ideal-image?

[humphd]

Yes, I don't want to lose track of knowledge, so we need to move unfinished work items forward into new or existing issues before we close things.

[a-rokay]

Got it, should I remove the image centering and CSS from this PR?

[humphd]

@a-rokay you can include it, but later we need to update all our uses of it.

[CameronGray1210]

Great Job many thanks!