diff options
Diffstat (limited to 'content')
| -rw-r--r-- | content/overview-images/index.md | 5 | ||||
| -rw-r--r-- | content/overview-markdown-and-style.md | 4 |
2 files changed, 4 insertions, 5 deletions
diff --git a/content/overview-images/index.md b/content/overview-images/index.md index 3762f9d..f36060d 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -1,6 +1,6 @@ +++ title = "Image Shortcodes" -description = "Images can be embeded directly using markdown ``, but using a shortcode prevents CLS by explicitly setting the width and height." +description = "Images can be embedded directly using markdown ``, but using a shortcode prevents CLS by explicitly setting the width and height." date = 2021-05-19 [taxonomies] @@ -12,7 +12,7 @@ keywords = "Image, Markdown, Shortcodes, Hover" thumbnail = "ferris-gesture.png" +++ -This post covers the **imghover and img shortcodes**. Images can also be embeded directly using markdown ``, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. +This post covers the **imghover and img shortcodes**. Images can also be embedded directly using markdown ``, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. <!-- more --> # img Shortcode @@ -104,4 +104,3 @@ This can be used to compare only one image with another by passing only two src {{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} ``` {{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }} - diff --git a/content/overview-markdown-and-style.md b/content/overview-markdown-and-style.md index 3104326..8bc21da 100644 --- a/content/overview-markdown-and-style.md +++ b/content/overview-markdown-and-style.md @@ -186,7 +186,7 @@ Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures. --- -<!-- Note: There must be a blank line between every two lines of the footnote difinition. --> +<!-- Note: There must be a blank line between every two lines of the footnote definition. --> [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. @@ -297,4 +297,4 @@ If the nav tag is under the main tag instead of the header tag then the links wi <label for="color">Color <input type="color" id="color" name="color" value="#0eaaaa"> </label> -</form>
\ No newline at end of file +</form> |