From 7ffa175989b6a005527ce6f038fd8b199d493225 Mon Sep 17 00:00:00 2001
From: Nathan Fradet <56734983+Natooz@users.noreply.github.com>
Date: Sun, 8 Oct 2023 11:19:13 +0200
Subject: [PATCH] fixes shortcodes

---
 .../layouts/shortcodes/contact-form.html      | 36 ++++++-------
 .../layouts/shortcodes/figure.html            | 52 +++++++++----------
 .../layouts/shortcodes/gifoid.html            | 12 ++---
 .../layouts/shortcodes/img.html               | 40 +++++++-------
 .../layouts/shortcodes/social.html            |  6 +--
 .../layouts/shortcodes/embed-pdf.html         | 34 ++++++------
 6 files changed, 90 insertions(+), 90 deletions(-)

diff --git a/page/themes/color-your-world/layouts/shortcodes/contact-form.html b/page/themes/color-your-world/layouts/shortcodes/contact-form.html
index 43ab2af..e91e5d4 100644
--- a/page/themes/color-your-world/layouts/shortcodes/contact-form.html
+++ b/page/themes/color-your-world/layouts/shortcodes/contact-form.html
@@ -5,42 +5,42 @@
 {{ end }}
 
 
-<form .Site.Params.Contact.formspreeFormId accept-charset="utf-8" end id="contact" method="post"with {{ {{ }} }}action="https://formspree.io/{{ . }}">
+<form id="contact" {{ with .Site.Params.Contact.formspreeFormId }}action="https://formspree.io/{{ . }}"{{ end }} method="post" accept-charset="utf-8">
   <label class="label-form">{{ T "name" }}
     <input aria-label="{{ T "name" }}" class="input-text" type="text" name="name" minlength="3" {{ with .Site.Params.Contact.Placeholder.name }}placeholder="{{ . }}"{{ end }} autocomplete="{{ $autoComplete }}" required>
   </label>
-  
-  <label class="label-form">Email<input .Site.Params.Contact.Placeholder.email aria-label="Email" autocomplete="{{ $autoComplete }}" class="input-text" end name="_replyto" required type="email"with {{ {{ }} }}placeholder="{{ . }}"></label>
-  
+
+  <label class="label-form">Email<input aria-label="Email" class="input-text" type="email" name="_replyto" {{ with .Site.Params.Contact.Placeholder.email }}placeholder="{{ . }}"{{ end }} autocomplete="{{ $autoComplete }}" required></label>
+
   {{ with .Site.Params.Contact.subject }}
     {{ if gt (len .) 1 }}
       <label class="label-form">{{ T "subject" }}
         <select aria-label="{{ T "subject" }}" class="input-text" name="_subject">
-    
+
           {{ range . }}
             <option>{{ . }}</option>
           {{ end }}
-        
+
         </select>
       </label>
     {{ else }}
-      <input name="_subject" type="hidden" value="{{ index . 0 }}" />
+      <input type="hidden" name="_subject" value="{{ index . 0 }}" />
     {{ end }}
   {{ else }}
-  
+
     {{ with .Site.Params.Contact.Placeholder.subject }}
       <label class="label-form">{{ T "subject" }}
         <input aria-label="{{ T "subject" }}" class="input-text" type="text" name="_subject" minlength="6" placeholder="{{ . }}" autocomplete="{{ $autoComplete }}" required>
       </label>
     {{ end }}
-  
+
   {{ end }}
-  
-  
-  <label class="label-form">{{ T "message" }}<textarea aria-label="{{ T " id="message"message" }}" class="input-text" rows="6" name="message" {{ with .Site.Params.Contact.messageMinLength | default 140 }}minlength="{{ . }}"{{ end }} {{ with .Site.Params.Contact.Placeholder.message }}placeholder="{{ . }}"{{ end }} required></textarea></label>
-  
-  <input name="_gotcha" type="text">
-  
-  <input class="outline-dashed" submit type="submit"value="{{ T "" }}">
-
-</form>
+
+
+  <label class="label-form">{{ T "message" }}<textarea id="message" aria-label="{{ T "message" }}" class="input-text" rows="6" name="message" {{ with .Site.Params.Contact.messageMinLength | default 140 }}minlength="{{ . }}"{{ end }} {{ with .Site.Params.Contact.Placeholder.message }}placeholder="{{ . }}"{{ end }} required></textarea></label>
+
+  <input type="text" name="_gotcha">
+
+  <input class="outline-dashed" type="submit" value="{{ T "submit" }}">
+
+</form>
\ No newline at end of file
diff --git a/page/themes/color-your-world/layouts/shortcodes/figure.html b/page/themes/color-your-world/layouts/shortcodes/figure.html
index 5bba2ab..f13dc60 100644
--- a/page/themes/color-your-world/layouts/shortcodes/figure.html
+++ b/page/themes/color-your-world/layouts/shortcodes/figure.html
@@ -54,35 +54,35 @@
         >
         
         <img
-          $altText $class .default endend end height="{{ .Height }}"
+          {{ with $class }}class="{{ . }}"{{ end }}
           loading="lazy"
