added Kommentar mit Beispielen zur Benutzung

themes/hugoplate/layouts/shortcodes/card.html

@@ -3,3 +3,16 @@
 {{ .Inner }}
 </div>
 </div>
+
+{{/*  
+    
+    This shortcode is a wrapper for a card component. It has a default class of "text-gray-700 bg-white" but can be overridden by passing a class attribute. 
+    Attributes:
+    1. class - The class of the card
+
+    Usage: 
+    {{< card class="text-gray-700 bg-white" >}}
+    This is the content of the card
+    {{< /card >}}
+    
+    */}}

themes/hugoplate/layouts/shortcodes/columns.html

@@ -1,8 +1,28 @@
 {{/*  TODO Add To Docs "top"  */}}
 <div class="md:flex {{ if isset .Params "center" }}items-center {{ end }}{{ with .Get "class" }} {{ . }} {{ else }}  mt-6 {{ end }}">
-{{ range split .Inner "..column.." }}
+{{ range split (trim .Inner " \n") "..column.." }}
+{{ if ne . "" }} <!-- Check if the column content is not empty -->
 {{ printf "<div class=\"markdown-inner items-center flex-1 px-4 \">"| safeHTML }}
 {{ . | safeHTML }}
 {{ printf "</div>" | safeHTML }}
 {{ end }}
+{{ end }}
 </div>
+
+{{/*
+    Adds the ability to create columns in markdown content.  
+    
+    Usage: 
+    {{< columns class="some-class" >}}
+    Content
+    ..column..
+    Content
+    {{< /columns >}}
+
+
+    */}}
+
+
+
+
+    

themes/hugoplate/layouts/shortcodes/section.html

@@ -4,3 +4,21 @@
 {{ .Inner }}
 </div>
 </section>   
+
+{{/*  
+
+    This shortcode is a wrapper for a section component. It has a default class of "text-gray-700 bg-white" but can be overridden by passing a class attribute.
+
+    Attributes: 
+    1. title
+    2. background-color
+    3. background-image
+    4. light-text
+    5. fixed
+    6. classes
+
+    Usage:
+    {{< section title="This is a section" background-color="#f5f5f5" background-image="https://source.unsplash.com/random/1920x1080" light-text="true" fixed="true" classes="text-center" >}}
+    This is the content of the section
+    {{< /section >}}
+*/}}