🚀feat(js) aktualisiere benutzerfreundliches Dropdown-Menü

.gitignore

@@ -26,6 +26,8 @@ vercel.json
 vercel-build.sh
 .gitlab-ci.yml
 static/php/mail.php
+verua.dev-1.andreashnida.de.code-workspace
+
 
 # don't ignore public/php
 !public/php

assets/js/bestellformular.js

@@ -1,8 +1,9 @@
-window.onload = function () {
-
+document.addEventListener("DOMContentLoaded", function() {
+    console.log('bestellformular.js loaded');
+    // Rest of the code goes here
     const FORMDEBUG = false;
     const btn = document.getElementById('bestellformular-btn');
-
+    const bestellformular = document.getElementById('bestellformular');
     // initieiere Zeitmessung zur Botprevention
     var startTime = Date.now();
 
@@ -26,7 +27,7 @@ window.onload = function () {
     document.addEventListener("touchstart", setUserInteracted);
     document.addEventListener("keydown", setUserInteracted);
 
-    document.getElementById('formular').addEventListener('submit', function (e) {
+    bestellformular.addEventListener('submit', function (e) {
         
         e.preventDefault(); 
 
@@ -117,4 +118,4 @@ window.onload = function () {
                 // setTimeout(() => notification.className = 'bg-red-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
             });
     });
-};
+})

assets/js/custom.js

@@ -0,0 +1,49 @@
+function removeEmptyParagraphs() {
+  const paragraphs = document.querySelectorAll('p')
+  paragraphs.forEach((paragraph) => {
+    if (!paragraph.textContent.trim() && !paragraph.querySelector('i')) {
+      paragraph.remove()
+    }
+  })
+}
+
+// removeEmptyParagraphs();
+
+document.addEventListener('DOMContentLoaded', function () {
+  if ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0) {
+    const navDropdowns = document.querySelectorAll('.nav-dropdown')
+
+    navDropdowns.forEach(function (dropdown) {
+      const dropdownLink = dropdown.querySelector('a')
+      const dropdownIcon = dropdown.querySelector('svg')
+      const dropdownList = dropdown.querySelector('.nav-dropdown-list')
+
+      let clickCount = 0
+
+      dropdownLink.addEventListener('click', function (event) {
+        if (dropdownList) {
+          event.preventDefault()
+          clickCount++
+
+          if (clickCount % 2 === 1) {
+            dropdownList.classList.add('visible', 'opacity-100')
+          } else {
+            window.location.href = dropdownLink.getAttribute('href')
+          }
+        }
+      })
+
+      dropdownIcon.addEventListener('click', function (event) {
+        // If the dropdown is already open, clicking
+        // on the icon should close it. Otherwise
+        // clicking on the icon should open it.
+        console.log('clickCount', clickCount)
+        event.preventDefault()
+        event.stopPropagation()
+        dropdown.classList.toggle('active')
+        dropdownList.classList.toggle('visible')
+        dropdownList.classList.toggle('opacity-100')
+      })
+    })
+  }
+})

assets/js/kontaktformular.js

@@ -1,8 +1,8 @@
 window.onload = function () {
 
   const FORMDEBUG = false;
-  const btn = document.getElementById('bestellformular-btn');
-
+  const btn = document.getElementById('kontaktformular-btn');
+  const kontaktformular = document.getElementById('kontaktformular');
   // initieiere Zeitmessung zur Botprevention
   var startTime = Date.now();
 
@@ -26,7 +26,7 @@ window.onload = function () {
   document.addEventListener("touchstart", setUserInteracted);
   document.addEventListener("keydown", setUserInteracted);
 
-  document.getElementById('formular').addEventListener('submit', function (e) {
+  kontaktformular.addEventListener('submit', function (e) {
 
     e.preventDefault();
 
@@ -110,4 +110,5 @@ window.onload = function () {
         // setTimeout(() => notification.className = 'bg-red-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
       });
   })
+  
 }

assets/scss/custom.scss

@@ -154,39 +154,39 @@ table .far {
 }
 
 /* Formular */
-#formular {
+form {
     max-width: 64rem;
     margin-left: auto;
     margin-right: auto;
   }
   
-  #formular div {
+  form div {
     margin-bottom: 1rem;
   }
   
-  #formular label {
+  form label {
     margin-bottom: 0.5rem;
     font-size: 0.875rem;
     font-weight: 500;
     color: #4B5563;
   }
   
-  #formular select, #formular input:not([type="checkbox"]), #formular textarea {
+  form select, form input:not([type="checkbox"]), form textarea {
     width: 100%;
     padding: 0.5rem 1rem;
     border: 1px solid #D1D5DB;
     border-radius: 0.375rem;
   }
   
-  #formular select:focus,
-  #formular input:focus,
-  #formular textarea:focus {
+  form select:focus,
+  form input:focus,
+  form textarea:focus {
     outline: none;
     border-color: #3B82F6;
     box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
   }
   
-  #formular button, #notification {
+  form button, #notification {
    width:400px;
     padding: 0.5rem 1rem;
     margin-bottom:10px!important;
@@ -197,20 +197,20 @@ table .far {
     text-align:center;
   }
 
-#formular .submitbutton {
+form .submitbutton {
     background-color: #a9cd2e;
     align-self: center;
 }
 
-#formular button:hover {
+form button:hover {
     background-color: #2563EB;
 }
 
-#formular .submitbutton:hover {
+form .submitbutton:hover {
     background-color: #88a625;
 }
 
-#formular .submitbutton:disabled {
+form .submitbutton:disabled {
     background-color: #ccc;
     cursor: not-allowed;
 }

config/_default/languages.toml

@@ -11,10 +11,3 @@ languageName = "Français"
 languageCode = "fr-FR"
 contentDir = "content/french"
 weight = 2
-
-################ English language ##################
-[en]
-languageName = "English"
-languageCode = "en-GB"
-contentDir = "content/english"
-weight = 3

config/_default/menus.de.toml

@@ -52,6 +52,7 @@ weight = 2
 [[main]]
 name = "Bestellung"
 hasChildren = true
+url = "bestellung/"
 weight = 3
 
     [[main]]

config/_default/menus.fr.toml

@@ -39,8 +39,8 @@ weight = 2
 
     [[main]]
     parent = "Liste de prix"
-    name = "Organisationen"
-    url = "liste-de-prix/organisations/"
+    name = "Organisation Spitex"
+    url = "liste-de-prix/organisations-spitex/"
     weight = 2
 
     [[main]]    

content/english/_index.md

@@ -1,53 +0,0 @@
----
-# Banner
-banner:
-  title: "The Ultimate Starter Template You Need To Start Your Hugo Project"
-  content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time."
-  image: "/images/banner.png"
-  button:
-    enable: true
-    label: "Get Started For Free"
-    link: "https://github.com/zeon-studio/hugoplate"
-
-# Features
-features:
-  - title: "What's Included in Hugoplate"
-    image: "/images/service-1.png"
-    content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
-    bulletpoints:
-      - "10+ Pre-build pages"
-      - "95+ Google Pagespeed Score"
-      - "Build with Hugo and TailwindCSS for easy and customizable styling"
-      - "Fully responsive on all devices"
-      - "SEO-optimized for better search engine rankings"
-      - "**Open-source and free** for personal and commercial use"
-    button:
-      enable: false
-      label: "Get Started Now"
-      link: "#"
-
-  - title: "Discover the Key Features Of Hugo"
-    image: "/images/service-2.png"
-    content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:"
-    bulletpoints:
-      - "Zero JS, by default: No JavaScript runtime overhead to slow you down."
-      - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from."
-      - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more."
-    button:
-      enable: true
-      label: "Get Started Now"
-      link: "https://github.com/zeon-studio/hugoplate"
-
-  - title: "The Top Reasons to Choose Hugo for Your Hugo Project"
-    image: "/images/service-3.png"
-    content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use."
-    bulletpoints:
-      - "Instantly load static sites for better user experience and SEO."
-      - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze."
-      - "Use any front-end library or framework, or build custom components, for any project size."
-      - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards."
-    button:
-      enable: false
-      label: ""
-      link: ""
----

content/english/about/_index.md

@@ -1,9 +0,0 @@
----
-title: "Hey, I am John Doe!"
-meta_title: "About"
-description: "this is meta description"
-image: "/images/avatar.png"
-draft: false
----
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at.

content/english/authors/_index.md

@@ -1,3 +0,0 @@
----
-title: "Authors"
----

content/english/authors/john-doe.md

@@ -1,20 +0,0 @@
----
-title: John Doe
-email: johndoe@email.com
-image: "/images/avatar.png"
-description: this is meta description
-social:
-  - name: github
-    icon: fa-brands fa-github
-    link: https://github.com
-
-  - name: twitter
-    icon: fa-brands fa-twitter
-    link: https://twitter.com
-
-  - name: linkedin
-    icon: fa-brands fa-linkedin
-    link: https://linkedin.com
----
-
-lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

content/english/authors/sam-wilson.md

@@ -1,20 +0,0 @@
----
-title: Sam Wilson
-email: samwilson@email.com
-image: "/images/avatar.png"
-description: this is meta description
-social:
-  - name: github
-    icon: fa-brands fa-github
-    link: https://github.com
-
-  - name: twitter
-    icon: fa-brands fa-twitter
-    link: https://twitter.com
-
-  - name: linkedin
-    icon: fa-brands fa-linkedin
-    link: https://linkedin.com
----
-
-lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

content/english/authors/william-jacob.md

@@ -1,20 +0,0 @@
----
-title: William Jacob
-email: williamjacob@email.com
-image: "/images/avatar.png"
-description: this is meta description
-social:
-  - name: github
-    icon: fa-brands fa-github
-    link: https://github.com
-
-  - name: twitter
-    icon: fa-brands fa-twitter
-    link: https://twitter.com
-
-  - name: linkedin
-    icon: fa-brands fa-linkedin
-    link: https://linkedin.com
----
-
-lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

content/english/blog/_index.md

@@ -1,5 +0,0 @@
----
-title: "Blog Posts"
-meta_title: ""
-description: "this is meta description"
----

content/english/blog/post-1.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Application", "Data"]
-author: "John Doe"
-tags: ["nextjs", "tailwind"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

content/english/blog/post-2.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Technology", "Data"]
-author: "Sam Wilson"
-tags: ["technology", "tailwind"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

content/english/blog/post-3.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Software"]
-author: "John Doe"
-tags: ["software", "tailwind"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

content/english/blog/post-4.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Architecture"]
-author: "John Doe"
-tags: ["silicon", "technology"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

content/english/contact/_index.md

@@ -1,6 +0,0 @@
----
-title: "Contact"
-meta_title: ""
-description: "this is meta description"
-draft: false
----

content/english/pages/elements.md

@@ -1,239 +0,0 @@
----
-title: "Elements"
-# meta title
-meta_title: ""
-# meta description
-description: "This is meta description"
-# save as draft
-draft: false
----
-
-{{< toc >}}
-
-Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
-
-# Heading 1
-
-## Heading 2
-
-### Heading 3
-
-#### Heading 4
-
-##### Heading 5
-
-###### Heading 6
-
-<hr>
-
-### Emphasis
-
-The emphasis, aka italics, with _asterisks_ or _underscores_.
-
-Strong emphasis, aka bold, with **asterisks** or **underscores**.
-
-The combined emphasis with **asterisks and _underscores_**.
-
-Strike through uses two tildes. ~~Scratch this.~~
-
-<hr>
-
-### Button
-
-{{< button label="Button" link="/" style="solid" >}}
-
-<hr>
-
-### Link
-
-[I'm an inline-style link](https://www.google.com)
-
-[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
-
-[I'm a reference-style link][Arbitrary case-insensitive reference text]
-
-[I'm a relative reference to a repository file](../blob/master/LICENSE)
-
-[You can use numbers for reference-style link definitions][1]
-
-Or leave it empty and use the [link text itself].
-
-URLs and URLs in angle brackets will automatically get turned into links.
-<http://www.example.com> or <http://www.example.com> and sometimes
-example.com (but not on Github, for example).
-
-Some text to show that the reference links can follow later.
-
-[arbitrary case-insensitive reference text]: https://www.themefisher.com
-[1]: https://gethugothemes.com
-[link text itself]: https://www.getjekyllthemes.com
-
-<hr>
-
-### Paragraph
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
-
-<hr>
-
-### Ordered List
-
-1. List item
-2. List item
-3. List item
-4. List item
-5. List item
-
-<hr>
-
-### Unordered List
-
-- List item
-- List item
-- List item
-- List item
-- List item
-
-<hr>
-
-### Notice
-
-{{< notice "note" >}}
-This is a simple note.
-{{< /notice >}}
-
-{{< notice "tip" >}}
-This is a simple tip.
-{{< /notice >}}
-
-{{< notice "info" >}}
-This is a simple info.
-{{< /notice >}}
-
-{{< notice "warning" >}}
-This is a simple warning.
-{{< /notice >}}
-
-<hr>
-
-### Tab
-
-{{< tabs >}}
-{{< tab "Tab 1" >}}
-
-#### Did you come here for something in particular?
-
-Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf.
-
-{{< /tab >}}
-
-{{< tab "Tab 2" >}}
-
-#### I wanna talk about the assassination attempt
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-{{< /tab >}}
-
-{{< tab "Tab 3" >}}
-
-#### We know you’re dealing in stolen ore
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
-
-{{< /tab >}}
-{{< /tabs >}}
-
-<hr>
-
-### Accordions
-
-{{< accordion "Why should you need to do this?" >}}
-
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur
-
-{{< /accordion >}}
-
-{{< accordion "How can I adjust Horizontal centering" >}}
-
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur
-
-{{< /accordion >}}
-
-{{< accordion "Should you use Negative margin?" >}}
-
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur
-
-{{< /accordion >}}
-
-<hr>
-
-### Code and Syntax Highlighting
-
-This is an `Inline code` sample.
-
-```javascript
-var s = "JavaScript syntax highlighting";
-alert(s);
-```
-
-```python
-s = "Python syntax highlighting"
-print s
-```
-
-<hr>
-
-### Blockquote
-
-> Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.
-
-<hr>
-
-### Tables
-
-| Tables        |      Are      |  Cool |
-| ------------- | :-----------: | ----: |
-| col 3 is      | right-aligned | $1600 |
-| col 2 is      |   centered    |   $12 |
-| zebra stripes |   are neat    |    $1 |
-
-<hr>
-
-### Image
-
-{{< image src="images/image-placeholder.png" caption="" alt="alter-text" height="" width="" position="center" command="fill" option="q100" class="img-fluid" title="image title"  webp="false" >}}
-
-<hr>
-
-### Gallery
-
-{{< gallery dir="images/gallery" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
-
-<hr>
-
-### Slider
-
-{{< slider dir="images/gallery" class="max-w-[600px] ml-0" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
-
-<hr>
-
-### Youtube video
-
-{{< youtube ResipmZmpDU >}}
-
-<hr>
-
-### Custom video
-
-{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" width="100%" height="auto" autoplay="false" loop="false" muted="false" controls="true" class="rounded-lg" >}}

content/english/pages/privacy-policy.md

@@ -1,33 +0,0 @@
----
-title: "Privacy"
-# meta title
-meta_title: ""
-# meta description
-description: "This is meta description"
-# save as draft
-draft: false
----
-
-#### Responsibility of Contributors
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
-
-pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
-
-#### Gathering of Personal Information
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
-
-#### Protection of Personal- Information
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus.
-
-Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat
-
-#### Privacy Policy Changes
-
-1. Sll the Themefisher items are designed to be with the latest , We check all
-2. comments that threaten or harm the reputation of any person or organization
-3. personal information including, but limited to, email addresses, telephone numbers
-4. Any Update come in The technology Customer will get automatic Notification.

content/english/sections/call-to-action.md

@@ -1,14 +0,0 @@
----
-enable: true
-title: "Ready to build your next project with Hugo?"
-image: "/images/call-to-action.png"
-description: "Experience the future of web development with Hugoplate and Hugo. Build lightning-fast static sites with ease and flexibility."
-button:
-  enable: true
-  label: "Get Started Now"
-  link: "https://github.com/zeon-studio/hugoplate"
-
-# don't create a separate page
-_build:
-  render: "never"
----

content/english/sections/testimonial.md

@@ -1,31 +0,0 @@
----
-enable: true
-title: "What Users Are Saying About Hugoplate"
-description: "Don't just take our word for it - hear from some of our satisfied users!  Check out some of our testimonials below to see what others are saying about Hugoplate."
-
-# Testimonials
-testimonials:
-  - name: "Marvin McKinney"
-    designation: "Web Designer"
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-  - name: "Marvin McKinney"
-    designation: "Web Designer"
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-  - name: "Marvin McKinney"
-    designation: "Web Designer"
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-  - name: "Marvin McKinney"
-    designation: "Web Designer"
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-# don't create a separate page
-_build:
-  render: "never"
----

content/french/liste-de-prix/autres-services.md

@@ -0,0 +1,88 @@
++++
+date = '2024-02-21T07:35:59Z'
+draft = false
+title = 'Autres Services'
+translationKey = 'weitere-dienstleistungen'
++++
+
+<!-- {{% veruaslider height="450px" %}}
+{{% slide image="../freiberufliche-header-slide-1.jpg" first="true " %}}
+{{% slide image="../freiberufliche-header-slide-2.jpg" %}}
+{{% /veruaslider %}} -->
+
+{{% section background-image="../images/freiberufliche-header-slide-1.jpg" background-color="rgba(255,255,255,0.9)" classes=" md:mx-auto" %}}
+
+{{% aligncenter %}}
+#### Transparent et sans coûts cachés
+
+# Nos tarifs pour d'autres services
+
+---
+
+<br>
+
+Découvrez ici les prix de l'application VeruA**Facturation et Administration.
+{{% /aligncenter %}}
+{{% alert background-color="slate-800" %}}
+L'application VeruA ** Facturation et Administration est un système SaaS. SaaS signifie Software-as-a-Service et signifie que le système n'est pas installé localement.
+
+
+Le système fonctionne sur un serveur central externe fourni et contrôlé par RaBe WebSolutions.
+{{% /alert %}}
+
+{{% /section %}}
+
+{{% section classes="xl:w-2/3 md:mx-auto" %}}
+
+### {{% icon size="3xl" color="slate-900" name="wrench" %}} Indemnité de frais
+
+| Migration des données d`un serveur d'équipe vers une organisation d'aide et de soins à domicile | 500.00 CHF |
+| -------- | -------: |
+
+Indemnisation des frais pour :
+
+* Exportation des données
+* préparation des données et sécurisé
+* installation et configuration de la nouvelle instance
+* Installation et configuration de la base de données
+* Importation des données dans la nouvelle instance
+* Test et contrôle final
+* Frais d'administration
+
+| Migration des données d`un serveur d'équipe vers une instance propre | 500.00 CHF |
+| -------- | -------: |
+
+Indemnisation des frais pour :
+
+* Exportation des données
+* préparation des données et sécurisé
+* installation et configuration de la nouvelle instance
+* Installation et configuration de la base de données
+* Importation des données dans la nouvelle instance
+* Test et contrôle final
+* Frais d'administration
+
+| Intégration dans un serveur d'équipe existant | 200.00 CHF |
+| -------- | -------: |
+
+Indemnisation des frais pour :
+
+* Configuration de l'instance
+* Configuration de la base de données
+* Test et contrôle final
+* Frais d'administration
+
+| Support à l'heure| 120.00 CHF |
+| -------- | -------: |
+
+Assistance en cas de questions / problèmes dépassant le cadre de l'assistance incluse pour l'application VeruA.
+
+Facturation par tranches de 15 minutes.  
+La documentation du collaborateur de VeruA fait foi.
+
+| Frais de développeur à l'heure pour les adaptations spéciales | Sur demande |
+| -------- | -------: |
+
+Le temps de travail effectif est facturé par tranches de 15 minutes.
+
+{{% /section %}}

content/french/liste-de-prix/infirmier-independant.md

@@ -0,0 +1,158 @@
++++
+date = '2024-02-21T04:38:11Z'
+draft = false
+title = 'Liste des prix pour les travailleurs indépendants'
+translationKey = 'preisliste-freiberuflich'
++++
+
+<!-- {{% veruaslider height="450px" %}}
+{{% slide image="../freiberufliche-header-slide-1.jpg" first="true " %}}
+{{% slide image="../freiberufliche-header-slide-2.jpg" %}}
+{{% /veruaslider %}} -->
+
+{{% section background-image="../images/freiberufliche-header-slide-1.jpg" background-color="rgba(255,255,255,0.9)" classes=" md:mx-auto" %}}
+
+
+{{% aligncenter %}}
+#### Transparent et sans coûts cachés
+
+# Nos tarifs pour les infirmiers indépendants
+
+
+---
+
+<br>
+
+Découvrez ici les coûts associés à l'application VeruA ** Gestion et Facturation.
+{{% /aligncenter %}}
+{{% alert background-color="slate-800" %}}
+L'application VeruA ** Gestion et Facturation est un système SaaS. SaaS signifie Software-as-a-Service, ce qui signifie que le système n'est pas installé localement.
+
+Le système fonctionne sur un serveur externe central fourni et géré par RaBe WebSolutions.
+{{% /alert %}}
+
+{{% /section %}}
+{{% section classes="xl:w-2/3 md:mx-auto" %}}
+
+### {{% icon size="3xl" color="slate-900" name="shopping-cart" %}} Prix d'acquisition
+
+| Licence pour l'application VeruA ** Facturation et Administration | 1'176.00 CHF |
+| -------- | -------: |
+
+*Première augmentation du prix de la licence depuis le 01.06.2014 au 21.02.2022*  
+**Module de base**  
+Gestion des données de base, clarification des besoins, planification simple des soins, prescriptions, feuille de médicaments, enregistrement des services, facturation et statistiques.
+
+Prix unique pour l'application **VeruA ** Facturation et Administration**.
+Le programme est préparé avec vos données personnelles, mis à disposition sur notre serveur  internet et est immédiatement prêt à l'emploi.
+
+**Frais de licence** pour le soutien et un développement ultérieur.  
+Le prix comprend la licence pour **un an**. Cela inclut un **support gratuit et complet** et le **développement de l'application**.
+
+| Location du serveur internet sécurisé | 120.00 CHF |
+| -------- | -------: |
+
+
+*Prix réduit de 320 CHF à 120 CHF le 01.01.2020*  
+Configuration et mise en service d'une URL sécurisée (https://votre-nom-souhaité.verua.ch) ou intégrer une équipe existante.
+
+Création de bases de données et adaptation à votre domaine d'application.
+
+Location pour un an.
+
+| **VERSION DE BASE: TOTALE** | **1'296.00 CHF** |
+| -------- | -------: |
+{{% aligncenter %}}
+<br>
+
+___
+
+<br><br>
+{{% /aligncenter %}}
+
+### {{% icon size="3xl" color="slate-900" name="shopping-basket" %}} Prix modules supplémentaires
+| En option: module supplémentaire matériel | 342.00 CHF |
+| -------- | -------: |
+
+Le module supplémentaire de **gestion du matériel** complète le programme standard **VeruA ** Facturation et Administration**.  
+Les ventes et les prêts peuvent être enregistrés et confortablement assignés au client. L'assurance maladie ou le client peut être le responsable des coûts.
+
+Si vous le souhaitez, vous pouvez insérer une liste d'articles. Cette liste doit ensuite être traitée par l'utilisateur afin que les prix d'achat et de vente pour les articles soient enregistrés correctements.
+
+| Frais de licence module supplémentaire matériel | 138.00 CHF |
+| -------- | -------: |
+
+Frais de licence pour le soutien et un développement ultérieur.  
+Le prix comprend la licenece pour un an . Cela inclut un support gratuit et complet et le développement du module supplémentaire
+
+| **FRAIS TOTALE MATÉRIE** | **480.00 CHF** |
+| -------- | -------: |
+
+{{% aligncenter %}}
+<br>
+
+___
+
+<br><br>
+{{% /aligncenter %}}
+
+
+
+| En option : Module supplémentaire QR-Code - frais mensuels | 3.00 CHF |
+| -------- | -------: |
+
+*Disponible à partir du 24.01.2022*
+Le module supplémentaire **QR-Code** étend le programme standard **VeruA ** Facturation et Administration**.
+
+Il permet de générer un **swiss-QR-Code** pour les destinataires de factures activés. Taxe mensuels.
+
+
+| Frais unique de mise en service | 50.00 CHF |
+| -------- | -------: |
+
+{{% aligncenter %}}
+<br>
+
+___
+
+<br><br>
+{{% /aligncenter %}}
+
+### {{% icon size="3xl" color="slate-900" name="shopping-cart" %}} Coûts annuels de maintien
+
+| Droits de licence pour la application VeruA ** Facturation et Administration | 252.00 CHF |
+| -------- | -------: |
+
+Après la première année, nous facturons une taxe annuelle obligatoire pour la licence.
+
+Ces taxes vous donnent droit à un an de **support téléphonique** pour les questions de fonctionnement et vous recevrez des **mises à jour** régulières afin que l'application soit adaptée aux exigences légales actuelles.
+
+Ne sont pas couverts par la licence annuelle les cours de formation, les adaptations spéciales individuelles et les problèmes causés par des erreurs d'application importantes.
+
+Nous serons heureux de vous aider à tout moment, mais dans certains cas, il se peut que nous devions vous facturer nos services.  
+Tarif horaire : 120.00 CHF, unité de facturation: 10 minutes.
+
+| Location d'un seveur internet sécurisé | 120.00 CHF |
+| -------- | -------: |
+
+Comprend la mise à disposition du serveur internet, les sauvegardes quotidiennes de la base de données et l'importation automatique des mises à jour.
+
+| **PRIX TOTAL SANS MODULES SUPPLÉMENTAIRES: à partir de la 2ème année**| **372.00 CHF** |
+| -------- | -------: |
+
+{{% aligncenter %}}
+<br>
+
+___
+
+<br><br>
+{{% /aligncenter %}}
+
+| Coûtes annuels de la licence modules supplémentaire matériel | 138.00 CHF |
+| -------- | -------: |
+
+| Coûtes annuels de la licence modules supplémentaire QR-Code | 36.00 CHF |
+| -------- | -------: |
+
+{{% /section %}}
+

content/french/liste-de-prix/organisations-spitex.md

@@ -0,0 +1,138 @@
++++
+date = '2024-02-21T07:10:09Z'
+draft = false
+title = 'Liste des prix pour les organisations spitex'
+translationKey = 'preisliste-organisationen'
++++
+
+<!-- {{% veruaslider height="450px" %}}
+{{% slide image="../freiberufliche-header-slide-1.jpg" first="true " %}}
+{{% slide image="../freiberufliche-header-slide-2.jpg" %}}
+{{% /veruaslider %}} -->
+
+{{% section background-image="../images/freiberufliche-header-slide-1.jpg" background-color="rgba(255,255,255,0.9)" classes=" md:mx-auto" %}}
+
+
+
+{{% aligncenter %}}
+#### Transparent et sans coûts cachés
+
+
+# Nos prix pour les organisations spitex
+
+
+---
+
+<br>
+
+Découvrez ici les prix de l'application VeruA**Facturation et Administration.
+{{% /aligncenter %}}
+{{% alert background-color="slate-800" %}}
+L'application VeruA ** Gestion et Facturation est un système SaaS. SaaS signifie Software-as-a-Service, ce qui signifie que le système n'est pas installé localement.
+
+Le système fonctionne sur un serveur externe central fourni et géré par RaBe WebSolutions.
+{{% /alert %}}
+
+{{% /section %}}
+{{% section classes="xl:w-2/3 md:mx-auto" %}}
+
+### {{% icon size="3xl" color="slate-900" name="shopping-cart" %}} Prix d'acquisition
+
+| Licence pour l'application VeruA ** Facturation et Administration | 4'720.00 CHF |
+| -------- | -------: |
+
+**Module de base**  
+Gestion des données de base, clarification des besoins, planification simple des soins, prescriptions, fiche des médicaments, enregistrement des services. Si nécessaire, mise en ligne gratuite du module Matériel. Facturation et statistiques.
+
+**Préparation du système**  
+Configuration et mise en service URL sécurisée (https://votre-nom-spitex.verua.ch). Création de la base de données et adaptation aux besoins de l'organisation.
+
+
+| License et location de l`espace web | 1'680.00 CHF |
+| -------- | -------: |
+
+**Frais de licence**  
+Cette redevance vous donne droit à notre assistance pour toute question relative à l'application pendant un an à compter de la date de facturation.
+
+Des mises à jour régulières sont effectuées sur votre espace web afin d'adapter l'application aux exigences légales actuelles et de la rendre plus conviviale.
+
+**Location d'un espace web sécurisé**  
+Comprend la mise à disposition de votre instance VeruA et la sauvegarde régulière de votre base de données. Location pour la période de licence.
+
+| Formation d'introduction VeruA ** Facturation et Administration | 1'000.00 CHF |
+| -------- | -------: |
+
+Formation de quatre heures dans vos locaux.  
+Introduction à l'utilisation de base pour l'application VeruA ** Facturation et Administration et test de la configuration individuelle pour votre organisation.  
+Les frais de voyage sont ajoutés aux frais de formation.
+
+| **Prix Total: Prix d'acquisition et la Formation d'introduction** | 7'400.00 CHF |
+| -------- | -------: |
+{{% aligncenter %}}
+<br>
+
+___
+
+<br><br>
+{{% /aligncenter %}}
+
+### {{% icon size="3xl" color="slate-900" name="shopping-basket" %}} Modules complémentaires
+
+| En option : module supplémentaire, QR-Code - frais mensuels | 20.00 CHF |
+| -------- | -------: |
+
+*Disponible à partir du 24.01.2022*
+Le module supplémentaire QR-code élargit le programme standard **VeruA ** Facturation et Administration**.
+
+Il permet de générer un **swiss-QR-Code** pour les destinataires de factures activés. 
+Taxe mensuelle.
+
+
+| Frais uniques de mise en service | 200.00 CHF |
+| -------- | -------: |
+
+{{% aligncenter %}}
+<br>
+
+___
+
+<br><br>
+{{% /aligncenter %}}
+
+### {{% icon size="3xl" color="slate-900" name="shopping-cart" %}} Coûts annuels de maintien
+
+| Droits de licence pour la application VeruA ** Facturation et Administration | 1'440.00 CHF |
+| -------- | -------: |
+
+Droits de licence pour la application VeruA ** Facturation et Administration Après la première année, nous facturons une taxe **annuelle obligatoire** pour la licence.  
+
+Ces taxes vous donnent droit à un an de support téléphonique pour les questions de fonctionnement et vous
+recevrez des mises à jour régulières afin que l'application soit adaptée aux exigences légales actuelles.
+Ne sont pas couverts par la licence annuelle les cours de formation, les adaptations spéciales individuelles et les problèmes causés par des erreurs d'application importantes.
+
+Nous serons heureux de vous aider à tout moment, mais dans certains cas, il se peut que nous devions vous
+facturer nos services.  
+Tarif horaire : 120.00 CHF, unité de facturation: 10 minutes.
+
+**Location d`un espace web sécurisé**  
+Y compris les sauvegardes et les mise à jour des données.
+
+| Location d`un espace web sécurisé | 600.00 CHF |
+| -------- | -------: |
+
+| **PRIX TOTAL SANS MODULES SUPPLÉMENTAIRES: à partir de la 2eme année**| **2'040.00 CHF** |
+| -------- | -------: |
+
+{{% aligncenter %}}
+<br>
+
+___
+
+<br><br>
+{{% /aligncenter %}}
+
+| Coûtes annuels de la licence module supplémentaire QR-Code | 240.00 CHF |
+| -------- | -------: |
+
+
+{{% /section %}}

content/german/bestellung/_index.md

@@ -0,0 +1,68 @@
++++
+date = '2024-02-21T08:49:32Z'
+draft = false
+title = 'Bestellung'
+translationKey = 'bestellung'
++++
+
+<!-- {{% veruaslider height="450px" %}}
+{{% slide image="/images/startseite/startseite-slide.jpg" first="true" title="VeruA bestellen & neue Wege gehen!" %}}
+{{% /veruaslider %}} -->
+
+{{% section background-image="/images/startseite/startseite-slide-2.jpg" title="Verua bestellen & neue Wege gehen!" %}}
+
+{{% columns class="" %}}
+        
+{{% card class="bg-lime-300" %}}
+{{% icon size="7xl" name="car" %}}
+### Freiberufliche Pflegefachpersonen
+Wählen Sie dieses Formular, um die Anwendung VeruA ** Verwaltung und Abrechnung für Einzelpersonen oder Teams zu bestellen.
+
+<a href="/bestellung/freiberufliche/" style="color:black"><i class="far fa-circle-arrow-right"></i> Zum Bestellformular für freiberufliche Pfelgefachpersonen</a>
+
+{{% /card %}}
+
+..column..
+
+{{% card class="bg-slate-800 light-text" %}}
+{{% icon size="7xl" name="users" %}}
+### Spitex-Organisationen
+Suchen Sie eine Applikation für Ihr Unternehmen, das einfach in der Anwendung ist und kostengünstig im Unterhalt ist - und zusätzlich einen guten Support bietet?
+
+<a href="/bestellung/organisationen/" style="color:white"><i class="far fa-circle-arrow-right"></i> Zum Bestellformular für Spitex Organisationen</a>
+
+{{% /card %}}
+
+..column..
+
+{{% card %}}
+{{% icon size="7xl" name="cubes" %}}
+### Module der Root AG
+Möchten Sie ein Modul Root AG zu Ihrer bestehenden Applikation **VeruA ** Verwaltung und Abrechnung** hinzufügen?
+
+Kein Problem!  
+Seit dem ersten Quartal 2020 bieten wir Ihnen die **Schnittstelle zum Perigon interRAI Cloud** an.
+
+{{% /card %}}
+
+{{% /columns %}}
+
+{{% /section %}}
+
+{{% section %}}
+{{% aligncenter %}}
+#### Transparent und ohne versteckte Kosten
+## Unsere Preise  
+### Wir sprechen Klartext
+<br>
+
+---
+
+<br>
+
+Unsere Preise sind transparent und klar - wir verzichten auf versteckte Kosten und böse Überraschungen!
+
+Informieren Sie sich in unserer Preisliste, welchen Kosten mit der Applikation VeruA ** Verwaltung und Abrechnung auf Sie zukommen.
+
+{{% /aligncenter %}}
+{{% /section %}}

content/german/bestellung/freiberufliche.md

@@ -21,11 +21,11 @@ title = 'Freiberufliche'
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="formular">
+<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Bestellformular Freiberufliche">
         <div>
-            <label for="gender">Geschlecht</label>
+            <label class="hidden" for="gender">Geschlecht</label>
             <select id="gender" name="gender" required >
                 <option value="weiblich">Frau</option>
                 <option value="männlich">Mann</option>

content/german/bestellung/online-testversion.md

@@ -58,13 +58,14 @@ Wir haben verschiedene Zugänge mit unterschiedlichen Sichten eingerichtet:
 
 **Bitte melden Sie sich jeweils mit folgenden Daten an:**
 {{% columns %}}
+<!-- FIX Empty p tag creation on second and third column -->
 ##### Administrator  
-        
 **Benutzername:**  
 admin
 
 **Passwort:**  
 demo
+
 ..column..
 
 ##### Büro
@@ -73,6 +74,7 @@ büro
 
 **Passwort:**  
 demo
+
 ..column..
 
 ##### Pflege

content/german/bestellung/organisationen.md

@@ -20,7 +20,7 @@ title = 'Organisationen'
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="formular">
+<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Bestellformular Organisationen">
 <h5>Bitte tragen Sie die Daten Ihrer Spitex-Organisation ein</h5>
@@ -57,7 +57,7 @@ title = 'Organisationen'
         </div>
         <h5>Bitte tragen Sie die Daten einer Kontaktperson ein</h5>
         <div>
-            <label for="gender">Geschlecht</label>
+            <label class="hidden" for="gender">Geschlecht</label>
             <select id="gender" name="gender" required >
                 <option value="weiblich">Frau</option>
                 <option value="männlich">Herr</option>

content/german/bestellung/zusatzmodule-freiberufliche.md

@@ -20,10 +20,10 @@ title = 'Zusatzmodule Freiberufliche'
 
 {{% /aligncenter %}}
 
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="formular">
+<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
     <input type="hidden" name="formularart" value="Zusatzmodule Freiberufliche">
         <div>
-            <label for="gender">Geschlecht</label>
+            <label class="hidden" for="gender">Geschlecht</label>
             <select id="gender" name="gender" required >
                 <option value="weiblich">Frau</option>
                 <option value="männlich">Mann</option>

content/german/bestellung/zusatzmodule-organisationen.md

@@ -19,7 +19,7 @@ title = 'Zusatzmodule Organisationen'
 <br>
 
 {{% /aligncenter %}}
-<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="formular">
+<form action="https://verua.dev-1.andreashnida.de/php/ajaxmail.php" method="POST" id="bestellformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Bestellformular Organisationen">
 <h5>Bitte tragen Sie die Daten Ihrer Spitex-Organisation ein</h5>
@@ -56,7 +56,7 @@ title = 'Zusatzmodule Organisationen'
         </div>
         <h5>Bitte tragen Sie die Daten Ihrer Spitex-Organisation ein</h5>
         <div>
-            <label for="gender">Geschlecht</label>
+            <label class="hidden" for="gender">Geschlecht</label>
             <select id="gender" name="gender" required >
                 <option value="weiblich">Frau</option>
                 <option value="männlich">Mann</option>

content/german/kontakt.md

@@ -25,7 +25,7 @@ Wir nehmen zeitnah Kontakt zu Ihnen auf.
 {{% /aligncenter %}}
 
 
-<form action="https://rabeweb.plan.io/helpdesk" method="POST" id="formular">
+<form action="https://rabeweb.plan.io/helpdesk" method="POST" id="kontaktformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Bestellformular Organisationen">
 <input type="hidden" name="project" value="de-support">
@@ -69,7 +69,7 @@ Wir nehmen zeitnah Kontakt zu Ihnen auf.
 </div>
 <!-- <div class ="captcha-container"></div> wir verzichten erstmal auf das Captcha  -->
 <div class="w-full flex justify-center">
-<button id="bestellformular-btn" type="submit" disabled class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Anfrage absenden</button>
+<button id="kontaktformular-btn" type="submit" disabled class="submitbutton text-white mx-auto submit-after-valid-captcha-bak">Anfrage absenden</button>
 <div id="notification" class="bg-blue-500 text-white rounded invisible opacity-0 hidden">Notification</div>
 </div>
 </form>

content/german/preisliste/_index.md

@@ -0,0 +1,39 @@
++++
+date = '2024-02-21T08:49:32Z'
+draft = false
+title = 'Bestellung'
+translationKey = 'bestellung'
++++
+
+<!-- {{% veruaslider height="450px" %}}
+{{% slide image="/images/startseite/startseite-slide.jpg" first="true" title="VeruA bestellen & neue Wege gehen!" %}}
+{{% /veruaslider %}} -->
+
+{{% section background-image="images/freiberufliche-header-slide-1.jpg" background-color="rgba(255,255,255,0.9)" classes=" md:mx-auto" %}}
+
+
+{{% aligncenter %}}
+#### Transparent und ohne versteckte Kosten
+
+# Unsere Preise
+
+
+---
+
+<br>
+
+Erfahren Sie hier, welche Kosten für die Applikation VeruA ** Verwaltung und Abrechnung entstehen.
+{{% /aligncenter %}}
+{{% /section %}}
+{{% section %}}
+## Freiberufliche Pflegefachperson
+
+Die für Freiberufliche Pflegefachpersonen geltenden [Preise finden Sie hier](/preisliste/freiberufliche.html)
+
+## Spitex-Organisationen
+Die für Spitex-Organisationen geltenden [Preise finden Sie hier](/preisliste/organisationen.html)
+
+## Weitere Dienstleistungen
+Unsere Preise für **weitere Dienstleistungen** [finden Sie hier](/preisliste/weitere-dienstleistungen.html)
+
+{{% /section %}}

content/german/preisliste/freiberufliche.md

@@ -2,6 +2,7 @@
 date = '2024-02-21T04:38:11Z'
 draft = false
 title = 'Verua Preisliste für Freiberufliche'
+translationKey = 'preisliste-freiberuflich'
 +++
 
 <!-- {{% veruaslider height="450px" %}}

content/german/preisliste/organisationen.md

@@ -1,7 +1,8 @@
 +++
 date = '2024-02-21T07:10:09Z'
 draft = false
-title = 'Organisationen'
+title = 'Verua Preisliste Organisationen'
+translationKey = 'preisliste-organisationen'
 +++
 
 <!-- {{% veruaslider height="450px" %}}
@@ -16,7 +17,7 @@ title = 'Organisationen'
 {{% aligncenter %}}
 #### Transparent und ohne versteckte Kosten
 
-# Unsere Preise Spitex-Organisationen
+# Unsere Preise für Spitex-Organisationen
 
 
 ---

content/german/preisliste/weitere-dienstleistungen.md

@@ -2,6 +2,7 @@
 date = '2024-02-21T07:35:59Z'
 draft = false
 title = 'Weitere Dienstleistungen'
+translationKey = 'weitere-dienstleistungen'
 +++
 
 <!-- {{% veruaslider height="450px" %}}
@@ -9,7 +10,7 @@ title = 'Weitere Dienstleistungen'
 {{% slide image="../freiberufliche-header-slide-2.jpg" %}}
 {{% /veruaslider %}} -->
 
-{{% section background-image="../freiberufliche-header-slide-1.jpg" background-color="rgba(255,255,255,0.9)" classes=" md:mx-auto" %}}
+{{% section background-image="../images/freiberufliche-header-slide-1.jpg" background-color="rgba(255,255,255,0.9)" classes=" md:mx-auto" %}}
 
 {{% aligncenter %}}
 #### Transparent und ohne versteckte Kosten

hugo.toml

@@ -143,6 +143,9 @@ lazy = true
 
 # JS Plugins
 [[params.plugins.js]]
+link = "js/custom.js"
+lazy = false
+[[params.plugins.js]]
 link = "js/search.js"
 lazy = false
 [[params.plugins.js]]

themes/hugoplate/layouts/_default/list.html

@@ -1,18 +1,3 @@
 {{ define "main" }}
-  {{ partial "page-header" . }}
-
-
-  <section class="section">
-    <div class="container">
-      <ul class="text-center">
-        {{ range .RegularPages }}
-          <li class="m-3">
-            <a href="{{ .Permalink }}" class="text-dark  block text-xl">
-              {{ .Title }}
-            </a>
-          </li>
-        {{ end }}
-      </ul>
-    </div>
-  </section>
+      {{ .Content }}
 {{ end }}

themes/hugoplate/layouts/_default/single.html

@@ -3,19 +3,19 @@
 <div class="content">
     {{ .Content }}
 </div>
-
+{{/*  TODO Cleanup  */}}
 {{ if eq .Section "bestellung" }}
 {{ $formularjs := resources.Get "js/bestellformular.js" | minify }}
-<script src="{{ $formularjs.RelPermalink }}"></script>
+{{/*  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>  */}}
+<script>{{ $formularjs.Content | safeJS }}</script>
+
 {{ else if eq .Params.kontaktformular true }}
 {{ $formularjs := resources.Get "js/kontaktformular.js" | minify }}
+{{/*  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>  */}}
+<script>{{ $formularjs.Content | safeJS }}</script>
 {{/*  TODO Captcha rauswerfen, falls wir es nicht mehr brauchen  */}}
 {{/*  {{ $captchaSystemJS := resources.Get "vendor/captcha-system/js/main.js" | minify }}  */}}
 {{/*  {{ $captchaSystemCSS := resources.Get "vendor/captcha-system/css/main.css" | minify }}  */}}
-
-<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
-<script src="{{ $formularjs.RelPermalink }}"></script>
-
 {{/*  <script src="{{ $captchaSystemJS.RelPermalink }}"></script>  */}}
 {{/*  <link rel="stylesheet" href="{{ $captchaSystemCSS.RelPermalink }}">  */}}
 

themes/hugoplate/layouts/partials/essentials/header.html

@@ -10,102 +10,46 @@
     </div>
     <!-- navbar toggler -->
     <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark  lg:order-1">
+    <label for="nav-toggle" class="order-3 cursor-pointer flex items-center lg:hidden text-dark lg:order-1">
       <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
         <title>Menu Open</title>
         <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
       </svg>
       <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
         <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
+        <polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"></polygon>
       </svg>
     </label>
-    <!-- /navbar toggler -->
-
     <!-- main navbar -->
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
+    <ul id="nav-menu" class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
       {{ $currentPage := . }}
       {{ range site.Menus.main }}
         {{ $menuURL := .URL | absLangURL }}
         {{ $pageURL:= $currentPage.Permalink | absLangURL }}
         {{ $active := eq $menuURL $pageURL }}
-        {{ if .HasChildren }}
-          <li class="nav-item nav-dropdown group relative">
-            <span
-              class="nav-link {{ range .Children }}
-                {{ $childURL := .URL | absLangURL }}
-                {{ $active := eq $childURL $pageURL }}
-                {{ if $active }}active{{ end }}
-              {{ end }} inline-flex items-center">
-              {{ .Name }}
-              <svg class="h-4 w-4 fill-current" viewBox="0 0 20 20">
-                <path
-                  d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
+        <li class="nav-item {{ if .HasChildren }}nav-dropdown group relative{{ end }}">
+          <a href="{{ .URL | relLangURL }}" class="nav-link {{ if $active }}active{{ end }} inline-flex items-center">
+            {{ .Name }}
+            {{ if .HasChildren }}
+              <svg class="ml-2 h-4 w-4 fill-current" viewBox="0 0 20 20">
+                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
               </svg>
-            </span>
-            <ul
-              class="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100">
+            {{ end }}
+          </a>
+          {{ if .HasChildren }}
+            <ul class="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100">
               {{ range .Children }}
-                {{ $childURL := .URL | absLangURL }}
-                {{ $active := eq $childURL $pageURL }}
                 <li class="nav-dropdown-item">
-                  <a
-                    class="nav-dropdown-link {{ if $active }}
-                      active
-                    {{- end -}}"
-                    {{ if findRE `^http` .URL }}
-                      target="_blank" rel="noopener"
-                    {{ end }}
-                    href="{{- if findRE `^#` .URL -}}
-                      {{- if not $.IsHome -}}
-                        {{- site.Home.RelPermalink -}}
-                      {{- end }}
-                      {{- .URL -}}
-                    {{- else -}}
-                      {{- .URL | relLangURL -}}
-                    {{- end -}}">
+                  <a class="nav-dropdown-link {{ if eq (.URL | absLangURL) $pageURL }}active{{ end }}" href="{{ .URL | relLangURL }}">
                     {{ .Name }}
                   </a>
                 </li>
               {{ end }}
             </ul>
-          </li>
-        {{ else }}
-          <li class="nav-item">
-            <a
-              class="nav-link {{ if $active }}active{{- end -}}"
-              {{ if findRE `^http` .URL }}
-                target="_blank" rel="noopener"
-              {{ end }}
-              href="{{- if findRE `^#` .URL -}}
-                {{- if not $.IsHome -}}
-                  {{- site.Home.RelPermalink -}}
-                {{- end }}{{- .URL -}}
-              {{- else -}}
-                {{- .URL | relLangURL -}}
-              {{- end -}}"
-              >{{ .Name }}</a
-            >
-          </li>
-        {{ end }}
-      {{ end }}
-      {{ if site.Params.navigation_button.enable }}
-        <li class="mt-4 inline-block lg:hidden">
-          <a
-            class="btn btn-outline-primary btn-sm"
-            href="{{ site.Params.navigation_button.link | relLangURL }}">
-            {{ site.Params.navigation_button.label }}
-          </a>
+          {{ end }}
         </li>
       {{ end }}
     </ul>
-
     <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
       {{ with site.Params.search }}
         {{ if .enable }}

themes/hugoplate/layouts/shortcodes/card.html

@@ -1,5 +1,18 @@
-<div class="relative flex flex-col h-full mt-6 text-gray-700 bg-white bg-clip-border rounded-xl shadow-lg">
+<div class="relative flex flex-col h-full  mt-6 bg-clip-border rounded-xl shadow-lg  {{ with .Get "class" }}{{ . }}{{ else }}  text-gray-700 bg-white  {{ end }}">
 <div class="p-10 h-full">
 {{ .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 mt-6 {{ if isset .Params "center" }}items-center{{ end }}"> 
-{{ range split .Inner "..column.." }}
-{{ printf "<div class=\" markdown-inner items-center flex-1 px-4 \">"| safeHTML }}
-{{ .  | safeHTML }}
+<div class="md:flex {{ if isset .Params "center" }}items-center {{ end }}{{ with .Get "class" }} {{ . }} {{ else }}  mt-6 {{ end }}">
+{{ 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

@@ -1,5 +1,24 @@
 <section class="bg-cover items-center pt-32 pb-32 {{ with .Get "light-text" }}light-text {{ end }} {{ with .Get "classes" }} {{ . }} {{ end }}" style="{{ with .Get "fixed" }}background-attachment: fixed;{{ end }}{{ with .Get "background-image" }}background-image: url('{{ . }}');{{ else }} background-color:{{ .Get "background-color" | safeCSS }}{{ end }}">
+{{ with .Get "title" }}<h1 class="font-bold text-center text-white" style="font-family: 'MontserratVar' !important;font-weight: 700;text-shadow: 0px 0.5px 12px rgba(0, 0, 0, 0.9);">{{ . | markdownify }}</h1>{{ end }}
 <div class="container items-center py-20" style="{{ with .Get "background-color" }}background-color: {{ . | safeCSS }}{{ end }}" >    
 {{ .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 >}}
+*/}}