- Implementiert shortcodes für columns, icon, section, aligncenter.

- Footer angepasst
- Footer in footer.md ausgelagert

themes/hugoplate/layouts/shortcodes/aligncenter.html

@@ -0,0 +1,3 @@
+<div class="aligncenter text-center content-center">
+{{ .Inner }}
+</div>

themes/hugoplate/layouts/shortcodes/columns.html

@@ -1,6 +1,7 @@
-<div class="flex p-4">
+{{/*  TODO Add To Docs "top"  */}}
+<div class="md:flex {{ if isset .Params "center" }}items-center{{ end }}"> 
 {{ range split .Inner "..column.." }}
-{{ printf "<div class=\" markdown-inner  flex-1 px-4 \">"| safeHTML }}
+{{ printf "<div class=\" markdown-inner items-center flex-1 px-4 \">"| safeHTML }}
 {{ .  | safeHTML }}
 {{ printf "</div>" | safeHTML }}
 {{ end }}

themes/hugoplate/layouts/shortcodes/icon.html

@@ -0,0 +1 @@
+<i class="verua-icon far fa-{{ .Get "name"  }} fa-fw text-5xl text-primary"></i>

themes/hugoplate/layouts/shortcodes/section.html

@@ -1,4 +1,6 @@
-<div class="container">
+<section class="bg-cover items-center pt-32 pb-32" style="{{ with .Get "fixed" }}background-attachment: fixed;{{ end }}background-image: url('{{ with .Get "background" }}{{ . }}{{ end }}');">
+<div class="container items-center" >    
+
 {{ .Inner }}
 </div>
-    
+</section>  

themes/hugoplate/layouts/shortcodes/slide.html

@@ -0,0 +1,7 @@
+<div class="slides h-screen md:h-full {{ if isset .Params "first" }}current{{ end }}" style="background-image:url('{{ .Get "image" }}')">
+<h1 class="mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl lg:text-6xl">
+{{ if ne (.Get "title") "" }}
+{{ .Get "title"  }}
+{{ end }}
+</h1>
+</div>

themes/hugoplate/layouts/shortcodes/veruaslider.html

@@ -0,0 +1,41 @@
+<section class="hero-slider h-screen md:h-[750px]">
+<div class="verua-slider-wrapper">
+<div class="verua-slider h-screen md:h-[750px]" id="verua-slider">
+{{ .Inner  }}
+</div>
+</div>
+</section>
+<script>
+window.onload = function(){
+setInterval(nextSlide, 5000);
+}
+let slideNumber = 0;
+const prevSlide = () =>{
+const slides = document.getElementsByClassName('slides');
+const slider = document.getElementById("verua-slider");
+const currentSlide = slider.getElementsByClassName('current');
+currentSlide[0].classList.remove("current");
+if(slideNumber == 0){
+slideNumber = slides.length-1;
+}
+else{
+slideNumber = slideNumber-1;
+}
+slides[slideNumber].classList.add("current");
+}
+const nextSlide = () =>{
+const slides = document.getElementsByClassName('slides');
+const slider = document.getElementById("verua-slider");
+const currentSlide = slider.getElementsByClassName('current');
+currentSlide[0].classList.remove("current");
+if(slideNumber == (slides.length-1)){
+slideNumber = 0;
+}
+else{
+slideNumber = slideNumber+1;
+}
+slides[slideNumber].classList.add("current");
+}
+
+</script>
+<!-- /Hero Slider -->