-          src="{{ .RelPermalink }}" width="{{ .Width }}" with with
-            with
-            {{
-            {{
-          {{ {{ {{
-          {{ }} }} }}}} }}alt="{{ . }}" }}class="{{ . }}"
+          {{ with .default }}
+            src="{{ .RelPermalink }}"
+            width="{{ .Width }}"
+            height="{{ .Height }}"
+          {{ end }}
+          {{ with $altText }}alt="{{ . }}"{{ end }}
         >
-        
+
       </picture>
-      
+
       {{ with $caption }}
         <figcaption>{{ . }}</figcaption>
       {{ end }}
     </figure>
-    
+
   {{ else }}
 
     <!-- Avoid trying to get width and height from SVG files -->
     {{ if .input }}
-    
+
       <figure>
         <img
-          $class .MediaType.SubType .input endif loading="lazy" ne
-          src="{{ .RelPermalink }}"
-          with with {{ {{
-            {{
-            {{ }} }} }}class="{{ . }}" "svg" }}
+          {{ with $class }}class="{{ . }}"{{ end }}
+          loading="lazy"
+          {{ with .input }}
+            src="{{ .RelPermalink }}"
+            {{ if ne .MediaType.SubType "svg" }}
               width="{{ .Width }}"
               height="{{ .Height }}"
             {{ end }}
@@ -93,20 +93,20 @@
         <figcaption>{{ . }}</figcaption>
       {{ end }}
       </figure>
-      
+
     {{ else }}
-    
+
       <!-- If local file isn't found, assume it's a remote file -->
       {{ with ($destination | safeURL) }}
-      
+
       <figure>
         <img
-          $altText $class end endloading="lazy" src="{{ . }}" with
-          with
-          {{
-          {{ {{ {{ }}}} }}alt="{{ . }}" }}class="{{ . }}"
+          {{ with $class }}class="{{ . }}"{{ end }}
+          loading="lazy"
+          src="{{ . }}"
+          {{ with $altText }}alt="{{ . }}"{{ end }}
         >
-        
+
         {{ with $caption }}
           <figcaption>{{ . }}</figcaption>
         {{ end }}
@@ -115,5 +115,5 @@
     {{ end }}
 
   {{ end }}
-  
-{{ end }}
+
+{{ end }}
\ No newline at end of file
diff --git a/page/themes/color-your-world/layouts/shortcodes/gifoid.html b/page/themes/color-your-world/layouts/shortcodes/gifoid.html
index cb00bcf..9818cf3 100644
--- a/page/themes/color-your-world/layouts/shortcodes/gifoid.html
+++ b/page/themes/color-your-world/layouts/shortcodes/gifoid.html
@@ -57,17 +57,17 @@
 
 
 <video
-    $title
-    autoplay
     class="gifoid {{ $class }}"
-    end
+    autoplay
     loop
-    muted playsinline with {{{{ }} }}title="{{ . }}"
+    muted
+    playsinline
+    {{ with $title }}title="{{ . }}"{{ end }}
   >
 
   {{ range sort $filesData "size" }}
     <source src="{{ .source }}" type="{{ .mediaType }}">
   {{ end }}
-  
+
   <p class="error">{{ T "missingCodec" }}</p>
-</video>
+</video>
\ No newline at end of file
diff --git a/page/themes/color-your-world/layouts/shortcodes/img.html b/page/themes/color-your-world/layouts/shortcodes/img.html
index 2b813de..0fe457a 100644
--- a/page/themes/color-your-world/layouts/shortcodes/img.html
+++ b/page/themes/color-your-world/layouts/shortcodes/img.html
@@ -53,16 +53,16 @@
       >
       
       <img
-        $altText $class .default endend end height="{{ .Height }}"
+        {{ with $class }}class="{{ . }}"{{ end }}
         loading="lazy"
-        src="{{ .RelPermalink }}" width="{{ .Width }}" with with
-          with
-          {{
-          {{
-        {{ {{ {{
-        {{ }} }} }}}} }}alt="{{ . }}" }}class="{{ . }}"
+        {{ with .default }}
+          src="{{ .RelPermalink }}"
+          width="{{ .Width }}"
+          height="{{ .Height }}"
+        {{ end }}
+        {{ with $altText }}alt="{{ . }}"{{ end }}
       >
-      
+
     </picture>
 
   {{ else }}
@@ -70,11 +70,11 @@
     <!-- Avoid trying to get width and height from SVG files -->
     {{ if .input }}
       <img
-        $class .MediaType.SubType .input endif loading="lazy" ne
-        src="{{ .RelPermalink }}"
-        with with {{ {{
-          {{
-          {{ }} }} }}class="{{ . }}" "svg" }}
+        {{ with $class }}class="{{ . }}"{{ end }}
+        loading="lazy"
+        {{ with .input }}
+          src="{{ .RelPermalink }}"
+          {{ if ne .MediaType.SubType "svg" }}
             width="{{ .Width }}"
             height="{{ .Height }}"
           {{ end }}
