diff options
| -rw-r--r-- | README.md | 4 | ||||
| -rw-r--r-- | content/overview-images/index.md | 5 | ||||
| -rw-r--r-- | content/overview-markdown-and-style.md | 4 |
3 files changed, 6 insertions, 7 deletions
@@ -7,7 +7,7 @@ Abridge is a fast and lightweight Zola theme using semantic html, only ~6kb css There is also [Abridge-minimal](https://github.com/jieiku/abridge.css) Theme which is used to showcase the [abridge.css framework](https://github.com/Jieiku/abridge.css/tree/master/dist) -Maintainence of this project is made possible by all the <a href="https://github.com/Jieiku/abridge/graphs/contributors">contributors</a> and <a href="https://github.com/sponsors/Jieiku">sponsors</a>. If you'd like to sponsor this project and have your avatar or company logo appear below <a href="https://github.com/sponsors/Jieiku">click here</a>. 💖 +Maintenance of this project is made possible by all the <a href="https://github.com/Jieiku/abridge/graphs/contributors">contributors</a> and <a href="https://github.com/sponsors/Jieiku">sponsors</a>. If you'd like to sponsor this project and have your avatar or company logo appear below <a href="https://github.com/sponsors/Jieiku">click here</a>. 💖 <!-- sponsors --><!-- sponsors --> @@ -323,7 +323,7 @@ Refer to [overview-images](https://raw.githubusercontent.com/Jieiku/abridge/mast ```md +++ 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] 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> |