diff options
author | Raphael Aguiar <rmaguiar@tuta.io> | 2021-02-24 22:30:47 +0300 |
---|---|---|
committer | Raphael Aguiar <rmaguiar@tuta.io> | 2021-02-24 22:30:47 +0300 |
commit | 6b016d23b9f5fa6917908e77920c395e68b7ddca (patch) | |
tree | 416279ca3ffa8b9a296567f47d0e173e3b0130da | |
parent | 011e93875dbbd31e6630614d0457211f3fe3f5f8 (diff) |
Remove lazysizes library and minor changes
-rw-r--r-- | assets/libs/lazysizes@5.3.0/lazysizes.min.js | 3 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json | 1 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/main.scss_6aeb36d4d7c7936764ce6e857ce87fb4.content (renamed from exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.content) | 0 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/main.scss_6aeb36d4d7c7936764ce6e857ce87fb4.json | 1 | ||||
-rw-r--r-- | layouts/_default/_markup/render-image.html | 50 | ||||
-rw-r--r-- | layouts/partials/cover.html | 16 | ||||
-rw-r--r-- | layouts/partials/head-style.html | 7 | ||||
-rw-r--r-- | layouts/partials/head.html | 4 | ||||
-rw-r--r-- | layouts/partials/katex.html | 12 | ||||
-rw-r--r-- | layouts/shortcodes/figure.html | 17 | ||||
-rw-r--r-- | layouts/shortcodes/img.html | 16 |
11 files changed, 24 insertions, 103 deletions
diff --git a/assets/libs/lazysizes@5.3.0/lazysizes.min.js b/assets/libs/lazysizes@5.3.0/lazysizes.min.js deleted file mode 100644 index d857f09..0000000 --- a/assets/libs/lazysizes@5.3.0/lazysizes.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! lazysizes - v5.3.0 */ - -!function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return a[t].test(e[$]("class")||"")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(a," "))}},V=function(t,a,e){var i=e?P:"removeEventListener";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent("Event");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a<H.minSize&&t&&!e._lazysizesWidth){a=t.offsetWidth;t=t.parentNode}return a},ee=function(){var a,i;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;a=true;i=false;while(e.length){e.shift()()}a=false};var e=function(e,t){if(a&&!t){e.apply(this,arguments)}else{n.push(e);if(!i){i=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(a,e){return e?function(){ee(a)}:function(){var e=this;var t=arguments;ee(function(){a.apply(e,t)})}},ae=function(e){var a;var i=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){a=false;i=f.now();e()};var s=o&&n>49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e<i){I(n,i-e)}else{(o||r)(r)}};return function(){a=f.now();if(!t){t=I(n,i)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E="onscroll"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var M=0;var N=-1;var L=function(e){M--;if(!e||M<0||!e.target){M=0}};var x=function(e){if(A==null){A=Z(D.body,"visibility")=="hidden"}return A||!(Z(e.parentNode,"visibility")=="hidden"&&Z(e,"visibility")=="hidden")};var W=function(e,t){var a;var i=e;var r=x(e);g-=t;b+=t;p-=t;C+=t;while(r&&(i=i.offsetParent)&&i!=D.body&&i!=O){r=(Z(i,"opacity")||1)>0;if(r&&Z(i,"overflow")!="visible"){a=i.getBoundingClientRect();r=C>a.left&&p<a.right&&b>a.top-1&&g<a.bottom+1}}return r};var t=function(){var e,t,a,i,r,n,s,o,l,u,f,c;var d=k.elements;if((h=H.loadMode)&&M<8&&(e=d.length)){t=0;N++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(o=d[t][$]("data-expand"))||!(n=o*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&M<1&&N>2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>2&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,"lazyloaded")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute("data-load-mode")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(a){e.setAttribute("srcset",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute("sizes",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=i=="auto";if((r||!m)&&a&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q("scroll",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",a,true);q("resize",a,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",a,true);O[P]("DOMAttrModified",a,true);setInterval(a,999)}q("hashchange",a,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q("load",l);D[P]("DOMContentLoaded",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+="px";e.setAttribute("sizes",i);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n<s;n++){r[n].setAttribute("sizes",i)}}if(!a.detail.dataAttr){Y(e,a.detail)}});var i=function(e,t,a){var i;var r=e.parentNode;if(r){a=s(e,r,a);i=X(e,"lazybeforesizes",{width:a,dataAttr:!!t});if(!i.defaultPrevented){a=i.detail.width;if(a&&a!==e._lazysizesWidth){n(e,r,i,a)}}}};var e=function(){var e;var t=a.length;if(t){e=0;for(;e<t;e++){i(a[e])}}};var t=ie(e);return{_:function(){a=D.getElementsByClassName(H.autosizesClass);q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{});
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json deleted file mode 100644 index 753c777..0000000 --- a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"css/main.min.fc25e9d087d85c45965f538dd76ef9bb1de05f74b10fe09f262959ec9e8d1cb9ba20685943810e07592855ba6d3688c985dc1d9d5ffdb70516deda85d832682a.css","MediaType":"text/css","Data":{"Integrity":"sha512-/CXp0IfYXEWWX1ON1275ux3gX3SxD+CfJilZ7J6NHLm6IGhZQ4EOB1koVbptNojJhdwdnV/9twUW3tqF2DJoKg=="}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.content b/exampleSite/resources/_gen/assets/scss/scss/main.scss_6aeb36d4d7c7936764ce6e857ce87fb4.content index 14c51c7..14c51c7 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/main.scss_694b6a5caed62875bf9278dff98b7f5e.content +++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_6aeb36d4d7c7936764ce6e857ce87fb4.content diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_6aeb36d4d7c7936764ce6e857ce87fb4.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_6aeb36d4d7c7936764ce6e857ce87fb4.json new file mode 100644 index 0000000..d773bfa --- /dev/null +++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_6aeb36d4d7c7936764ce6e857ce87fb4.json @@ -0,0 +1 @@ +{"Target":"css/main.min.css","MediaType":"text/css","Data":{}}
\ No newline at end of file diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index b58a9a2..f6c7362 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -37,28 +37,15 @@ {{ end }} <img - class="lazyload {{ $class }}" + {{ with $class }}class="{{ . }}"{{ end }} loading="lazy" - data-srcset='{{ delimit $outputSet ", " }}' + srcset='{{ delimit $outputSet ", " }}' src="{{ $encodedPlaceholder }}" - data-src="{{ (.Resize $mediumRes).RelPermalink }}" width="{{ (.Resize $mediumRes).Width }}" height="{{ (.Resize $mediumRes).Height }}" {{ with $altText }}alt="{{ . }}"{{ end }} /> - <noscript> - <img - {{ with $class }}class="{{ . }}"{{ end }} - loading="lazy" - srcset='{{ delimit $outputSet ", " }}' - src="{{ $encodedPlaceholder }}" - width="{{ (.Resize $mediumRes).Width }}" - height="{{ (.Resize $mediumRes).Height }}" - {{ with $altText }}alt="{{ . }}"{{ end }} - /> - </noscript> - {{ else }} <!-- @@ -70,47 +57,26 @@ {{ $encodedPlaceholder := (printf "data:image/png;base64,%s" (((.Resize (printf "%vx %s" .Width "png")) | images.Filter (images.Contrast -100)).Content | base64Encode)) | safeURL }} <img - class="lazyload {{ $class }}" + {{ with $class }}class="{{ . }}"{{ end }} loading="lazy" - src="{{ $encodedPlaceholder }}" - data-src="{{ $processed.RelPermalink }}" + src="{{ $processed.RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" {{ with $altText }}alt="{{ . }}"{{ end }} /> - <noscript> - <img - {{ with $class }}class="{{ . }}"{{ end }} - loading="lazy" - src="{{ $processed.RelPermalink }}" - width="{{ .Width }}" - height="{{ .Height }}" - {{ with $altText }}alt="{{ . }}"{{ end }} - /> - </noscript> - {{ end }} {{ else }} <!-- If local file isn't found, assume it's a remote file --> {{ with (.Destination | safeURL) }} + <img - class="lazyload {{ $class }}" + {{ with $class }}class="{{ . }}"{{ end }} loading="lazy" - src="{{ $encodedPixel }}" - data-src="{{ . }}" + src="{{ . }}" {{ with $altText }}alt="{{ . }}"{{ end }} /> - - <noscript> - <img - {{ with $class }}class="{{ . }}"{{ end }} - loading="lazy" - src="{{ . }}" - {{ with $altText }}alt="{{ . }}"{{ end }} - /> - </noscript> - + {{ end }} {{ end }} diff --git a/layouts/partials/cover.html b/layouts/partials/cover.html index 823feac..308374c 100644 --- a/layouts/partials/cover.html +++ b/layouts/partials/cover.html @@ -30,25 +30,13 @@ {{ end }} <img - class="lazyload cover" + class="cover" loading="lazy" - data-srcset='{{ delimit $outputSet ", " }}' + srcset='{{ delimit $outputSet ", " }}' src="{{ $encodedPlaceholder }}" - data-src="{{ (.Resize $mediumRes).RelPermalink }}" width="{{ (.Resize $mediumRes).Width }}" height="{{ (.Resize $mediumRes).Height }}" {{ with $altText }}alt="{{ . }}"{{ end }} /> - <noscript> - <img - class="cover" - loading="lazy" - srcset='{{ delimit $outputSet ", " }}' - src="{{ $encodedPlaceholder }}" - width="{{ (.Resize $mediumRes).Width }}" - height="{{ (.Resize $mediumRes).Height }}" - {{ with $altText }}alt="{{ . }}"{{ end }} - /> - </noscript> {{ end }} diff --git a/layouts/partials/head-style.html b/layouts/partials/head-style.html index 4f9fc32..111ec1f 100644 --- a/layouts/partials/head-style.html +++ b/layouts/partials/head-style.html @@ -1,6 +1,6 @@ <!-- Main CSS --> -{{ $main := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "css/main.scss" . | toCSS | minify | resources.Fingerprint "sha512" }} -<link rel="stylesheet" href="{{ $main.RelPermalink }}" integrity="{{ $main.Data.Integrity }}"> +{{ $main := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "css/main.scss" . | toCSS | minify }} +<link rel="stylesheet" href="{{ $main.RelPermalink }}"> <!-- If JS is disabled --> @@ -28,8 +28,7 @@ --accent: {{ if .Site.Params.Style.isDark }}{{ $darkAccent }}{{ else }}{{ $lightAccent }}{{ end }}; } - .req-js, - img.lazyload { + .req-js { display: none; } diff --git a/layouts/partials/head.html b/layouts/partials/head.html index b90b08f..9a840e3 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -344,10 +344,6 @@ <!-- Preload fonts --> {{ partialCached "font-preload" . }} -<!-- Should be loaded even if browser has native lazy load support --> -{{ $lazysizes := resources.Get "libs/lazysizes@5.3.0/lazysizes.min.js" | resources.ExecuteAsTemplate "js/lazysizes.min.js" . | minify | resources.Fingerprint "sha512" }} -<script defer src="{{ $lazysizes.RelPermalink }}" crossorigin="anonymous"></script> - <!-- Preconnect for KaTeX --> {{ if or .Params.katex .Site.Params.katex .Params.math .Site.Params.math }} <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin="anonymous"> diff --git a/layouts/partials/katex.html b/layouts/partials/katex.html index 4a04b61..f988b30 100644 --- a/layouts/partials/katex.html +++ b/layouts/partials/katex.html @@ -1,20 +1,20 @@ <!-- KaTeX -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha512-h7nl+xz8wgDlNM4NqKEM4F1NkIRS17M9+uJwIGwuo8vGqIl4BhuCKdxjWEINm+xyrUjNCnK5dCrhM0sj+wTIXw==" crossorigin="anonymous">
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha512-/CMIhXiDA3m2c9kzRyd97MTb3MC6OVnx4TElQ7fkkoRghwDf6gi41gaT1PwF270W6+J60uTmwgeRpNpJdRV6sg==" crossorigin="anonymous"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha256-tn6hZ2YGDv0w1/DaFL4MiUoXuAVclrtFZs13ch3TB9M=" crossorigin="anonymous">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha256-1qhJwAgsSPVSSjlQVTewHS49eaoAbOz651dveUANVBI=" crossorigin="anonymous"></script>
<!-- mhchem extension -->
{{ if or (in .Params.katexExtensions "mhchem") (in .Site.Params.katexExtensions "mhchem") }}
- <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/mhchem.min.js" integrity="sha512-ndr34OWlb/uvrgXcrqKXv4YUB42kRFQi9cJ+s+alNEvNBKYyIlO970xmSWYV3vNKsrT1rwW/leiBEaZxcCwjwA==" crossorigin="anonymous"></script>
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/mhchem.min.js" integrity="sha256-eI7Tty86eW+t5CeLj2o77+bKgW1jLziQASHI3lh+sn8=" crossorigin="anonymous"></script>
{{ end }}
<!-- copy-tex extension -->
{{ if or (in .Params.katexExtensions "copy-tex") (in .Site.Params.katexExtensions "copy-tex") }}
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/copy-tex.min.css" integrity="sha512-z+4JGY4AARx9M0NeGyOGL5W2gnwkPeQDiWPKcUUWOVxPiHFd9l9P0QqKaZiPv+0bWir/J9WIAEWBuRr5j8ZaWA==" crossorigin="anonymous">
- <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/copy-tex.min.js" integrity="sha512-DJT2Gf9zoglFWNuxgFcMZ3zi9Ra9GPDxpw9/8kyQ6cji+SOaLlV1A49Its53eLZlGfb4WjwRCptEUdNju6Wxgw==" crossorigin="anonymous"></script>
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/copy-tex.min.css" integrity="sha256-v5/0E3/sOPYlVBnhQtCIPJxSCQiF10b4Du4SsnPZs+A=" crossorigin="anonymous">
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/copy-tex.min.js" integrity="sha256-KrIjcykCG8RDmGyDJ/bmE1f7aKVOXSM9IkAjcYwCIH0=" crossorigin="anonymous"></script>
{{ end }}
<!-- auto-render extension + tabIndex HACK (see below) -->
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha512-Do7uJAaHZm5OLrIv/yN4w0iG1dbu01kzdMNnFfu/mAqgUk6Nniv2JYHcwH+cNwjqgLcqcuBBk+JRvprLVI8azg==" crossorigin="anonymous" onload="renderMathInElement(document.body);addTabIndex()"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha256-oEuQVLwO5Ii6subChtLbrY5gx7NDRU+UJJ9jvvau+FI=" crossorigin="anonymous" onload="renderMathInElement(document.body);addTabIndex()"></script>
<!--
HACK
diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html index 9dbbfa7..a38264a 100644 --- a/layouts/shortcodes/figure.html +++ b/layouts/shortcodes/figure.html @@ -46,28 +46,15 @@ <figure> <img - class="lazyload {{ $class }}" + {{ with $class }}class="{{ . }}"{{ end }} loading="lazy" - data-srcset='{{ delimit $outputSet ", " }}' + srcset='{{ delimit $outputSet ", " }}' src="{{ $encodedPlaceholder }}" - data-src="{{ (.Resize $mediumRes).RelPermalink }}" width="{{ (.Resize $mediumRes).Width }}" height="{{ (.Resize $mediumRes).Height }}" {{ with $alt }}alt="{{ . }}"{{ end }} /> - <noscript> - <img - {{ with $class }}class="{{ . }}"{{ end }} - loading="lazy" - srcset='{{ delimit $outputSet ", " }}' - src="{{ $encodedPlaceholder }}" - width="{{ (.Resize $mediumRes).Width }}" - height="{{ (.Resize $mediumRes).Height }}" - {{ with $alt }}alt="{{ . }}"{{ end }} - /> - </noscript> - {{ with $caption }} <figcaption>{{ . }}</figcaption> {{ end }} diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html index 704edb5..9976e5f 100644 --- a/layouts/shortcodes/img.html +++ b/layouts/shortcodes/img.html @@ -43,25 +43,13 @@ {{ end }} <img - class="lazyload {{ $class }}" + {{ with $class }}class="{{ . }}"{{ end }} loading="lazy" - data-srcset='{{ delimit $outputSet ", " }}' + srcset='{{ delimit $outputSet ", " }}' src="{{ $encodedPlaceholder }}" - data-src="{{ (.Resize $mediumRes).RelPermalink }}" width="{{ (.Resize $mediumRes).Width }}" height="{{ (.Resize $mediumRes).Height }}" {{ with $altText }}alt="{{ . }}"{{ end }} /> - <noscript> - <img - {{ with $class }}class="{{ . }}"{{ end }} - loading="lazy" - srcset='{{ delimit $outputSet ", " }}' - src="{{ $encodedPlaceholder }}" - width="{{ (.Resize $mediumRes).Width }}" - height="{{ (.Resize $mediumRes).Height }}" - {{ with $altText }}alt="{{ . }}"{{ end }} - /> - </noscript> {{ end }} |