style fixes

layouts/partials/collapsible.html

@@ -1,4 +1,4 @@
-<div class="card border-primary rounded-2 hover-shadow mb-4">
+<div class="shortcode card border-primary rounded-2 hover-shadow mb-4">
   <div class="card-body mb-0">
     <details>
       <summary>{{ .title }}</summary>

layouts/partials/download.html

@@ -1,4 +1,4 @@
-<div class="card border-primary rounded-0 hover-shadow mb-2">
+<div class="shortcode card border-primary rounded-0 hover-shadow mb-2">
   <div class="card-body mb-0">
     <h4 class="card-title"><a class="text-decoration-none" href='{{ .link }}'>{{ .title }}</a></h4>
     <a href='{{ .link }}' class="text-decoration-none btn btn-primary btn-sm mb-0"><i class="mdi mdi-tray-arrow-down me-2"></i>Download</a>

layouts/partials/modal.html

@@ -1,5 +1,5 @@
 <div id="{{ md5 .title }}" class="modal fade">
-  <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" role="document">
+  <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document">
     <div class="modal-content">
       <div class="modal-header">
         <h3 class="modal-title">{{ .title }}</h3>

layouts/shortcodes/audio.html

@@ -1,3 +1,3 @@
-<div class="card">
+<div class="shortcode card">
   <audio src='{{ .Get "src" }}' class="mb-0" controls></audio>
 </div>

layouts/shortcodes/card.html

@@ -1,4 +1,4 @@
-<div class="card border-primary rounded-0 hover-shadow mb-4">
+<div class="shortcode card border-primary rounded-0 hover-shadow mb-4">
   <div class="card-body mb-0">
     <h4 class="card-title"><a class="text-decoration-none" href='{{ .Get "link" }}'>{{ .Get "title" }}</a></h4>
     <a href='{{ .Get "link" }}' class="mb-0 btn btn-primary btn-sm text-decoration-none">Mehr anzeigen</a>

layouts/shortcodes/gallery.html

@@ -1,4 +1,4 @@
-<div class="row">
+<div class="shortcode row">
   {{ $dir := trim (.Get "dir") "/" }}
   {{ with $dir }}
     {{ $files := readDir (print "/static/" .) }}

layouts/shortcodes/image.html

@@ -1,3 +1,3 @@
-<div class="col-lg-3 col-md-4 col-sm-6">
+<div class="shortcode col-lg-3 col-md-4 col-sm-6">
   <a class="vb-gallery" data-gall='{{ md5 (.Get "src") }}' href='{{ .Get "src" }}'><img class="lazy img-thumbnail w-100 h-100" style="object-fit: cover;" data-src='{{ .Get "src" }}'></a>
 </div>

layouts/shortcodes/slider.html

@@ -1,7 +1,7 @@
 {{ $dir := (.Get "dir") }}
 {{ if $dir }}
-<div class="card border-primary rounded-3">
-  <div class="carousel carousel-dark slide mb-0" data-bs-ride="true" id='slider-{{ md5 $dir }}'>
+<div class="shortcode card border-primary rounded-3">
+  <div class="carousel slide mb-0" data-bs-ride="true" id='slider-{{ md5 $dir }}'>
     {{ $images := slice }}
     {{ range readDir (print "/static/" $dir) }}
       {{ if (lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl)") }}

layouts/shortcodes/youtube.html

@@ -4,7 +4,7 @@
   {{ $id := .Get "id" | default (.Get 0) }}
   {{ $class := .Get "class" | default (.Get 1) }}
   {{ $title := .Get "title" | default "YouTube Video" }}
-  <div {{ with $class }}class="{{ . }}" {{ else }} style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"{{ end }}>
+  <div {{ with $class }}class="shortcode {{ . }}" {{ else }} style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"{{ end }}>
     <iframe src="https://{{ $ytHost }}/embed/{{ $id }}{{ with .Get "autoplay" }}{{ if eq . "true" }}?autoplay=1{{ end }}{{ end }}" {{ if not $class }}style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" {{ end }}allowfullscreen title="{{ $title }}"></iframe>
   </div>
 {{ end }}