Merge branch 'development' of github.com:asurbernardo/amperage into development

19 files changed, 13 insertions, 15 deletions

diff --git a/README.md b/README.md
index fce52af..172e161 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,7 @@ Amperage is a theme for static site generator [GoHugo](https://gohugo.io/). This
  - Basic AMP shortcodes for ease of use.
  - Header menu, table of contents and related posts.
  - Uses web safe fonts by default.
+ - Automatic image croping and srcset generation.
  - Social share buttons and OGP/Twitter card tags.
  - Google analytics with gtag.
  - Configurable Adsense shortcode.
diff --git a/assets/theme.scss b/assets/theme.scss
index b9ca491..c08ad4a 100644
--- a/assets/theme.scss
+++ b/assets/theme.scss
@@ -4,7 +4,7 @@ body {
 	grid-template-columns: repeat(12, 1fr);
 	grid-gap: 1em 1em;
 	font-size: 1.2em;
-	font-family: Courier New;
+	font-family: Courier New, sans-serif;
 	line-height: 1.6;
 	color: black;
 }
diff --git a/assets/variables.scss b/assets/variables.scss
index 3c11e76..05d1056 100644
--- a/assets/variables.scss
+++ b/assets/variables.scss
@@ -1,4 +1,4 @@
 /* Variables */
 
 $main-color: #d14;
-$secondary-color: #teal;
\ No newline at end of file
+$secondary-color: teal;
\ No newline at end of file
diff --git a/exampleSite/static/images/share-banner.png b/exampleSite/assets/images/share-banner.png
index c89b697..c89b697 100644
--- a/exampleSite/static/images/share-banner.png
+++ b/exampleSite/assets/images/share-banner.png
diff --git a/exampleSite/resources/_gen/assets/scss/styles.scss_b95b077eb505d5c0aff8055eaced30ad.content b/exampleSite/resources/_gen/assets/scss/styles.scss_b95b077eb505d5c0aff8055eaced30ad.content
index c09112a..6ac04f0 100644
--- a/exampleSite/resources/_gen/assets/scss/styles.scss_b95b077eb505d5c0aff8055eaced30ad.content
+++ b/exampleSite/resources/_gen/assets/scss/styles.scss_b95b077eb505d5c0aff8055eaced30ad.content
@@ -1 +1 @@
-*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}.chroma{background-color:#fff}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .k{color:#000;font-weight:700}.chroma .kc{color:#000;font-weight:700}.chroma .kd{color:#000;font-weight:700}.chroma .kn{color:#000;font-weight:700}.chroma .kp{color:#000;font-weight:700}.chroma .kr{color:#000;font-weight:700}.chroma .kt{color:#458;font-weight:700}.chroma .na{color:teal}.chroma .nb{color:#0086b3}.chroma .bp{color:#999}.chroma .nc{color:#458;font-weight:700}.chroma .no{color:teal}.chroma .nd{color:#3c5d5d;font-weight:700}.chroma .ni{color:purple}.chroma .ne{color:#900;font-weight:700}.chroma .nf{color:#900;font-weight:700}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#555}.chroma .nt{color:navy}.chroma .nv{color:teal}.chroma .vc{color:teal}.chroma .vg{color:teal}.chroma .vi{color:teal}.chroma .s{color:#d14}.chroma .sa{color:#d14}.chroma .sb{color:#d14}.chroma .sc{color:#d14}.chroma .dl{color:#d14}.chroma .sd{color:#d14}.chroma .s2{color:#d14}.chroma .se{color:#d14}.chroma .sh{color:#d14}.chroma .si{color:#d14}.chroma .sx{color:#d14}.chroma .sr{color:#009926}.chroma .s1{color:#d14}.chroma .ss{color:#990073}.chroma .m{color:#099}.chroma .mb{color:#099}.chroma .mf{color:#099}.chroma .mh{color:#099}.chroma .mi{color:#099}.chroma .il{color:#099}.chroma .mo{color:#099}.chroma .o{color:#000;font-weight:700}.chroma .ow{color:#000;font-weight:700}.chroma .c{color:#998;font-style:italic}.chroma .ch{color:#998;font-style:italic}.chroma .cm{color:#998;font-style:italic}.chroma .c1{color:#998;font-style:italic}.chroma .cs{color:#999;font-weight:700;font-style:italic}.chroma .cp{color:#999;font-weight:700;font-style:italic}.chroma .cpf{color:#999;font-weight:700;font-style:italic}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000;font-style:italic}.chroma .gr{color:#a00}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}body{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1em 1em;font-size:1.2em;font-family:Courier New;line-height:1.6;color:#000}.header,.main,.footer{grid-column:4/span 6}.header{margin-top:1em}.header__menu{margin:0;padding:0;display:flex;overflow:auto;justify-content:flex-start;border:1px solid #333}.header__menu a{font-size:1.2em;white-space:nowrap;border-bottom:none}.header__menu a:hover{color:#d14}.header__menu__logo{line-height:0}.header__menu__logo svg{width:75px;height:75px;min-width:75px;min-height:75px}.header__menu__list{display:flex;flex-grow:1;flex-wrap:nowrap;align-items:center;justify-content:space-around}.header__menu__list li{padding:0 1em;display:inline}.main{min-width:0;min-height:80vh}.main .pagination{margin:3em auto 2em;display:flex;justify-content:space-between}.footer{display:flex;justify-content:space-between;flex-wrap:wrap}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}a{color:inherit;text-decoration:none;transition:background .3s;border-bottom:2px dashed #37474f}a:hover{border-color:#d14}.button{padding:.5em .75em;font-size:1.2em;text-align:center;border:1px solid #000;box-shadow:7px 7px 0 0 #333}.button:hover{color:#d14;border:1px solid #000;transform:translate(4px,4px);box-shadow:3px 3px 0 0 #333}li{margin-top:.25em}pre,code{font-family:lucida console,Monaco,monospace;font-size:12pt;background-color:#f1f1f1}blockquote{margin:inherit auto;margin-left:1em;padding:1em;border-left:5px solid #999}blockquote:before{display:none}blockquote:not(:first-of-type){margin-top:.5em}blockquote p{color:#555;font-size:1.25em;font-family:times new roman,serif}.figure{width:100%;max-width:100%}.figure--with-caption{display:flex;border-top:6px solid #333}.figure__image--with-caption{min-width:70%}.figure__caption{background-color:#333;color:#fff;font-weight:700;padding:.5em 1em;height:min-content;word-wrap:break-word}.post-it{width:100%;padding:1.5em}.post-it--tip{background-color:#fffacd}.post-it--info{background-color:azure}.post-it--danger{background-color:#ffcccb}.post-it--success{background-color:#d0f0c0}.post-it__title{font-weight:700;font-size:1.5em}.post-it__content{margin-top:1em}.product{width:100%;display:flex;justify-content:space-between;padding:1.5em;border:1px solid #333}.product__image{margin:auto;width:100%;min-width:250px;max-width:400px}.product__content{margin-left:2em;align-self:center;display:flex;flex-direction:column}.product__title{font-weight:700;font-size:1.5rem}.product__description{margin-top:1em}.product__cta{margin-top:1em}.social-share{display:flex;align-self:center;align-items:center}.social-share__button{margin:0 .5em;border-radius:50%;background-size:60%}#tags{margin:0;padding:0}#tags li{display:inline}.content{width:100%}.content>*{margin-top:1.5em}.content>h1{margin-top:.5em}.content pre{overflow:auto;padding:.5em}.content code{padding:.1em}.content table{display:block;overflow-x:auto;border-collapse:collapse}.content table td,.content table th{border:1px solid #ddd}.content table td{padding:.5em 1em}.content table th{padding:1em 2em;background-color:#333;color:#fff}.content table tr:nth-child(even){background-color:#f1f1f1}.content table tr:hover{background-color:#ddd}.content .highlight .chroma{background-color:#f1f1f1}.content .under-title{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1rem}.content .under-title__info,.content .under-title__social-share{align-self:center}.content .ad{display:flex;margin:1rem auto;align-content:center;width:min-content;height:min-content;min-width:320px;min-height:320px;border:1px solid #333}.content .ad__fallback{display:flex;align-items:center}.content .ad__fallback p{margin:auto}.content .author{display:flex;flex-direction:column;align-items:center;background-color:#f1f1f1;padding:1.5rem}.content .author>*:not(:first-child){margin-top:1rem}.content .author__name{font-weight:700;font-size:1.5em}.content .author__image{border-radius:100px}.content .author__bio,.content .author__cta{text-align:center}.content .author__cta{font-size:1.25em}.summary:not(:first-of-type) h2{margin-top:2.5em}.summary>*{margin-top:1.25em}.summary__title{text-align:center}.summary .button{display:block;margin:inherit 1em}@media(max-width:1200px){body{grid-gap:0}.main,.header,.footer{grid-column:1/span 12}.main,.footer{margin:1em .75em 0 .5em}.header{margin:0}.header__menu{border:none;border-bottom:1px solid #333}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.66rem}h4{font-size:1.25rem}.post-it{margin-left:0;margin-right:0}}@media(max-width:600px){.under-title__social-share{width:100%;margin-top:1.5em;justify-content:space-between}.figure{flex-direction:column-reverse}.figure--with-caption{border-top:none}.figure__caption{position:relative;max-width:100%}.product{flex-wrap:wrap}.product__content{margin-left:unset;text-align:center}.product__title{margin-top:1em}}
\ No newline at end of file
+*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}.chroma{background-color:#fff}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .k{color:#000;font-weight:700}.chroma .kc{color:#000;font-weight:700}.chroma .kd{color:#000;font-weight:700}.chroma .kn{color:#000;font-weight:700}.chroma .kp{color:#000;font-weight:700}.chroma .kr{color:#000;font-weight:700}.chroma .kt{color:#458;font-weight:700}.chroma .na{color:teal}.chroma .nb{color:#0086b3}.chroma .bp{color:#999}.chroma .nc{color:#458;font-weight:700}.chroma .no{color:teal}.chroma .nd{color:#3c5d5d;font-weight:700}.chroma .ni{color:purple}.chroma .ne{color:#900;font-weight:700}.chroma .nf{color:#900;font-weight:700}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#555}.chroma .nt{color:navy}.chroma .nv{color:teal}.chroma .vc{color:teal}.chroma .vg{color:teal}.chroma .vi{color:teal}.chroma .s{color:#d14}.chroma .sa{color:#d14}.chroma .sb{color:#d14}.chroma .sc{color:#d14}.chroma .dl{color:#d14}.chroma .sd{color:#d14}.chroma .s2{color:#d14}.chroma .se{color:#d14}.chroma .sh{color:#d14}.chroma .si{color:#d14}.chroma .sx{color:#d14}.chroma .sr{color:#009926}.chroma .s1{color:#d14}.chroma .ss{color:#990073}.chroma .m{color:#099}.chroma .mb{color:#099}.chroma .mf{color:#099}.chroma .mh{color:#099}.chroma .mi{color:#099}.chroma .il{color:#099}.chroma .mo{color:#099}.chroma .o{color:#000;font-weight:700}.chroma .ow{color:#000;font-weight:700}.chroma .c{color:#998;font-style:italic}.chroma .ch{color:#998;font-style:italic}.chroma .cm{color:#998;font-style:italic}.chroma .c1{color:#998;font-style:italic}.chroma .cs{color:#999;font-weight:700;font-style:italic}.chroma .cp{color:#999;font-weight:700;font-style:italic}.chroma .cpf{color:#999;font-weight:700;font-style:italic}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000;font-style:italic}.chroma .gr{color:#a00}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}body{max-width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1em 1em;font-size:1.2em;font-family:Courier New,sans-serif;line-height:1.6;color:#000}.header,.main,.footer{grid-column:4/span 6}.header{margin-top:1em}.header__menu{margin:0;padding:0;display:flex;overflow:auto;justify-content:flex-start;border:1px solid #333}.header__menu a{font-size:1.2em;white-space:nowrap;border-bottom:none}.header__menu a:hover{color:#d14}.header__menu__logo{line-height:0}.header__menu__logo svg{width:75px;height:75px;min-width:75px;min-height:75px}.header__menu__list{display:flex;flex-grow:1;flex-wrap:nowrap;align-items:center;justify-content:space-around}.header__menu__list li{padding:0 1em;display:inline}.main{min-width:0;min-height:80vh}.main .pagination{margin:3em auto 2em;display:flex;justify-content:space-between}.footer{display:flex;justify-content:space-between;flex-wrap:wrap}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}a{color:inherit;text-decoration:none;transition:background .3s;border-bottom:2px dashed #37474f}a:hover{border-color:#d14}.button{padding:.5em .75em;font-size:1.2em;text-align:center;border:1px solid #000;box-shadow:7px 7px 0 0 #333}.button:hover{color:#d14;border:1px solid #000;transform:translate(4px,4px);box-shadow:3px 3px 0 0 #333}li{margin-top:.25em}pre,code{font-family:lucida console,Monaco,monospace;font-size:12pt;background-color:#f1f1f1}blockquote{margin:inherit auto;margin-left:1em;padding:1em;border-left:5px solid #999}blockquote:before{display:none}blockquote:not(:first-of-type){margin-top:.5em}blockquote p{color:#555;font-size:1.25em;font-family:times new roman,serif}.figure{width:100%;max-width:100%}.figure--with-caption{display:flex;border-top:6px solid #333}.figure__image--with-caption{min-width:70%}.figure__caption{background-color:#333;color:#fff;font-weight:700;padding:.5em 1em;height:min-content;word-wrap:break-word}.post-it{width:100%;padding:1.5em}.post-it--tip{background-color:#fffacd}.post-it--info{background-color:azure}.post-it--danger{background-color:#ffcccb}.post-it--success{background-color:#d0f0c0}.post-it__title{font-weight:700;font-size:1.5em}.post-it__content{margin-top:1em}.product{width:100%;display:flex;justify-content:space-between;padding:1.5em;border:1px solid #333}.product__image{margin:auto;width:100%;min-width:250px;max-width:400px}.product__content{margin-left:2em;align-self:center;display:flex;flex-direction:column}.product__title{font-weight:700;font-size:1.5rem}.product__description{margin-top:1em}.product__cta{margin-top:1em}.social-share{display:flex;align-self:center;align-items:center}.social-share__button{margin:0 .5em;border-radius:50%;background-size:60%}#tags{margin:0;padding:0}#tags li{display:inline}.content{width:100%}.content>*{margin-top:1.5em}.content>h1{margin-top:.5em}.content pre{overflow:auto;padding:.5em}.content code{padding:.1em}.content table{display:block;overflow-x:auto;border-collapse:collapse}.content table td,.content table th{border:1px solid #ddd}.content table td{padding:.5em 1em}.content table th{padding:1em 2em;background-color:#333;color:#fff}.content table tr:nth-child(even){background-color:#f1f1f1}.content table tr:hover{background-color:#ddd}.content .highlight .chroma{background-color:#f1f1f1}.content .under-title{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1rem}.content .under-title__info,.content .under-title__social-share{align-self:center}.content .ad{display:flex;margin:1rem auto;align-content:center;width:min-content;height:min-content;min-width:320px;min-height:320px;border:1px solid #333}.content .ad__fallback{display:flex;align-items:center}.content .ad__fallback p{margin:auto}.content .author{display:flex;flex-direction:column;align-items:center;background-color:#f1f1f1;padding:1.5rem}.content .author>*:not(:first-child){margin-top:1rem}.content .author__name{font-weight:700;font-size:1.5em}.content .author__image{border-radius:100px}.content .author__bio,.content .author__cta{text-align:center}.content .author__cta{font-size:1.25em}.summary:not(:first-of-type) h2{margin-top:2.5em}.summary>*{margin-top:1.25em}.summary__title{text-align:center}.summary .button{display:block;margin:inherit 1em}@media(max-width:1200px){body{grid-gap:0}.main,.header,.footer{grid-column:1/span 12}.main,.footer{margin:1em .75em 0 .5em}.header{margin:0}.header__menu{border:none;border-bottom:1px solid #333}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.66rem}h4{font-size:1.25rem}.post-it{margin-left:0;margin-right:0}}@media(max-width:600px){.under-title__social-share{width:100%;margin-top:1.5em;justify-content:space-between}.figure{flex-direction:column-reverse}.figure--with-caption{border-top:none}.figure__caption{position:relative;max-width:100%}.product{flex-wrap:wrap}.product__content{margin-left:unset;text-align:center}.product__title{margin-top:1em}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_1200x0_resize_box_2.png b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_1200x0_resize_box_2.png
new file mode 100644
index 0000000..2561ee7
--- /dev/null
+++ b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_1200x0_resize_box_2.png
diff --git a/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_320x0_resize_box_2.png b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_320x0_resize_box_2.png
new file mode 100644
index 0000000..3c61917
--- /dev/null
+++ b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_320x0_resize_box_2.png
diff --git a/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_480x0_resize_box_2.png b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_480x0_resize_box_2.png
new file mode 100644
index 0000000..ce77a29
--- /dev/null
+++ b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_480x0_resize_box_2.png
diff --git a/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_640x0_resize_box_2.png b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_640x0_resize_box_2.png
new file mode 100644
index 0000000..4441da6
--- /dev/null
+++ b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_640x0_resize_box_2.png
diff --git a/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_800x0_resize_box_2.png b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_800x0_resize_box_2.png
new file mode 100644
index 0000000..9f819f4
--- /dev/null
+++ b/exampleSite/resources/_gen/images/share-banner_hu45e49758cdaf6abdf1661d05328b0eca_33745_800x0_resize_box_2.png
diff --git a/images/screenshot.png b/images/screenshot.png
index 25c0168..23ebae9 100644
--- a/images/screenshot.png
+++ b/images/screenshot.png
diff --git a/images/tn.png b/images/tn.png
index e254fc6..0ab995a 100644
--- a/images/tn.png
+++ b/images/tn.png
diff --git a/layouts/404.html b/layouts/404.html
index 7a76082..626e2c8 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -10,7 +10,7 @@
                 height: 100%;
             }
             body {
-                font-family: Courier New;
+                font-family: Courier New, sans-serif;
                 margin: 0;
             }
             h1 {
diff --git a/layouts/partials/blocks/image.html b/layouts/partials/blocks/image.html
index 2edccf3..522c4b6 100644
--- a/layouts/partials/blocks/image.html
+++ b/layouts/partials/blocks/image.html
@@ -13,7 +13,8 @@
                     {{ (.Resize "900x").Permalink }} 900w,
                     {{ (.Resize "640x").Permalink }} 640w,
                     {{ (.Resize "480x").Permalink }} 480w,
-                    {{ (.Resize "320x").Permalink }} 320w"
+                    {{ (.Resize "320x").Permalink }} 320w
+                "
                 width={{ with $.width }} "{{ . }}" {{ else }} {{ .Width }} {{ end }}
                 height={{ with $.height }} "{{ . }}" {{ else }} {{ .Height }} {{ end }}
                 layout={{ with $.layout }}"{{ . }}"{{else}}"responsive"{{ end }}
diff --git a/layouts/partials/footer/language-menu.html b/layouts/partials/footer/language-menu.html
index 4b30037..e1197b8 100644
--- a/layouts/partials/footer/language-menu.html
+++ b/layouts/partials/footer/language-menu.html
@@ -2,7 +2,7 @@
 	{{ if .Site.IsMultiLingual }}
 		{{ range .Site.Languages }}
 			{{ if eq .LanguageName $.Site.Language.LanguageName }}
-				<b>{{ .LanguageName }}</b>
+				<strong>{{ .LanguageName }}</strong>
 			{{ else }}
 				<a href="{{ . | absURL }}" data-rel="prefetch">{{ .LanguageName }}</a>
 			{{ end }}
diff --git a/layouts/partials/post/toc.html b/layouts/partials/post/toc.html
index 5e971c7..a181f02 100644
--- a/layouts/partials/post/toc.html
+++ b/layouts/partials/post/toc.html
@@ -1,2 +1,2 @@
-<b>{{ i18n "toc"}}:</b>
+<strong>{{ i18n "toc"}}:</strong>
 {{ .Page.TableOfContents }}
\ No newline at end of file
diff --git a/layouts/partials/shortcodes/amp-adsense.html b/layouts/partials/shortcodes/amp-adsense.html
index d8797ad..dc1c817 100644
--- a/layouts/partials/shortcodes/amp-adsense.html
+++ b/layouts/partials/shortcodes/amp-adsense.html
@@ -1,7 +1,7 @@
 {{ if isset $.Site.Params "adsensepublisher" }}
     {{ with .Params }}
         <fieldset class="ad">
-            <legend><b>#ad</b></legend>
+            <legend><strong>#ad</strong></legend>
             <amp-ad type="adsense"
                 {{ with .class }} class="{{ . }}"{{ end }}
                 {{ with .alt }} alt="{{ . }}"{{ end }}
@@ -18,7 +18,7 @@
     {{ if isset . "context" }}
         {{ $publisher := .context.Site.Params.adsensePublisher }}
         <fieldset class="ad">
-            <legend><b>#ad</b></legend>
+            <legend><strong>#ad</strong></legend>
             <amp-ad type="adsense"
                 {{ with .class }} class="{{ . }}"{{ end }}
                 {{ with .alt }} alt="{{ . }}"{{ end }}
diff --git a/layouts/partials/shortcodes/product.html b/layouts/partials/shortcodes/product.html
index e8e3296..75355fa 100644
--- a/layouts/partials/shortcodes/product.html
+++ b/layouts/partials/shortcodes/product.html
@@ -1,11 +1,7 @@
 <div class="product">
     {{ $resource := resources.Get .image }}
     {{ with $resource }}
-        <amp-img
-            class="product__image"
-            layout="responsive" width="300" height="300"
-            alt="{{ $.title }}"
-            src="{{ .Permalink | absURL }}"></amp-img>
+        {{ partial "blocks/image.html" (dict "src" $.image "alt" $.title "width" 300 "height" 300 "class" "product__image") }}
     {{ else }}
         <amp-img
             class="product__image"
diff --git a/static/offline.html b/static/offline.html
index 533a3ff..ff8d34f 100644
--- a/static/offline.html
+++ b/static/offline.html
@@ -10,7 +10,7 @@
                 height: 100%;
             }
             body {
-                font-family: Courier New;
+                font-family: Courier New, sans-serif;
                 margin: 0;
             }
             h1 {