⚡ update image render hook (embed, inline svg images)

📄 README.MD update

README.md

@@ -33,6 +33,7 @@ Check out the demo site [https://lotusdocs.dev/docs](https://lotusdocs.dev/docs)
 * [ ] [Open Graph](https://ogp.me/)
 * [ ] [Mermaid](https://mermaid.js.org/) Support
 * [ ] Math equations powered by [KaTeX](https://katex.org/)
+* [ ] Feedback widget
 
 ## Getting Started
 

assets/docs/scss/custom/structure/_general.scss

@@ -38,4 +38,8 @@ a {
 }
 p {
     line-height: 1.6;
-}
+}
+img {
+    width: 100%;
+    height: auto;
+}    

data/landing.yaml

@@ -19,7 +19,7 @@ hero:
 
   image:
     path: "images" # path to image under configured assets directory. default 'images'
-    filename: "Lotus Docs Screenshot.png" # filename of your hero image (including file extension)
+    filename: "lotus_docs_screenshot.png" # filename of your hero image (including file extension)
     alt: "Lotus Docs Screenshot" # Optional but recommended
     boxShadow: true # default 'false' (excludes .svg images)
     rounded: true # round the image corners? default 'false' (excludes .svg images)

layouts/docs/_markup/render-image.html

@@ -1,8 +1,33 @@
+{{ $dest := .Destination }}
+{{ $text := .PlainText }}
+{{ $url := urls.Parse $dest }}
+
+{{ $image := newScratch }}
+{{ with $url.Scheme }}
+  {{  $image.Set "resource" (resources.GetRemote $dest) }}
+{{ else }}
+  {{  $image.Set "resource" (resources.Get $dest) }}
+{{ end }}
+
 {{ if .Title }}
   <figure>
-    <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" loading="lazy">
+    {{ with ($image.Get "resource") }}
+      {{ if eq .MediaType.SubType "svg" }}
+        {{ .Content | safeHTML }}
+      {{ else }}
+        <img src="{{ .RelPermalink | safeURL }}" alt="{{ $text }}" width="{{ .Width }}" height="{{ .Height }}" loading="lazy">
+      {{ end }}
+    {{ else }}
+      <img src="{{ .Destination | safeURL }}" alt="{{ $text }}" width="{{ .Width }}" height="{{ .Height }}" loading="lazy">
+    {{ end }}
     <figcaption>{{ .Title | markdownify }}</figcaption>
   </figure>
 {{ else }}
-  <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" loading="lazy">
+  {{ with ($image.Get "resource") }}
+    {{ if eq .MediaType.SubType "svg" }}
+      {{ .Content | safeHTML }}
+    {{ else }}
+      <img src="{{ .RelPermalink | safeURL }}" alt="{{ $text }}" width="{{ .Width }}" height="{{ .Height }}" loading="lazy">
+    {{ end }}
+  {{ end }}
 {{ end }}