@leuffen/themejs1 7.0.1 → 7.0.3

package/_tpl/_root/.kick.yml

@@ -11,6 +11,11 @@ command:
   jekyll: |
     jekyll serve -s /opt/docs -d /var/www/html --drafts --livereload --port 4000 --livereload-port 4100 --host 0.0.0.0
 
+
+  # Create a Backup to send to customer
+  export:
+      - "jekyll build -s /opt/docs -d /tmp/build && tar -cf /opt/backup_html.tar --transform 's,^,www/,' -C /tmp/build --exclude='./.*' . && tar -rf /opt/backup_html.tar --transform 's,^,source/,' -C /opt/docs --exclude='./.*' . && gzip /opt/backup_html.tar"
+
   dev:
     - killall jekyll ||  echo "no job"
     - killall webpack ||  echo "no job"

package/_tpl/_root/.schiller-context.txt

@@ -7,6 +7,10 @@ explizit vor Namen im Context genannt wurden.
 
 
 
+Gliederung der Leistungen: (Onkologie)
+- Diagnostik und Bewertung
+- Behandlung
+- Nachsorge und Support
 
 Gliederung für Leistungen: (Allgemeinmediziner)
 - Vorsorge
@@ -77,3 +81,15 @@ Für HNO-Ärzte:
 ![Untersuchung des Ohrs durch Arzt](https://cdn.leuffen.de//leu-stock/v2/145/c_gfedcba/AdobeStock_176115459.webp)
 ![Untersuchung der Nase durch Arzt](https://cdn.leuffen.de//leu-stock/v2/146/92-63_gfedcba/AdobeStock_10636763.webp)
 ![Symbolbild Frau seitlich mit Ohr und Wellen](https://cdn.leuffen.de//leu-stock/v2/137/211-98_gfedcba/AdobeStock_170518761.webp)
+
+Für Onkologen:
+![Ambulante Chemotherapie](https://cdn.leuffen.de//leu-stock/v2/168/c_gfedcba/AdobeStock_158928583.webp)
+![Untersuchung in der Radiologie](https://cdn.leuffen.de//leu-stock/v2/169/d_gfedcba/AdobeStock_236237534.webp)
+![Titelbild mit Schleife](https://cdn.leuffen.de//leu-stock/v2/170/17-7_gfedcba/AdobeStock_225991855.webp)
+![Patientin mit Kopftuch vor blauem Hintergrund](https://cdn.leuffen.de//leu-stock/v2/171/c_gfedcba/AdobeStock_432408903.webp)
+
+Für Hebammen und Frauenärzte:
+![Säugling in Windeln im Bett hell](https://cdn.leuffen.de//leu-stock/v2/175/c_gfedcba/AdobeStock_100664610.webp)
+![Schwangere Frauen im Kursraum](https://cdn.leuffen.de//leu-stock/v2/176/201-106_gfedcba/AdobeStock_616406996.webp)
+
+Nutze generische Bilder, wenn kein passendes Bild zum Inhalt vorliegt.

package/_tpl/_root/docs/_includes/el/address.html

@@ -2,7 +2,9 @@
 {%- if site.data.general.name2 != null -%}{{site.data.general.name2}}<br>{%- endif -%}
 {{ site.data.general.street }} <br>
 {{ site.data.general.zip }} {{ site.data.general.city }}<br><br>
+{%- if site.data.general.phone1_text != null -%}
 <span>{% include do/trans.html val="Telefon" %}:</span> <b><a href="tel:{{site.data.general.phone1}}" title="Telefon" class="text-decoration-none">{{site.data.general.phone1_text}}</a></b><br>
+{%- endif -%}
 {%- if site.data.general.fax1_text != null -%}
 <span>{% include do/trans.html val="Telefax" %}:</span> <b>{{site.data.general.fax1_text}}</b><br>
 {%- endif -%}

package/_tpl/_root/docs/_includes/el/lang-chooser-list.html

@@ -0,0 +1,24 @@
+<div class="" style="" id="langchooser">
+    {% for _lang in site.data.languages %}
+        {% assign _page = site.pages | where: "pid", page.pid | where: "lang", _lang.lang | first %}
+    <a class="flag {% if _page.lang == page.lang %}active{% endif %} {% if _page == null %}disabled{% endif %}" href="{{ site.baseurl }}{{ _page.url }}">
+        <img class="border border-dark" src="https://cdn.leuffen.de/global/flags/4x3/{{ _lang.flag }}.svg" alt="{{ _lang.name }}" width="21" height="16" style="">
+    </a>
+    {% endfor %}
+</div>
+<style>
+    #langchooser .flag {
+        margin: 0 10px;
+        padding: 2px;
+    }
+    #langchooser a.disabled {
+        pointer-events: none;
+    }
+
+    #langchooser img {
+        opacity: 0.5;
+    }
+    #langchooser .active img {
+        opacity: 1;
+    }
+</style>

package/_tpl/_root/docs/_includes/footer.md

@@ -1,5 +1,5 @@
 
-### Kontakt
+### {% include do/trans.html val="Kontakt" %}
 
 {% include el/address.html %}
 
@@ -9,7 +9,7 @@
 
 ### Links
 
-{% assign navi2 = site.pages | where: "lang", page.lang | where: "ptags", "footernav" | sort: "order" %}
+{% assign navi2 = site.pages | where: "lang", "de" | where: "ptags", "footernav" | sort: "order" %}
 {%- for it in navi2 -%}
 {%- assign title = it.short_title | default: it.title -%}
 - [{{title}}]({%- include do/link.html pid=it.pid -%})

package/_tpl/_root/docs/_layouts/0_blanc.html

@@ -85,14 +85,18 @@ layout: null
         {{ js | replace: "</script>", "<\/script>"}}
     </script>
 
-
+    {% comment %} ======== Liquid script for alternative language links ======= {% endcomment %}
+    {%- assign alt_lang_pages = site.pages | where: "pid", page.pid | where_exp: "item", "item.lang != page.lang" -%}
+    {%- for alt_page in alt_lang_pages -%}
+    <link rel="alternate" href="{{ alt_page.url | absolute_url }}" hreflang="{{ alt_page.lang }}" />
+    {% endfor %}
 
 
 </head>
 {{ content }}
 
-<script src="assets/dist/index.js" type="module" defer async></script>
-<link rel="preload" href="assets/dist/style_custom.css" as="style"  onload="this.onload=null;this.rel='stylesheet';">
-<link rel="preload" href="assets/dist/style.css" as="style" onload="this.onload=null;this.rel='stylesheet';this.nextElementSibling.rel='preload'">
-<link rel="" href="assets/dist/style_late.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<script src="assets/dist/index.js?{{ site.time | date: '%Y%m%d%H%M%S' }}" type="module" defer async></script>
+<link rel="preload" href="assets/dist/style_custom.css?{{ site.time | date: '%Y%m%d%H%M%S' }}" as="style"  onload="this.onload=null;this.rel='stylesheet';">
+<link rel="preload" href="assets/dist/style.css?{{ site.time | date: '%Y%m%d%H%M%S' }}" as="style" onload="this.onload=null;this.rel='stylesheet';this.nextElementSibling.rel='preload'">
+<link rel="" href="assets/dist/style_late.css?{{ site.time | date: '%Y%m%d%H%M%S' }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 </html>

package/_tpl/_root/docs/_layouts/3_1_navbar.html

@@ -7,7 +7,7 @@ layout: 2_script
 
     <div class="brand" style="margin-right: 20px;z-index: 0">
         <a href="/">
-            <img src="/assets/logo.webp" alt="{{ site.data.general.logoalt }}" height="64" class="p-1" style="float:left">
+            <img src="/assets/logo.webp" alt="{{ site.data.general.logoalt }}" height="64" class="p-1 loader-image" style="float:left">
             <div style="font-size: 1.1em;float:right" class="m-2 text-black">
                 <div style="font-size: 1.1em">{{ site.data.general.fachrichtung}}</div>
                 <div style="font-size: 1.6em">{{ site.data.general.logoalt }}</div>

package/_tpl/_root/docs/_layouts/legal/impressum.html

@@ -12,7 +12,7 @@ layout: legal
     {%- endif -%}
     {{site.data.general.street}}<br>
     {{site.data.general.zip}} {{site.data.general.city}}<br><br>
-    <span class="fw-bold">Konakt:</span><br>
+    <span class="fw-bold">Kontakt:</span><br>
     Telefon: <a href="tel:{{site.data.general.phone1}}">{{site.data.general.phone1_text}}</a><br>
     {% if site.data.general.fax1_text %}
     Telefax: {{site.data.general.fax1_text}}<br>

package/_tpl/_root/package.json

@@ -9,19 +9,8 @@
     ],
     "author": "",
     "dependencies": {
-        "@leuffen/themejs1": "^6.1.28"
+        "@leuffen/themejs1": "^7.0.1"
     },
     "devDependencies": {
-        "css-loader": "^6.7.1",
-        "dart-sass": "^1.25.0",
-        "esbuild-loader": "^2.20.0",
-        "mini-css-extract-plugin": "^2.6.1",
-        "raw-loader": "^4.0.2",
-        "sass": "^1.56.1",
-        "sass-loader": "^13.0.2",
-        "style-loader": "^3.3.1",
-        "webpack": "^5.75.0",
-        "webpack-cli": "^5.0.1",
-        "webpack-dev-server": "^4.11.1"
     }
 }

package/_tpl/_root/src/_variables.scss

@@ -1,4 +1,4 @@
 
 
-$accent: #9c8b58;
-$primary: #354b68;
+$accent: #b83e8a;
+$primary: #008ea5;

package/_tpl/pages/hausarzt-index-singleleistung.de.md

@@ -19,15 +19,23 @@ body_class: ~
 title: ~
 type: website
 ---
-# Willkommen in der Hausarztpraxis Graß
-{: layout="use: #hero-max; cols:7; class: box"}
+---
+{: layout="use: #hero-max;"}
 
 ![](https://cdn.leuffen.de//leu-stock/v2/32/304-205_gfedcba/AdobeStock_138200241.webp)
 {: .background}
 
-[[i class="bi bi-calendar-plus-fill fs-3"]<br>Jetzt Termin vereinbaren](/termin){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;;hyphens: none;" target="_blank"}
-[[i class="bi bi-card-heading fs-3"]<br>Rezept online anfragen](/online-rezept){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
-[[i class="bi bi-box-arrow-up-right fs-3"]<br>Überweisung an Facharzt](/online-ueberweisung){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
+# Augenarzt<br>Prof. Dr. Daniel Mustermann
+{: .section-h3 layout="use: #hero-slide; align-self: self-end; justify-self: left; x-adjust: 0%; y-adjust: 0% " .sec-box .sec-slide}
+
+---
+{: .section-h4 layout="use: #button-group"}
+[[i class="bi bi-house-add-fill fs-3"]<br>Jetzt als **neuer Patient** anmelden](/online-anmeldung){: .btn .btn-primary}
+[[i class="bi bi-calendar-plus-fill fs-3"]<br>Jetzt **Termin** vereinbaren](/termin){: .btn .btn-primary .text-center}
+
+[[i class="bi bi-card-heading fs-3"]<br>**Rezept** online anfragen](/online-rezept){: .btn .btn-primary .text-center }
+[[i class="bi bi-box-arrow-up-right fs-3"]<br>**Überweisung** an Facharzt](/online-ueberweisung){: .btn .btn-primary .text-center}
+[[i class="bi bi-camera-video-fill fs-3"]<br>**Videosprechstunde**](/online-videosprechstunde){: .btn .btn-primary .text-center}
 
 
 

package/_tpl/pages/hausarzt-index.de.md

@@ -16,13 +16,16 @@ body_class: ~
 title: ~
 type: website
 ---
-# Willkommen in der Hausarztpraxis Graß
-{: layout="use: #hero-max; cols:7; class: box"}
+---
+{: layout="use: #hero-max;"}
 
-![](https://cdn.leuffen.de//leu-stock/v2/63/c_gfedcba/AdobeStock_86161955.webp)
+![](https://cdn.leuffen.de//leu-stock/v2/32/304-205_gfedcba/AdobeStock_138200241.webp)
 {: .background}
 
-[[i class="bi bi-calendar-plus-fill fs-3"]<br>Jetzt Termin vereinbaren](/kontakt){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;;hyphens: none;"}
+# Augenarzt<br>Prof. Dr. Daniel Salchow
+{: .section-h3 layout="use: #hero-slide; align-self: self-end; justify-self: left; x-adjust: 0%; y-adjust: 0% " .sec-box .sec-slide}
+
+[[i class="bi bi-calendar-plus-fill fs-3"]<br>Jetzt Termin vereinbaren](/termin){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;;hyphens: none;" target="_blank"}
 [[i class="bi bi-card-heading fs-3"]<br>Rezept online anfragen](/online-rezept){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
 [[i class="bi bi-box-arrow-up-right fs-3"]<br>Überweisung an Facharzt](/online-ueberweisung){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
 

package/_tpl/pages/index-singlepage-frauenarzt.de.md

@@ -18,13 +18,19 @@ _schiller_instructions: Ändere die Texte und Bilder. Füge am Ende die CTA ein.
 _schiller_template: pages/index
 image: ""
 ---
-# Willkommen bei Ihrer Frauenarztpraxis Antje-Christina Permien
-{: layout="use: #hero-max; cols:7; class: box"}
+---
+{: layout="use: #hero-max;"}
 
-![Antje Christina Permien](https://cdn.leuffen.de//leu-stock/v2/32/304-205_gfedcba/AdobeStock_138200241.webp)
+![](https://cdn.leuffen.de//leu-stock/v2/32/304-205_gfedcba/AdobeStock_138200241.webp)
 {: .background}
 
-[Jetzt Termin online vereinbaren](/kontakt){: .btn .btn-primary .btn-lg}
+# Augenarzt<br>Prof. Dr. Daniel Salchow
+{: .section-h3 layout="use: #hero-slide; align-self: self-end; justify-self: left; x-adjust: 0%; y-adjust: 0% " .sec-box .sec-slide}
+
+[[i class="bi bi-calendar-plus-fill fs-3"]<br>Jetzt Termin vereinbaren](/termin){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;;hyphens: none;" target="_blank"}
+[[i class="bi bi-card-heading fs-3"]<br>Rezept online anfragen](/online-rezept){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
+[[i class="bi bi-box-arrow-up-right fs-3"]<br>Überweisung an Facharzt](/online-ueberweisung){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
+
 
 
 ## Headerbar

package/_tpl/pages/index.de.md

@@ -15,18 +15,22 @@ short_title: Home
 _schiller_instructions: "Ändere die Texte und Bilder. Füge am Ende die CTA ein. Gehe auf die im Context genannten Informationen ein. Entferne Links zu nicht vorhandenen Seiten."
 ---
 
-# Willkommen bei Ihrer <br>Augenpraxis B. Mustermann
-{: layout="use: #hero-max; cols:7; class: box"}
+---
+{: layout="use: #hero-max;"}
 
-![](cdn:///leu-stock/v/26/1920x1280_1200x800_992x661_768x512_480x320_256x256/AdobeStock_114414482.avif_jpeg)
+![](https://cdn.leuffen.de//leu-stock/v2/32/304-205_gfedcba/AdobeStock_138200241.webp)
 {: .background}
 
-[[i class="bi bi-calendar-plus-fill fs-3"]<br>Jetzt Termin vereinbaren](/kontakt){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;;hyphens: none;"}
+# Augenarzt<br>Prof. Dr. Daniel Salchow
+{: .section-h3 layout="use: #hero-slide; align-self: self-end; justify-self: left; x-adjust: 0%; y-adjust: 0% " .sec-box .sec-slide}
+
+[[i class="bi bi-calendar-plus-fill fs-3"]<br>Jetzt Termin vereinbaren](/termin){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;;hyphens: none;" target="_blank"}
 [[i class="bi bi-card-heading fs-3"]<br>Rezept online anfragen](/online-rezept){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
 [[i class="bi bi-box-arrow-up-right fs-3"]<br>Überweisung an Facharzt](/online-ueberweisung){: .btn .btn-primary .text-center .btn-lg .m-1 style="width:30%;min-width: 100px;hyphens: none;"}
 
 
 
+
 ## Headerbar
 {: layout="use: #hero-ribbon"}
 

package/_tpl/service/online-anmeldung.de.md

@@ -0,0 +1,49 @@
+---
+description: ""
+icon: bi bi-phone
+image: ~
+lang: de
+layout: article
+order: 71
+permalink: /online-anmeldung
+pid: service/online-anmeldung
+ptags: ~
+published: true
+skipHead: false
+body_class: ~
+title: Online Anmeldung
+type: article
+_schiller_template: service/online-termin
+_schiller_instructions: ""
+---
+## Anmeldung für Patienten
+{: layout="use: #sec-card-2col"}
+
+> Jetzt als Patient anmelden
+
+
+Wir freuen uns sehr über Ihr Interesse an unserer Praxis. Da wir noch dabei sind, die letzten Vorbereitungen für unsere Eröffnung zu treffen, bieten wir Ihnen die Möglichkeit, sich vorab zu registrieren. Sobald unsere Praxis eröffnet ist, werden wir uns umgehend bei Ihnen melden, um einen Termin zu vereinbaren.
+
+Bitte füllen Sie das untenstehende Formular mit Ihren persönlichen Daten aus. Ihre Daten werden selbstverständlich vertraulich behandelt und nur für interne Zwecke verwendet.
+
+
+---
+{: layout="use: #e-form" .aside .mt-5}
+
+
+[input type="text"  name="Name*" required .mb-3]
+[input type="date" name="Geburtsdatum*" required .mb-3]
+[input type="email" name="E-Mail*" required .mb-3]
+[input type="tel" name="Telefon*" required .mb-3]
+[input type="text" name="Krankenkasse (optional)"  .mb-3]
+[input type="text" name="Versicherungsnummer (optional)"  .mb-3]
+[textarea name="Ihre Nachricht (optional)" .mb-3 style="height: 120px;"]
+[input type="checkbox" name="Datenschutz" label="Ich akzeptiere die Datenschutzbestimmungen" required .mb-3]
+[input type="submit" value="Absenden" .btn .btn-primary .btn-lg .mt-3]
+
+
+
+## Erfahren Sie mehr über uns
+{: layout="use: #cta-base"}
+
+[Unsere Untersuchungen](/leistungen/untersuchungen.de.html) [Über Uns](/ueber-uns) [Kontakt](/kontakt)

package/_tpl/service/online-videosprechstunde.de.md

@@ -0,0 +1,55 @@
+---
+description: ""
+icon: bi bi-phone
+image: ~
+lang: de
+layout: article
+order: 71
+permalink: /online-videosprechstunde
+pid: service/online-videosprechstunde
+ptags: ~
+published: true
+skipHead: false
+body_class: ~
+title: Videosprechstunde
+type: article
+_schiller_template: service/online-videosprechstunde
+_schiller_instructions: ""
+---
+## Videosprechstunde
+{: layout="use: #sec-card-2col; mobile_reverse: yes "}
+
+> Bequem von zu Hause aus mit Ihrem Arzt sprechen!
+
+**Die Videosprechstunde ist nur für Patienten verfügbar, die bereits in unserer Praxis bekannt sind.**
+
+So funktioniert's:
+
+1. **Terminvereinbarung:** Nutzen Sie das nebenstehende Formular, um einen Termin für Ihre Videosprechstunde zu vereinbaren. Wählen Sie einfach das Datum und die Uhrzeit, die Ihnen am besten passen.
+2. **Bestätigung & Link:** Nach der Terminvereinbarung erhalten Sie eine Bestätigungs-E-Mail mit allen notwendigen Details sowie einem Link zur Videosprechstunde. Bitte bewahren Sie diese E-Mail sicher auf, da Sie den Link zum vereinbarten Termin benötigen.
+3. **Technische Vorbereitung:** Sollten Sie Fragen zur technischen Einrichtung haben oder Unterstützung benötigen, steht Ihnen unser Team gerne zur Verfügung. Klicken Sie einfach auf den untenstehenden Button, um zu unserem technischen Anbieter weitergeleitet zu werden, der Ihnen alle notwendigen Informationen zur Einrichtung und Nutzung des Videoanruf-Systems bereitstellt.
+4. **Ihre Sprechstunde:** Zum Zeitpunkt Ihrer Sprechstunde klicken Sie einfach auf den Link in Ihrer E-Mail, um Ihren Arzt virtuell zu treffen. Stellen Sie sicher, dass Sie eine stabile Internetverbindung haben und sich in einer ruhigen Umgebung befinden.
+
+
+### Termin für Videosprechstunde vereinbaren
+{: .sec-aside}
+
+---
+{: layout="use: #e-form" .section-h4  .mt-5}
+
+
+[input type="hidden"  name="Terminart" value="Videosprechstunde" required .mb-3]
+[input type="text"  name="Name" required .mb-3]
+[input type="date" name="Geburtsdatum" required .mb-3]
+[input type="email" name="E-Mail" required .mb-3]
+[input type="tel" name="Telefon" required .mb-3]
+[textarea name="Ihre Nachricht (optional)" .mb-3 style="height: 120px;"]
+[input type="checkbox" name="Datenschutz" label="Ich akzeptiere die Datenschutzbestimmungen" required .mb-3]
+[input type="submit" value="Absenden" .btn .btn-primary .btn-lg .mt-3]
+
+
+
+## Erfahren Sie mehr über uns
+{: layout="use: #cta-base"}
+
+[Unsere Untersuchungen](/leistungen/untersuchungen.de.html) [Über Uns](/ueber-uns) [Kontakt](/kontakt)

package/_variables.scss

@@ -8,6 +8,8 @@
 $font-family-base: sans-serif !default;
 $font-family-header: $font-family-base !default;
 
+//$enable-dark-mode: false !default;
+
 $accent:    #f19045 !default;
 $primary:   #a3979b !default;
 $success:   #22b573 !default;
@@ -15,6 +17,7 @@ $danger:    #bf1c0a !default;
 $warning:   #bf760a !default;
 $dark:      #006837 !default;
 
+$soft-accent: lighten($accent, 40%) !default;
 $soft-primary: lighten($primary, 40%) !default;
 $soft-success: lighten($success, 40%) !default;
 $soft-danger: lighten($danger, 50%) !default;

package/dist/elements/button-group/button-group.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/elements/button-group/button-group.js

@@ -0,0 +1,8 @@
+import { Joda } from "@leuffen/jodastyle";
+Joda.registerTemplate("button-group", 
+// language=HTML
+`
+        <div class="tjs-button-group">
+            <slot></slot>
+        </div>
+    `);

package/dist/elements/elements.d.ts

@@ -1 +1,3 @@
 export * from "./e-form/e-form";
+export * from "./hero-slide/hero-slide";
+export * from "./button-group/button-group";

package/dist/elements/elements.js

@@ -1 +1,3 @@
 export * from "./e-form/e-form";
+export * from "./hero-slide/hero-slide";
+export * from "./button-group/button-group";

package/dist/elements/hero-slide/hero-slide.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/elements/hero-slide/hero-slide.js

@@ -0,0 +1,15 @@
+import { Joda } from "@leuffen/jodastyle";
+Joda.registerTemplate("hero-slide", 
+// language=HTML
+`
+
+        <article class="hero-slide :: mobile :xl: desktop">
+            <slot></slot>
+        </article>
+
+    `, {
+    cols: 6
+}, {
+    onAfterConnectedCallback: (el) => {
+    }
+});

package/dist/sections/hero-max/hero-max.js

@@ -7,18 +7,12 @@ Joda.registerTemplate("hero-max",
             <slot data-select="img.background, :scope>.content>p.background>img" class="slideshow"></slot>
             <div class="tjs__hero-max--out-wrapper ">
                 <div class="tjs__hero-max--container [[layout.container]] ">
-                    <div class="tjs__hero-max--inner-wrapper :: :xxl: col-[[layout.cols]]">
-                            <div class="tjs__hero-max--section-text">
-                                <slot></slot>
-                            </div>
-                        </div>
-                    </div>
+                    <slot class="content" data-select=".slide || :scope > * "></slot>
                 </div>
             </div>
         </section>
 
     `, {
-    cols: "6",
     'aspect-ratio': "5/4",
 }, {
     onAfterConnectedCallback: (el) => {

package/dist/sections/navbar-centerlogo/navbar-centerlogo.js

@@ -2,26 +2,31 @@
 import { Joda } from "@leuffen/jodastyle";
 const html = `
 
-    <nav class="navbar-centerlogo navbar :: mobile :xl:">
-        <div class="navbar__wrapper [[ layout.container ]]">
-            <slot class="" data-select="ul.navbar-top "></slot>
+    <nav class="navbar-centerlogo">
+        <div class="e--spacer"></div>
+        <div class="e--backdrop"></div>
+        <div class="navbar">
+            <div class="navbar__wrapper [[ layout.container ]]">
+                <slot class="" data-select="ul.navbar-top "></slot>
 
-            <slot class="navbar__logo" data-select="[[ layout.slot_logo_selector ]]"></slot>
+                <slot class="navbar__logo" data-select="[[ layout.slot_logo_selector ]]"></slot>
 
-            <div class="burger-menu" onclick="this.closest('nav').classList.toggle('sidebar')">
-                <div class="burger-menu__text">
-                    [[ layout.burger_text ]]
-                </div>
-                <div class="burger-menu__burger">
-                    <div></div>
-                    <div></div>
-                    <div></div>
+
+
+                <div class="burger-menu" onclick="this.closest('nav').classList.toggle('sidebar')">
+                    <div class="burger-menu__text">
+                        [[ layout.burger_text ]]
+                    </div>
+                    <div class="burger-menu__burger">
+                        <div></div>
+                        <div></div>
+                        <div></div>
+                    </div>
                 </div>
-            </div>
 
+            </div>
         </div>
 
-
         <aside>
             <div class="backdrop" onclick="this.closest('nav').classList.remove('sidebar')"></div>
             <div class="menu">
@@ -38,19 +43,35 @@ const html = `
 `;
 Joda.registerTemplate("navbar-centerlogo", html, {
     slot_logo_selector: ".brand",
-    burger_text: "Menu",
-    container: "container"
+    burger_text: "Menü",
+    container: "container",
+    scrollup_position: 100
 }, {
-    "onAfterConnectedCallback": (element) => {
+    "onAfterAllTemplatesConnectedCallback": (element) => {
+        // Query css variable --layout-scrollup from elment
         // If the page is scrolled down, the navbar should be sticky
         // Update this on scroll event
-        window.addEventListener("scroll", () => {
+        let lastY = 0;
+        let navbar = element.querySelector(".navbar");
+        let changer = () => {
             if (window.scrollY > 1) {
-                element.classList.add("scrolled");
+                navbar.classList.add("scrolled");
+                navbar.classList.remove("unscrolled");
+            }
+            else {
+                navbar.classList.remove("scrolled");
+                navbar.classList.add("unscrolled");
+            }
+            let isScrollingUp = window.scrollY < lastY;
+            lastY = window.scrollY;
+            if (window.scrollY > 250 && !isScrollingUp) {
+                navbar.classList.add("scrollup");
             }
             else {
-                element.classList.remove("scrolled");
+                navbar.classList.remove("scrollup");
             }
-        });
+        };
+        window.addEventListener("scroll", changer, { passive: true });
+        changer();
     }
 });

package/dist/sections/navbar-switch2/navbar-switch2.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/sections/navbar-switch2/navbar-switch2.js

@@ -0,0 +1,44 @@
+// language=HTML
+import { Joda } from "@leuffen/jodastyle";
+const html = `
+
+    <nav class="isl-navbar-switch2 :: mobile :xl:">
+
+        <div class="isl-navbar-switch2__top-bar container-xxl">
+            <slot data-select="ul.navbar-top"></slot>
+        </div>
+        <div class="isl-navbar-switch2__nav">
+            <div class="container-xl">
+                <div class="isl-navbar-switch2__nav--inner">
+                    <div class="isl-navbar-switch2__nav--logo">
+                        <slot data-select=".brand"></slot>
+                    </div>
+                    <div class="isl-navbar-switch2__nav--items :: d-none :xl: d-block">
+                        <slot data-select="ul.navbar-main" data-child-class="isl-navbar-switch2__nav--items-item"></slot>
+                    </div>
+                    <div class="isl-navbar-switch2__nav--mobile-menu :: :xl: d-none" >
+                        <div class="isl-navbar-switch2__nav--mobile-menu-selector" onclick="this.closest('nav').classList.toggle('sidebar')">
+                            <div></div>
+                            <div></div>
+                            <div></div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+        <aside>
+            <div class="backdrop" onclick="this.closest('nav').classList.remove('sidebar')"></div>
+            <div class="menu">
+                <div class="menu-header">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"  onclick="this.closest('nav').classList.remove('sidebar')">
+                        <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
+                    </svg>
+                </div>
+                <slot data-select="ul.navbar-main" data-copy="1" data-child-class="isl-navbar-switch2__nav--items-item"></slot>
+            </div>
+        </aside>
+    </nav>
+
+`;
+Joda.registerTemplate("navbar-switch2", html);

package/dist/sections/sec-card-2col/sec-card-2col.js

@@ -5,13 +5,14 @@ Joda.registerTemplate("sec-card-2col",
 
         <section class="tjs__sec-card-2col [[layout.class]] :: mobile :lg: desktop">
             <div class="tjs__sec-card-2col--container [[layout.container]]">
+                <slot class="title" data-select="img.title || .title > img"></slot>
                 <div class="row [[layout.order === 'reverse' ? 'flex-column-reverse': '']] [[layout.mobile_reverse === 'yes' ? ':: flex-column-reverse :lg:': '']]">
                     <div class="tjs__sec-card-2col--col-start tjs__section-text p-4 p-lg-5 :: col-12 :lg: col-[[layout.cols]]">
                         <slot></slot>
                     </div>
                     <div class="tjs__sec-card-2col--col-end image-side :: col-12 :lg: col-[[12 - layout.cols]] ">
 
-                        <slot class="[[layout.slideshow === true ? 'slideshow' : '']]" data-select="img, .children > .section-hr.aside, .aside" [[layout.slideshow !== true ? 'data-limit="1"' : '' ]]></slot>
+                        <slot class="[[layout.slideshow === true ? 'slideshow' : '']]" data-select=".aside || img, .children > .section-hr.aside" [[layout.slideshow !== true ? 'data-limit="1"' : '' ]]></slot>
                     </div>
                 </div>
             </div>

package/dist/sections/sections.d.ts

@@ -1,5 +1,6 @@
 import "./navbar-blox/navbar-blox";
 import "./navbar-centerlogo/navbar-centerlogo";
+import "./navbar-switch2/navbar-switch2";
 import "./sec-legal-content/sec-legal-content";
 import "./sec-testimonial-ribbon/sec-testimonial-ribbon";
 import "./sec-card-2col/sec-card-2col";

package/dist/sections/sections.js

@@ -1,5 +1,6 @@
 import "./navbar-blox/navbar-blox";
 import "./navbar-centerlogo/navbar-centerlogo";
+import "./navbar-switch2/navbar-switch2";
 import "./sec-legal-content/sec-legal-content";
 import "./sec-testimonial-ribbon/sec-testimonial-ribbon";
 import "./sec-card-2col/sec-card-2col";