Merge branch 'dev' into feat/gist

2026-01-30 16:31:52 +01:00 · 2025-05-27 00:36:19 +01:00
parent eb0d04a014 26f3f0510b
commit 68bd843e73
66 changed files with 987 additions and 505 deletions
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -1,12 +1,11 @@
-{{ $strAnchor := urlize .Anchor }}
-{{ $replacedAnchor := replaceRE "%25" "" $strAnchor }}
+{{ $anchor := anchorize .Anchor }}
 <h{{ .Level }} class="relative group">{{ .Text | safeHTML }} 
-    <div id="{{ .Anchor | safeURL | urlize }}" class="anchor"></div>
-    {{ if.Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}
+    <div id="{{ $anchor }}" class="anchor"></div>
+    {{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}
    <span
        class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
        <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
-            style="text-decoration-line: none !important;" href="#{{ $replacedAnchor | safeURL }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>
+            style="text-decoration-line: none !important;" href="#{{ $anchor }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>
    </span>        
    {{ end }}
 </h{{ .Level }}>
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -1,48 +1,50 @@
+{{ define "RenderImageSimple" -}}
+  <img class="my-0 rounded-md" loading="lazy" alt="{{ .alt }}" src="{{ .src }}" />
+{{- end }}
+
+{{ define "RenderImageResponsive" -}}
+  <img
+    class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="{{ .alt }}"
+    srcset="
+      {{ (.resource.Resize "330x").RelPermalink }} 330w,
+      {{ (.resource.Resize "660x").RelPermalink }} 660w,
+      {{ (.resource.Resize "1280x").RelPermalink }} 1280w"
+    data-zoom-src="{{ .resource.RelPermalink }}"
+    src="{{ .resource.RelPermalink }}"
+  />
+{{- end }}
+
+{{ define "RenderImageCaption" -}}
+  {{- with .caption }}
+    <figcaption>{{ . | markdownify }}</figcaption>
+  {{- end }}
+{{- end }}
+
 {{- $disableImageOptimization := .Page.Site.Params.disableImageOptimization | default false }}
 {{- $url := urls.Parse .Destination }}
 {{- $altText := .Text }}
 {{- $caption := .Title }}
-{{- if findRE "^https?" $url.Scheme }}
-  <figure>
-    <img class="my-0 rounded-md" loading="lazy" src="{{ $url.String }}" alt="{{ $altText }}" />
-    {{ with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
-  </figure>
-{{- else }}
-  {{- $resource := "" }}
-  {{- if $.Page.Resources.GetMatch ($url.String) }}
-    {{- $resource = $.Page.Resources.GetMatch ($url.String) }}
-  {{- else if resources.GetMatch ($url.String) }}
-    {{- $resource = resources.Get ($url.String) }}
-  {{- end }}
-  {{- with $resource }}
-    <figure>
-      {{- if or $disableImageOptimization (eq .MediaType.SubType "svg")}}
-      <img
-        class="my-0 rounded-md"
-        loading="lazy"
-        src="{{ .RelPermalink }}"
-        alt="{{ $altText }}"
-      />
-      {{- else }}
-      <img
-        class="my-0 rounded-md"
-        loading="lazy"
-        srcset="
-        {{ (.Resize "330x").RelPermalink }} 330w,
-        {{ (.Resize "660x").RelPermalink }} 660w,
-        {{ (.Resize "1024x").RelPermalink }} 1024w,
-        {{ (.Resize "1320x").RelPermalink }} 2x"
-        data-zoom-src="{{ (.Resize "1320x").RelPermalink }}"
-        src="{{ (.Resize "660x").RelPermalink }}"
-        alt="{{ $altText }}"
-      />
-      {{- end }}
-      {{ with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
-    </figure>
-  {{- else }}
-    <figure>
-      <img class="my-0 rounded-md" loading="lazy" src="{{ $url.String }}" alt="{{ $altText }}" />
-      {{ with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
-    </figure>
-  {{- end }}
+{{- $isRemote := findRE "^https?" $url.Scheme }}
+{{- $resource := "" }}
+
+{{- if not $isRemote }}
+  {{- $resource = or ($.Page.Resources.GetMatch $url.String) (resources.Get $url.String) }}
 {{- end }}
+
+<figure>
+  {{- if $isRemote }}
+    {{ template "RenderImageSimple" (dict "src" $url.String "alt" $altText) }}
+  {{- else if $resource }}
+    {{- $isSVG := eq $resource.MediaType.SubType "svg" }}
+    {{- $shouldOptimize := and (not $disableImageOptimization) (not $isSVG) }}
+    {{- if $shouldOptimize }}
+      {{ template "RenderImageResponsive" (dict "resource" $resource "alt" $altText) }}
+    {{- else }}
+      {{ template "RenderImageSimple" (dict "src" $resource.RelPermalink "alt" $altText) }}
+    {{- end }}
+  {{- else }}
+    {{ template "RenderImageSimple" (dict "src" $url.String "alt" $altText) }}
+  {{- end }}
+
+  {{ template "RenderImageCaption" (dict "caption" $caption) }}
+</figure>
--- a/layouts/partials/article-meta/basic.html
+++ b/layouts/partials/article-meta/basic.html
@@ -96,4 +96,15 @@
 </div>
 {{ end }}

+{{/* Output only category */}}
+{{ if .Params.showCategoryOnly | default (.Site.Params.article.showCategoryOnly | default false) }}
+<div class="flex flex-row flex-wrap items-center">
+  {{ range (.GetTerms "categories") }}
+  <span style="margin-top:0.5rem" class="mr-2" onclick="window.open({{ .RelPermalink }},'_self');return false;">
+    {{ partial "badge.html" .LinkTitle }}
+  </span>
+{{ end }}
+</div>
+{{ end }}
+
 {{ end }}
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -107,6 +107,14 @@
  {{/* Social */}}
  {{ template "_internal/opengraph.html" . }}
  {{ template "_internal/twitter_cards.html" . }}
+  {{- /* Main page always uses this; fallback elsewhere if no feature image */ -}}
+  {{- /* See https://gohugo.io/templates/embedded/#open-graph */ -}}
+  {{ if not ($.Resources.GetMatch "*feature*") }}
+    {{ with .Site.Params.defaultSocialImage }}
+    <meta name="twitter:image" content="{{ . | absURL }}" />
+    <meta property="og:image" content="{{ . | absURL }}" />
+    {{ end }}
+  {{ end }}
  {{/* Schema */}}
  {{ partial "schema.html" . }}
  {{/* Me */}}
@@ -128,6 +136,10 @@
  {{ if templates.Exists "partials/extend-head.html" }}
  {{ partialCached "extend-head.html" .Site }}
  {{ end }}
+  {{/* Uncached extend head - e.g. {{ with .Page.HasShortcode "gallery" }} do something {{ end }}  */}}
+  {{ if templates.Exists "partials/extend-head-uncached.html" }}
+  {{ partial "extend-head-uncached.html" . }}
+  {{ end }}
  <meta name="theme-color"/>
  {{/* Firebase */}}
  {{ with $.Site.Params.firebase }}
--- a/layouts/partials/hero/thumbAndBackground.html
+++ b/layouts/partials/hero/thumbAndBackground.html
@@ -2,7 +2,17 @@

 {{- $images := .Resources.ByType "image" -}}
 {{- $background := $images.GetMatch "*background*" -}}
-{{- if not $background }}{{ with .Site.Params.defaultBackgroundImage }}{{ $background = resources.Get . }}{{ end }}{{ end -}}
+
+{{- if not $background }}
+ {{ with .Site.Params.defaultBackgroundImage }}
+  {{ if or (strings.HasPrefix . "http:") (strings.HasPrefix . "https:") }}
+   {{ $background = resources.GetRemote . }}
+  {{ else }}
+   {{ $background = resources.Get . }}
+  {{ end }}
+ {{ end }}
+{{ end -}}
+
 {{- if not $background }}{{ $background = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
 {{- if not $background }}{{ $background = $images.GetMatch "*feature*" }}{{ end -}}
 {{- $featured := $images.GetMatch "*feature*" -}}
@@ -12,7 +22,17 @@
 {{- if not $featured }}{{ $featured = resources.GetRemote $url }}{{ end -}}
 {{ end }}
 {{- if not $featured }}{{ $featured = $images.GetMatch "*background*" }}{{ end -}}
-{{- if not $featured }}{{ with .Site.Params.defaultBackgroundImage }}{{ $featured = resources.Get . }}{{ end }}{{ end -}}
+
+{{- if not $featured }}
+ {{ with .Site.Params.defaultFeaturedImage }}
+  {{ if or (strings.HasPrefix . "http:") (strings.HasPrefix . "https:") }}
+   {{ $featured = resources.GetRemote . }}
+  {{ else }}
+   {{ $featured = resources.Get . }}
+  {{ end }}
+ {{ end }}
+{{ end -}}
+
 {{ $isParentList := eq (.Scratch.Get "scope") "list"  }}
 {{ $shouldBlur := $.Params.layoutBackgroundBlur | default (or 
        (and ($.Site.Params.article.layoutBackgroundBlur | default true) (not $isParentList)) 
--- a/layouts/partials/home/hero.html
+++ b/layouts/partials/home/hero.html
@@ -1,4 +1,5 @@
 {{ $disableImageOptimization := .Site.Params.disableImageOptimization | default false }}
+{{ $disableHeroImageFilter := .Site.Params.homepage.disableHeroImageFilter | default false }}
 <article class="max-w-full prose dark:prose-invert">
    <div class="relative">
        <div class="absolute inset-x-0 bottom-0 h-1/2 bg-gray-100"></div>
@@ -22,9 +23,15 @@
                    {{ end }}
                    {{ if $homepageImage }}
                    <img class="h-full w-full object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}" style="margin: 0">
-                    <div
-                        class="absolute inset-0 bg-gradient-to-r from-primary-500 to-secondary-600 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply">
-                    </div>
+                    {{ if not $disableHeroImageFilter }}
+                        <div
+                            class="absolute inset-0 bg-gradient-to-r from-primary-500 to-secondary-600 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply">
+                        </div>
+                    {{ else }}
+                        <div
+                            class="absolute inset-0 from-primary-500 to-secondary-600 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply">
+                        </div>
+                    {{ end }}
                    {{ end }}
                </div>
                <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8 flex flex-col items-center justify-center text-center">
@@ -43,22 +50,39 @@
                                alt="{{ $.Site.Params.Author.name | default " Author" }}" src="{{ $authorImage.RelPermalink }}" />
                        {{ end }}
                    {{ end }}
-                    <h1 class="mb-2 text-4xl font-extrabold text-neutral-200">
-                        {{ .Site.Params.Author.name | default .Site.Title }}
-                    </h1>
-                    {{ with .Site.Params.Author.headline }}
-                    <h2 class="mt-0 mb-0 text-xl text-neutral-300">
-                        {{ . | markdownify }}
-                    </h2>
+                    {{ if not $disableHeroImageFilter }}
+                        <h1 class="mb-2 text-4xl font-extrabold text-neutral-200">
+                            {{ .Site.Params.Author.name | default .Site.Title }}
+                        </h1>
+                        {{ with .Site.Params.Author.headline }}
+                            <h2 class="mt-0 mb-0 text-xl text-neutral-300">
+                                {{ . | markdownify }}
+                            </h2>
+                        {{ end }}
+                    {{ else }}
+                        <h1 class="mb-2 text-4xl font-extrabold text-neutral-800 dark:text-neutral-200">
+                            {{ .Site.Params.Author.name | default .Site.Title }}
+                        </h1>
+                        {{ with .Site.Params.Author.headline }}
+                            <h2 class="mt-0 mb-0 text-xl text-neutral-800 dark:text-neutral-300">
+                                {{ . | markdownify }}
+                            </h2>
+                        {{ end }}
                    {{ end }}
                    <div class="mt-3 mb-10 text-2xl">
                        {{ with .Site.Params.Author.links }}
                        <div class="flex flex-wrap">
                            {{ range $links := . }}
                            {{ range $name, $url := $links }}
-                            <a class="px-1 hover:text-primary-400 text-primary-300" href="{{ $url }}" target="_blank"
+                            {{ if not $disableHeroImageFilter }}
+                                <a class="px-1 hover:text-primary-400 text-primary-300" href="{{ $url }}" target="_blank"
                                aria-label="{{ $name | title }}" rel="me noopener noreferrer">{{ partial
                                "icon.html" $name }}</a>
+                            {{ else }}
+                                <a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="{{ $url }}" target="_blank"
+                                aria-label="{{ $name | title }}" rel="me noopener noreferrer">{{ partial
+                                "icon.html" $name }}</a>
+                            {{ end }}
                            {{ end }}
                            {{ end }}
                        </div>
--- a/layouts/partials/toc.html
+++ b/layouts/partials/toc.html
@@ -1,5 +1,4 @@
-<details open id="TOCView"
-  class="toc-right mt-0 overflow-y-scroll overscroll-contain scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600 rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 hidden lg:block">
+<details open id="TOCView" class="toc-right mt-0 overflow-y-auto overscroll-contain scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600 rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 hidden lg:block">
  <summary
    class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
    {{ i18n "article.table_of_contents" }}
@@ -21,32 +20,7 @@
 </details>

 <script>
-
-  var margin = 200;
-  var marginError = 50;
-
-  (function () {
-    var $window = $(window);
-    var $toc = $('#TOCView');
-    var tocHeight = $toc.height();
-
-    function onResize() {
-      var windowAndMarginHeight = $window.height() - margin;
-      if(tocHeight >= windowAndMarginHeight) {
-        $toc.css("overflow-y", "scroll")
-        $toc.css("max-height", (windowAndMarginHeight + marginError) + "px")
-      } else {
-        $toc.css("overflow-y", "hidden")
-        $toc.css("max-height", "9999999px")
-      }
-    }
-
-    $window.on('resize', onResize);
-    $(document).ready(onResize);
-  })();
-
 {{ if .Site.Params.smartTOC }}
-
  (function () {
    var $toc = $('#TableOfContents');
    if ($toc.length > 0) {
@@ -72,7 +46,7 @@
            $(e).removeClass('active');
          {{ end }}
        });
-        $toc.find('a[href="#' + id + '"]').addClass('active')
+        $toc.find('a[href="#' + id + '"]').addClass('active');
        $toc.find('a[href="#' + id + '"]').parentsUntil('#TableOfContents').each(function (i, e) {
          $(e).children('a').parents('ul').show();          
        });
@@ -88,5 +62,4 @@
    }
  })();
 {{ end }}
-
 </script>
--- a/layouts/shortcodes/article.html
+++ b/layouts/shortcodes/article.html
@@ -1,9 +1,10 @@
-{{ $parent := .Page.RelPermalink }}
-<section class="space-y-10 w-full">
-    {{ $RelPermalink := .Get "link" }}
-    {{ range ( where .Site.RegularPages "RelPermalink" $RelPermalink | first 1 ) }}
-        {{ if not (eq .RelPermalink $parent) }}
-            {{ partial "article-link/simple.html" . }}
-        {{ end }}
-    {{end}}
-</section>
+{{ $link := .Get "link" }}
+{{ $target := .Page }}
+{{ if ne $link .Page.RelPermalink }}
+  {{ $target = index (first 1 (where .Site.AllPages "RelPermalink" $link)) 0 }}
+{{ end }}
+{{ if $target }}
+  <section class="space-y-10 w-full">
+    {{ partial "article-link/simple.html" $target }}
+  </section>
+{{ end }}
--- a/layouts/shortcodes/codeberg.html
+++ b/layouts/shortcodes/codeberg.html
@@ -4,6 +4,7 @@
 {{- $codebergColors := .Site.Data.codebergColors -}}
 {{- with $codebergData -}}

+<div class="codeberg-card-wrapper">
 <a id="{{ $id }}" target="_blank" href="{{ .html_url }}" class="cursor-pointer">
  <div
    class="w-full md:w-auto pt-3 p-5 border border-neutral-200 dark:border-neutral-700 border rounded-md shadow-2xl">
@@ -64,4 +65,5 @@
      .catch(error => console.error(error))
  </script>
 </a>
+</div>
 {{- end -}}
--- a/layouts/shortcodes/forgejo.html
+++ b/layouts/shortcodes/forgejo.html
@@ -4,6 +4,7 @@
 {{- $forgejoColors := .Site.Data.forgejoColors -}}
 {{- with $forgejoData -}}

+<div class="forgejo-card-wrapper">
 <a id="{{ $id }}" target="_blank" href="{{ .html_url }}" class="cursor-pointer">
  <div
    class="w-full md:w-auto pt-3 p-5 border border-neutral-200 dark:border-neutral-700 border rounded-md shadow-2xl">
@@ -64,4 +65,5 @@
      .catch(error => console.error(error))
  </script>
 </a>
+</div>
 {{- end -}}
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -1,31 +1,40 @@
-{{ $id := delimit (slice "gallery" (partial "functions/uid.html" .)) "-" }}
+{{ $id := delimit (slice "gallery" (partial "functions/uid.html" .)) "-" -}}

-<div id="{{ $id }}" class="gallery">
-  {{ $page := .Page }}
-  
-  {{/* find all img tags */}}
-  {{ $imgTagRegex := `<img\s+[^>]*>` }}
-  {{ $imgTags := findRE $imgTagRegex .Inner }}
-  {{ $newContent := .Inner }}
-  
-  {{ range $imgTags }}
-    {{ $imgTag := . }}
-    {{/* extract src attribute */}}
-    {{ $srcRegex := `src=['"]([^'"]+)['"]` }}
-    {{ $srcMatches := findRESubmatch $srcRegex $imgTag }}
-    
-    {{ if $srcMatches }}
-      {{ $srcFull := index (index $srcMatches 0) 0 }}
-      {{ $src := index (index $srcMatches 0) 1 }}
-      
-      {{ $resource := $page.Resources.GetMatch $src }}
-      {{ if $resource }}
-        {{ $newSrc := printf `src="%s"` $resource.RelPermalink }}
-        {{ $newImg := replace $imgTag $srcFull $newSrc }}
-        {{ $newContent = replace $newContent $imgTag $newImg }}
-      {{ end }}
-    {{ end }}
-  {{ end }}
-  
-  {{ $newContent | safeHTML }}
+<div id="{{- $id -}}" class="gallery">
+  {{ $page := .Page -}}
+
+  <!-- find all img tags -->
+  {{ $imgTagRegex := `<img\s+[^>]*>` -}}
+  {{ $imgTags := findRE $imgTagRegex .Inner -}}
+  {{ $newContent := .Inner -}}
+
+  {{ range $imgTags -}}
+    {{ $imgTag := . -}}
+    <!-- extract src attribute -->
+    {{ $srcRegex := `src=['"]([^'"]+)['"]` -}}
+    {{ $srcMatches := findRESubmatch $srcRegex $imgTag -}}
+
+    {{ if $srcMatches -}}
+      {{ $srcFull := index (index $srcMatches 0) 0 -}}
+      {{ $src := index (index $srcMatches 0) 1 -}}
+
+      {{ $finalSrc := $src -}}
+      {{ $isExternalURL := or (hasPrefix $src "http://") (hasPrefix $src "https://") -}}
+
+      {{ if $isExternalURL -}}
+        {{ with resources.GetRemote $src -}}{{ $finalSrc = .RelPermalink -}}{{ end -}}
+      {{ else -}}
+        {{ with $page.Resources.GetMatch $src -}}{{ $finalSrc = .RelPermalink -}}
+        {{ else -}}
+          {{ with resources.GetMatch $src -}}{{ $finalSrc = .RelPermalink }}{{ end -}}
+        {{ end -}}
+      {{ end -}}
+
+      {{ $newSrc := printf `src="%s"` $finalSrc -}}
+      {{ $newImg := replace $imgTag $srcFull $newSrc -}}
+      {{ $newContent = replace $newContent $imgTag $newImg -}}
+    {{ end -}}
+  {{ end -}}
+
+  {{ $newContent | safeHTML -}}
 </div>
--- a/layouts/shortcodes/gitea.html
+++ b/layouts/shortcodes/gitea.html
@@ -4,6 +4,7 @@
 {{- $giteaColors := .Site.Data.giteaColors -}}
 {{- with $giteaData -}}

+<div class="gitea-card-wrapper">
 <a id="{{ $id }}" target="_blank" href="{{ .html_url }}" class="cursor-pointer">
  <div
    class="w-full md:w-auto pt-3 p-5 border border-neutral-200 dark:border-neutral-700 border rounded-md shadow-2xl">
@@ -64,4 +65,5 @@
      .catch(error => console.error(error))
  </script>
 </a>
+</div>
 {{- end -}}
--- a/layouts/shortcodes/github.html
+++ b/layouts/shortcodes/github.html
@@ -2,13 +2,20 @@
 {{- $githubURL := print "https://api.github.com/repos/" (.Get "repo") -}}
 {{- $githubData := resources.GetRemote $githubURL | transform.Unmarshal -}}
 {{- $githubColors := .Site.Data.githubColors -}}
-{{- with $githubData -}}
+{{- $githubThumbnailURL := print "https://opengraph.githubassets.com/0/" (.Get "repo") -}}

 <div class="github-card-wrapper">
+
+{{- if (.Get "showThumbnail") -}}
+    <div class="w-full thumbnail_card nozoom" style="background-image:url({{ $githubThumbnailURL }});"></div>
+{{- end -}}
+
+{{- with $githubData -}}
 <a id="{{ $id }}" target="_blank" href="{{ .html_url }}" class="cursor-pointer">
  <div
    class="w-full md:w-auto pt-3 p-5 border border-neutral-200 dark:border-neutral-700 border rounded-md shadow-2xl">

+
    <div class="flex items-center">
      <span class="text-2xl text-neutral-800 dark:text-neutral" style="margin-right:10px;">
        {{ partial "icon.html" "github" }}
@@ -65,5 +72,6 @@
      .catch(error => console.error(error))
  </script>
 </a>
-</div>
 {{- end -}}
+
+</div>
--- a/layouts/shortcodes/gitlab.html
+++ b/layouts/shortcodes/gitlab.html
@@ -4,6 +4,7 @@
 {{- $gitLabData := resources.GetRemote $gitlabURL | transform.Unmarshal -}}
 {{- with $gitLabData -}}

+<div class="gitlab-card-wrapper">
 <a id="{{ $id }}" target="_blank" href="{{ .web_url }}" class="cursor-pointer">
  <div class="w-full md:w-auto pt-3 p-5 border border-neutral-200 dark:border-neutral-700 border rounded-md shadow-2xl">

@@ -54,4 +55,5 @@
      .catch(error => console.error(error))
  </script>
 </a>
+</div>
 {{- end -}}