Merge 759982fd4a into f31082dec8

Fixes: #620

CHANGELOG.md

@@ -18,6 +18,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Changed
 
 - ⚠️ Renamed the `params.rtl` language parameter to `languageDirection` as this is now supported by Hugo ([#583](https://github.com/jpanther/congo/issues/583))
+- Robots.txt file now allows all by default without concern for whether the environment is set to production ([#620](https://github.com/jpanther/congo/pull/620))
 - Upgrade to Mermaid v10.4.0 ([#577](https://github.com/jpanther/congo/pull/577), [#582](https://github.com/jpanther/congo/pull/582), [#626](https://github.com/jpanther/congo/pull/626), [#638](https://github.com/jpanther/congo/pull/638))
 - Upgrade to KaTeX v0.16.8 ([#590](https://github.com/jpanther/congo/pull/590))
 - Upgrade to Tailwind v3.3.3 ([#602](https://github.com/jpanther/congo/pull/602))

exampleSite/content/samples/markdown/index.md

@@ -9,6 +9,10 @@ This article offers a sample of basic Markdown formatting that can be used in Co
 
 <!--more-->
 
+## Image
+
+![sample image](thumb-surendran-mp-IhWYiwSxm8g-unsplash.jpg)
+
 ## Headings
 
 The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.

layouts/_default/_markup/render-image.html

@@ -23,29 +23,49 @@
   {{ end }}
   {{ with $resource }}
     <figure>
-      <img
+      <picture>
-        class="mx-auto my-0 rounded-md"
+        {{ if ne .MediaType.SubType "svg" }}
-        {{ if eq .MediaType.SubType "svg" }}
+          <source 
-          src="{{ .RelPermalink }}"
+            {{ if lt .Width 660 }}
-        {{ else }}
+              {{ with .Resize (printf "%dx%d webp" .Width .Height) }}
-          width="{{ .Width }}"
+                src="{{ .RelPermalink }}"
-          height="{{ .Height }}"
+              {{ end }}
-          {{ if lt .Width 660 }}
+            {{ else }}
+              srcset="
+                {{- (.Resize "330x webp").RelPermalink }} 330w,
+                {{- (.Resize "660x webp").RelPermalink }} 660w,
+                {{- (.Resize "1024x webp").RelPermalink }} 1024w,
+                {{- (.Resize "1320x webp").RelPermalink }} 2x"
+              src="{{ (.Resize "660x webp").RelPermalink }}" 
+            {{ end }}
+            type="image/webp" 
+          />
+        {{ end }}
+        <img
+          class="mx-auto my-0 rounded-md"
+          {{ if eq .MediaType.SubType "svg" }}
             src="{{ .RelPermalink }}"
           {{ else }}
-            srcset="
+            width="{{ .Width }}"
-            {{- (.Resize "330x").RelPermalink }} 330w,
+            height="{{ .Height }}"
-            {{- (.Resize "660x").RelPermalink }} 660w,
+            decoding="async"
-            {{- (.Resize "1024x").RelPermalink }} 1024w,
+            {{ if lt .Width 660 }}
-            {{- (.Resize "1320x").RelPermalink }} 2x"
+              src="{{ .RelPermalink }}"
-            src="{{ (.Resize "660x").RelPermalink }}"
+            {{ else }}
+              srcset="
+              {{- (.Resize "330x").RelPermalink }} 330w,
+              {{- (.Resize "660x").RelPermalink }} 660w,
+              {{- (.Resize "1024x").RelPermalink }} 1024w,
+              {{- (.Resize "1320x").RelPermalink }} 2x"
+              src="{{ (.Resize "660x").RelPermalink }}"
+            {{ end }}
           {{ end }}
-        {{ end }}
+          alt="{{ $altText }}"
-        alt="{{ $altText }}"
+          {{ if $lazyLoad }}
-        {{ if $lazyLoad }}
+            loading="lazy"
-          loading="lazy"
+          {{ end }}
-        {{ end }}
+        />
-      />
+      </picture>
       {{ with $caption }}<figcaption class="text-center">{{ . | markdownify }}</figcaption>{{ end }}
     </figure>
   {{ else }}

layouts/robots.txt

@@ -1,7 +1,3 @@
 User-agent: *
-{{- if hugo.IsProduction | or (eq .Site.Params.env "production") }}
 Allow: /
-{{- else }}
-Disallow: /
-{{- end }}
 Sitemap: {{ "sitemap.xml" | absURL }}