@@ -82,18 +82,18 @@
         {{ with $altText }}alt="{{ . }}"{{ end }}
       >
     {{ else }}
-    
+
       <!-- If local file isn't found, assume it's a remote file -->
       {{ with ($destination | safeURL) }}
         <img
-          $altText $class end endloading="lazy" src="{{ . }}" with
-          with
-          {{
-          {{ {{ {{ }}}} }}alt="{{ . }}" }}class="{{ . }}"
+          {{ with $class }}class="{{ . }}"{{ end }}
+          loading="lazy"
+          src="{{ . }}"
+          {{ with $altText }}alt="{{ . }}"{{ end }}
         >
       {{ end }}
     {{ end }}
 
   {{ end }}
-  
-{{ end }}
+
+{{ end }}
\ No newline at end of file
diff --git a/page/themes/color-your-world/layouts/shortcodes/social.html b/page/themes/color-your-world/layouts/shortcodes/social.html
index 006872b..4ec526a 100644
--- a/page/themes/color-your-world/layouts/shortcodes/social.html
+++ b/page/themes/color-your-world/layouts/shortcodes/social.html
@@ -29,7 +29,7 @@
           {{ end }}
           
           <a class="btn" href="{{ $url }}" rel="me nofollow" title="{{ $label }}">
-            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
               <use xlink:href="{{ $svgBundleLink }}#{{ $currentIcon }}"/>
             </svg>
 
@@ -43,8 +43,8 @@
         {{ if (index $decentralized $currentEntry) }}
 
           {{ range (index $decentralized $currentEntry) }}
-            <a %s (%s) class="btn" href="{{ index . 0 }}"rel="me nofollow" title="{{ printf "" (index . 1) $currentLabel }}">
-              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
+            <a class="btn" href="{{ index . 0 }}" rel="me nofollow" title="{{ printf "%s (%s)" (index . 1) $currentLabel }}">
+              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                 <use xlink:href="{{ $svgBundleLink }}#{{ $currentIcon }}"/>
               </svg>
 
diff --git a/page/themes/hugo-embed-pdf-shortcode/layouts/shortcodes/embed-pdf.html b/page/themes/hugo-embed-pdf-shortcode/layouts/shortcodes/embed-pdf.html
index 3192a84..c62cc42 100644
--- a/page/themes/hugo-embed-pdf-shortcode/layouts/shortcodes/embed-pdf.html
+++ b/page/themes/hugo-embed-pdf-shortcode/layouts/shortcodes/embed-pdf.html
@@ -1,6 +1,6 @@
 {{- if not ($.Page.Scratch.Get "embed-pdf-count") -}}
 
-<script src= '/bpe-symbolic-music/js/pdf-js/build/pdf.js' type="text/javascript"></script>
+<script type="text/javascript" src= '/bpe-symbolic-music/js/pdf-js/build/pdf.js'></script>
 <!-- <script type="text/javascript" src='{{"/js/pdf-js/build/pdf.js" | relURL}}'></script> -->
 
 <style>
@@ -11,7 +11,7 @@
     min-height: 20vh;
     /* overflow-y:scroll; */
   }
-  
+
   .pdf-canvas {
     border: 1px solid black;
     direction: ltr;
@@ -19,7 +19,7 @@
     height: auto;
     display: none;
   }
-  
+
   #the-canvas {
     border: 1px solid black;
     direction: ltr;
@@ -27,8 +27,8 @@
     height: auto;
     display: none;
   }
-  
-  
+
+
   .pdf-loadingWrapper {
     display: none;
     justify-content: center;
@@ -36,7 +36,7 @@
     width: 100%;
     height: 350px;
   }
-  
+
   .pdf-loading {
     display: inline-block;
     width: 50px;
@@ -47,17 +47,17 @@
     animation: spin 1s ease-in-out infinite;
     -webkit-animation: spin 1s ease-in-out infinite;
   }
-  
+
   {{/*  Download link  */}}
-  
-  
-  
+
+
+
   #overlayText {
     word-wrap: break-word;
     display: grid;
     justify-content: end;
   }
-  
+
   #overlayText a {
     position: relative;
     top: 10px;
@@ -71,14 +71,14 @@
     border-color: #00000030;
     text-decoration: none;
   }
-  
+
   #overlayText svg {
     height: clamp(1em, 2vw, 1.4em);
     width:  clamp(1em, 2vw, 1.4em);
   }
-  
-  
-  
+
+
+
   @keyframes spin {
     to { -webkit-transform: rotate(360deg); }
   }
@@ -95,7 +95,7 @@
     </div>
     <div id="overlayText">
       <a href="{{ .Get "url" }}" aria-label="Download" download>
-        <svg aria-hidden="true" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
             <path d="M9 13c.3 0 .5-.1.7-.3L15.4 7 14 5.6l-4 4V1H8v8.6l-4-4L2.6 7l5.7 5.7c.2.2.4.3.7.3zm-7 2h14v2H2z" />
         </svg>
       </a>
@@ -261,4 +261,4 @@
       renderPage(pageNum);
     });
     })();
-</script>
+</script>
\ No newline at end of file