@leuffen/themejs1 6.0.2 → 6.0.4

package/_tpl/_root/docs/404.de.md

@@ -0,0 +1,19 @@
+---
+permalink: /404.html
+pid: 404
+lang: de
+order: 999
+published: true
+title: Fehler 404 - Seite nicht gefunden
+layout: article
+image: ""
+description: ""
+_schiller_instructions: ""
+---
+Die von Ihnen angeforderte Seite wurde nicht gefunden. Bitte überprüfen Sie die URL oder gehen Sie zurück zur [Startseite](/).
+{: .text-center}
+
+[<i class="bi bi-house-door-fill"></i> Zur Startseite](/){: .btn .btn-primary .btn-lg .mb-5}
+{: .text-center}
+
+<div style="margin-bottom:50vh"></div>

package/_tpl/_root/docs/_data/general.yml

@@ -20,13 +20,14 @@ street: Ortsstr. 13
 zip: 72250
 city: Freudenstadt-Wittlensweiler
 
+
+
 termin_url: ~
 map_url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d286.188825789242!2d8.449496546318292!3d48.47202968557242!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479735c1aeacb92d%3A0x9eeaecce18dcfa29!2sOrtsstra%C3%9Fe%2013%2C%2072250%20Freudenstadt!5e0!3m2!1sde!2sde!4v1695118965248!5m2!1sde!2sde"
 map_link: "https://www.google.com/maps/place/Ortsstr.+13+%2C+72250+Freudenstadt-Wittlensweiler/@,"
 
 datenschutzbeauftragter: |
 bildnachweise: |
-    Bilder von Andreas Metz
     <br>Bilder von <a href="https://stock.adobe.com">Adobe Stock</a>
 # Telefonnummer wie sie angezeigt wird
 phone1_text: "(0 74 41) 81 605"

package/_tpl/legal/impressum.de.md

@@ -4,33 +4,35 @@ description: "Besuchen Sie Dr. Bassel Osman, Facharzt für Augenheilkunde in Wie
 lang: de
 layout: legal/impressum
 permalink: /impressum
-pid: pages/impressum
+pid: legal/impressum
 ptags:
 - footernav
 - mininav
 published: true
 title: Impressum
+_schiller_template: legal/impressum
+order: 0
+image: ""
+_schiller_instructions: Ändere die Zuständigen Stellen und Regelungen auf die in dem
+  Bundesland geltenden Stellen. Ändere die Links und Anschriften. Verändere nicht
+  die Stuktur der Überschriften. Wandle alles Links zu markdown-links um! Die Anschrift
+  und Überschrift "Impressum" nicht generieren. Diese werden automatisch erzeugt.
 ---
 ### Berufsbezeichnung
-Bassel Osman
-Facharzt für Augenheilkunde
-
-Rheinstr.59
-65185 Wiesbaden
+MD (Univ. Ningarhar) Fahim Azizi
+Facharzt für Innere Medizin und Kardiologie
 
 ### Rechtsform
 Einzelpraxis
 
 ### Gesetzliche Berufsbezeichnung:
-
-Karin Musterfrau
-Facharzt für Augenheilkunde
+MD (Doctor of Medicine) in Universität Ningarhar
+MBBS ( Bachelor of Medicine and Surgery )
 Erwerb der Approbation im Jahr 2014 in Dresden
-Facharztanerkennung für Augenheilkunde im Jahr 2021 in Hannover
+Facharztanerkennung für Innere Medizin und Kardiologie im Jahr 2021 in Hannover
 {: .address}
 
 ### Zuständige Kammer 
-
 Körperschaft des öffentlichen Rechts (KdöR)
 Hanauer Landstraße 15
 60314 Frankfurt am Main
@@ -40,7 +42,6 @@ https://www.laekh.de/
 {: .address}
 
 ### Zuständige Kassenärztliche Vereinigung
-
 Körperschaft des öffentlichen Rechts (KdöR)
 Europa-Allee 90
 60486 Frankfurt am Main
@@ -50,6 +51,7 @@ www.kvhessen.de
 {: .address}
 
 ### Berufsrechtliche Regelungen
+
 -https://www.gesetze-im-internet.de/b_o/BJNR018570961.html
 -https://www.sozialgesetzbuch-sgb.de/sgbv/1.html
 -https://www.gesetze-im-internet.de/heilprg/BJNR002510939.html
@@ -59,8 +61,5 @@ www.kvhessen.de
 - Heilberufegesetz 
 - Gebührenordnung für Ärzte (GOÄ)
 
-
-
-
 Patienten können die Regelungen auf folgender Internetseite einsehen:
 https://www.laekh.de/aerzte/berufsrecht/berufsordnung

package/_tpl/pages/index.de.md

@@ -5,10 +5,12 @@ lang: de
 layout: website
 permalink: /
 pid: pages/index
-ptags: []
+ptags: 
+  - nav
 published: true
 order: 1
 title: Titel - Beschreibung
+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."
 ---
 
@@ -26,12 +28,12 @@ _schiller_instructions: "Ändere die Texte und Bilder. Füge am Ende die CTA ein
 
 ### Aktuelles
 
-
+<liweco-news></liweco-news>
 
 ### Notfallbehandlung
 
-In unserer Augenpraxis bieten wir eine umfassende Diagnostik und Behandlung von Sehstörungen bei Kindern und Erwachsenen an.
-
+Bei akuten Notfällen: Telefon [112](tel:112).
+Ärztlicher Bereitschaftsdienst ab 18:00 Uhr und Wochenende/Feiertage: Telefon [116 117](tel:116117).
 
 ### Sprechstundenzeiten
 
@@ -90,9 +92,11 @@ Unsere Lasertherapie wird zur Behandlung von verschiedenen Augenerkrankungen ein
 ## Ein erfahrener Augenarzt für Ihre Gesundheit
 {: layout="use: #sec-card-2col"}
 
+> Ihr vertrauensvoller Ansprechpartner
+
 ![](cdn:///leu-stock/v/64/1920x1280_1200x800_992x661_768x512_480x320_256x256/AdobeStock_495434983.avif_jpeg)
 
-> Ihr vertrauensvoller Ansprechpartner
+
 
 Dr. Osman ist ein erfahrener Facharzt für Augenheilkunde und spezialisiert auf die Behandlung von Makuladegeneration und anderen Netzhauterkrankungen.
 

package/_tpl/pages/ueber-uns.de.md

@@ -19,9 +19,10 @@ type: article
 ## Ein kompetentes Team für Ihre Augengesundheit
 {: layout="use: #sec-card-2col"}
 
+> Ein Team mit Leidenschaft
+
 ![](https://cdn.leuffen.de//leu-stock/v2/60/418-279_gfedcba/AdobeStock_99592855.webp)
 
-> Ein Team mit Leidenschaft
 
 In unserer Praxis werden Sie von Augenarzt Bassel Osman behandelt. Er ist ein erfahrener Facharzt für Augenheilkunde. Unterstützt wird er durch ein intensiv geschultes und langjährig erfahrenes Team von medizinischen Fachangestellten, spezialisiert auf Makuladiagnostik und Lasertherapie. 
 

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

@@ -1,24 +1,28 @@
 ---
 description: ""
 icon: bi bi-phone
-image: https://cdn.leuffen.de//leu-stock/v2/59/72-35_gfedcba/calendar-flat-lay-dates-and-schedules-2022-11-08-05-25-21-utc.webp
+image: https://cdn.leuffen.de//leu-stock/v2/94/c_gfedcba/AdobeStock_102663778.webp
 lang: de
 layout: article
 order: 70
 permalink: /online-rezept
 pid: service/online-rezept
-ptags:
+ptags: ~
 published: true
 skipHead: false
 title: Online-Rezept
 type: article
+_schiller_template: service/online-rezept
+_schiller_instructions: ""
 ---
 ## Online Rezept
 {: layout="use: #sec-card-2col"}
 
+> Jetzt Wiederholungsrezept online anfragen
+
+
 ![](https://cdn.leuffen.de//leu-stock/v2/96/c_gfedcba/AdobeStock_249986710.webp)
 
-> Jetzt Wiederholungsrezept online anfragen
 
 Mit unserem Online-Rezeptformular können Sie bequem von zu Hause aus ein neues Rezept für Ihre Dauermedikation oder Folgerezepte anfordern.
  **Bestellungen vor 10:00 Uhr können am Folgetag abgeholt werden.**

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

@@ -0,0 +1,47 @@
+---
+description: ""
+icon: bi bi-phone
+image: https://cdn.leuffen.de//leu-stock/v2/69/131-86_gfedcba/AdobeStock_319898261.webp
+lang: de
+layout: article
+order: 71
+permalink: /online-ueberweisung
+pid: service/online-ueberweisung
+ptags: ~
+published: true
+skipHead: false
+title: Online-Überweisung
+type: article
+_schiller_template: service/online-rezept
+_schiller_instructions: ""
+---
+## Online Überweisung
+{: layout="use: #sec-card-2col"}
+
+> Jetzt Überweisung für Wiederholungstermin bestellen!
+
+![](https://cdn.leuffen.de//leu-stock/v2/96/c_gfedcba/AdobeStock_249986710.webp)
+
+Ganz einfach online eine Überweisung zu einem Facharzt bestellen! Bitte beachten Sie, dass dies nur für wiederkehrende Termine wie beispielsweise beim Diabetologen oder Kardiologen gilt und vorher mit einem Arzt abgeklärt werden muss.  
+**Bestellungen vor 10:00 Uhr können am Folgetag abgeholt werden.**
+
+
+
+---
+{: layout="use: #e-form" .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" .mb-3]
+[select name="Überweisung an" data-options="Gastroenterologie, Kardiologe, Dermatologe, Gefäßchirurg, Psychiater, Gastroenterologe, Urologe, HNO, Augenarzt, Neurologe, Orthopäde, Chirurg, Proktologe, Endokrinologe, Hämatologe/Onkologe, Angiologe, Diabetologe, Nephrologe, Pneumologe" 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]
+
+
+
+## Fragen? Wir sind für Sie da!
+{: layout="use: #cta-base"}
+
+[Kontakt](/kontakt)

package/_variables.scss

@@ -13,6 +13,12 @@ $danger:    #bf1c0a !default;
 $warning:   #bf760a !default;
 $dark:      #006837 !default;
 
+$soft-primary: lighten($primary, 40%) !default;
+$soft-success: lighten($success, 40%) !default;
+$soft-danger: lighten($danger, 50%) !default;
+$soft-warning: lighten($warning, 50%) !default;
+$soft-dark: lighten($dark, 40%) !default;
+
 $background: rgba(217, 217, 217, 0.24) !default;
 $background-primary:        #b7eaf9 !default;
 $background-accent:         #ddd    !default;

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

@@ -5,7 +5,7 @@ jodastyle_1.Joda.registerTemplate("hero-max",
 // language=HTML
 `
 
-        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :lg: desktop">
+        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :xxl: desktop">
             <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]]">

package/dist/sections/infobox/infobox.d.ts

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

package/dist/sections/infobox/infobox.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jodastyle_1 = require("@leuffen/jodastyle");
+jodastyle_1.Joda.registerTemplate("infobox", 
+// language=HTML
+`
+
+        <div class="tjs-infobox alert bg-soft-[[layout.type]] d-flex mb-3" tabindex="0">
+            <i style="width: 48px; height: 48px" class="text-[[layout.type]] me-3 bi [[layout.icon]] h1"></i>
+            <div>
+                <slot></slot>
+
+
+            </div>
+        </div>
+    `, {
+    type: "success", icon: "bi-info-circle-fill"
+});

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

@@ -7,7 +7,7 @@ jodastyle_1.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]]">
-                <div class="row [[layout.order === 'reverse' ? 'flex-row-reverse': '']] [[layout.mobile_reverse === 'yes' ? ':: flex-row-reverse :lg:': '']]">
+                <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>

package/dist/sections/sections.d.ts

@@ -11,3 +11,4 @@ import "./sec-card-feature/sec-card-feature";
 import "./hero-title-small/hero-title-small";
 import "./cta-form/cta-form";
 import "./image-gallery1/image-gallery1";
+import "./infobox/infobox";

package/dist/sections/sections.js

@@ -13,3 +13,4 @@ require("./sec-card-feature/sec-card-feature");
 require("./hero-title-small/hero-title-small");
 require("./cta-form/cta-form");
 require("./image-gallery1/image-gallery1");
+require("./infobox/infobox");

package/elements/_background-color.scss

@@ -0,0 +1,17 @@
+
+
+.bg-soft-primary {
+    background-color: $soft-primary !important;
+}
+.bg-soft-success {
+    background-color: $soft-success !important;
+}
+.bg-soft-danger {
+    background-color: $soft-danger !important;
+}
+.bg-soft-warning {
+    background-color: $soft-warning !important;
+}
+.bg-soft-dark {
+    background-color: $soft-dark !important;
+}

package/elements/_list-style.scss

@@ -0,0 +1,81 @@
+
+.list-check-circle, ul.list-check-circle {
+    padding-left: 1.25rem;
+
+    ul {
+        padding-left: 1.26rem;
+
+    }
+
+    li {
+        font-size: inherit;
+        line-height: inherit;
+        padding-left: 1rem;
+        list-style-type: none;
+        position: relative;
+
+        &:not(&:nth-last-child(1)) {
+            margin-bottom: 10px;
+        }
+
+        &:before {
+            content: " ";
+            display: block;
+            border: solid 12px $primary;
+            border-radius: 12px;
+            height: 0;
+            width: 0;
+            position: absolute;
+            left: -20px;
+            top: 40%;
+            margin-top: -9px;
+        }
+        &:after {
+            content: " ";
+            display: block;
+            width: 7px;
+            height: 14px;
+            border: solid #fff;
+            border-width: 0 0.2em 0.2em 0;
+            position: absolute;
+            left: -12px;
+            top: 40%;
+            margin-top: -5px;
+            transform: rotate(45deg);
+        }
+    }
+}
+
+.list-check, ul.list-check {
+    padding-left: 1.25rem;
+
+    ul {
+        padding-left: 1.26rem;
+
+    }
+
+    li {
+        font-size: inherit;
+        line-height: inherit;
+        padding-left: 1rem;
+        list-style-type: none;
+        position: relative;
+
+        &:not(&:nth-last-child(1)) {
+            margin-bottom: 10px;
+        }
+
+        &:before {
+            content: "";
+            position: absolute;
+            left: -12px;
+            top: 40%;
+            margin-top: -5px;
+            width: 7px;
+            height: 14px;
+            border: solid $primary;
+            border-width: 0 2px 2px 0;
+            transform: rotate(45deg);
+        }
+    }
+}

package/elements/elements.scss

@@ -1,2 +1,4 @@
 @import "liweco";
+@import "background-color";
+@import "list-style";
 @import "e-form/e-form";

package/late.scss

@@ -2,3 +2,4 @@
 @import "themes/_vendor/font-bootstrap-icons";
 @import "themes/_vendor/font-ubuntu";
 @import "themes/_vendor/font-garamond";
+@import "themes/_vendor/font-opensans-condensed";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leuffen/themejs1",
-  "version": "6.0.2",
+  "version": "6.0.4",
 
   "description": "",
   "license": "proprietary",
@@ -31,7 +31,7 @@
     "@kasimirjs/embed": "^1.0.8",
     "@leuffen/isl-base": "^2.0.6",
     "@leuffen/liscom": "^2.0.8",
-    "@leuffen/liscom-loader": "^1.0.5",
+    "@leuffen/liscom-loader": "^1.0.6",
     "@leuffen/liweco-base": "^2.0.2",
     "@micx/lib-js": "^1.0.22",
     "bootstrap": "^5.3.0"

package/sections/hero-max/hero-max.scss

@@ -10,6 +10,7 @@
         &>slot {
             display: block;
             position: relative;
+            min-height: 66vh;
             aspect-ratio: var(--layout-image-ratio, 5 / 4);
         }
         & > slot > img {
@@ -38,7 +39,7 @@
             }
 
         }
-
+        min-height: var(--layout-min-height, 400px);
         position: relative;
         &.tjs__hero-max--autoheight {
             height: calc(100vh - var(--t-fullsize-modifier, 200px));
@@ -85,6 +86,9 @@
         font-size: calc(1.5em + 1vw);
     }
 
+    .slideshow:empty {
+        display: none;
+    }
 
     h1.glow {
         color: white;
@@ -100,10 +104,11 @@
 
 
     .tjs__hero-max--section-text {
-        --joda-class: "col-12 col-lg-7";
     }
 
     .offsetmodifier {
         height: 100px;
     }
+
+
 }

package/sections/hero-max/hero-max.ts

@@ -5,7 +5,7 @@ Joda.registerTemplate("hero-max",
     // language=HTML
     `
 
-        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :lg: desktop">
+        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :xxl: desktop">
             <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]]">

package/sections/infobox/infobox.scss

@@ -0,0 +1,13 @@
+
+
+.tjs-infobox {
+
+
+
+    h3 {
+        margin-top: 1rem;
+    }
+
+}
+
+

package/sections/infobox/infobox.ts

@@ -0,0 +1,18 @@
+import {Joda} from "@leuffen/jodastyle";
+
+
+Joda.registerTemplate("infobox",
+    // language=HTML
+    `
+
+        <div class="tjs-infobox alert bg-soft-[[layout.type]] d-flex mb-3" tabindex="0">
+            <i style="width: 48px; height: 48px" class="text-[[layout.type]] me-3 bi [[layout.icon]] h1"></i>
+            <div>
+                <slot></slot>
+
+
+            </div>
+        </div>
+    `, {
+    type: "success", icon: "bi-info-circle-fill"
+    });

package/sections/sec-card-2col/sec-card-2col.scss

@@ -5,6 +5,11 @@
     background: var(--t-section-background);
 
 
+    .tjs__sec-card-2col--col-start > slot > .children > *:last-child {
+        margin-bottom: 0 !important;
+    }
+
+
     map.aside {
         --joda-class: "";
         display: block;
@@ -67,6 +72,12 @@
         padding: 0;
     }
 
+    h3 {
+        margin-top: 1.5rem;
+        font-size: 1.2em;
+        font-weight: 600;
+    }
+
 }
 
 .tjs__sec-card-2col.desktop:nth-of-type(odd) .row {

package/sections/sec-card-2col/sec-card-2col.ts

@@ -10,7 +10,7 @@ Joda.registerTemplate(
 
         <section class="tjs__sec-card-2col [[layout.class]] :: mobile :lg: desktop">
             <div class="tjs__sec-card-2col--container [[layout.container]]">
-                <div class="row [[layout.order === 'reverse' ? 'flex-row-reverse': '']] [[layout.mobile_reverse === 'yes' ? ':: flex-row-reverse :lg:': '']]">
+                <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>

package/sections/sections.scss

@@ -13,3 +13,4 @@
 @import "hero-title-small/hero-title-small";
 @import "cta-form/cta-form";
 @import "image-gallery1/image-gallery1";
+@import "infobox/infobox";

package/sections/sections.ts

@@ -12,3 +12,4 @@ import "./sec-card-feature/sec-card-feature";
 import "./hero-title-small/hero-title-small";
 import "./cta-form/cta-form";
 import "./image-gallery1/image-gallery1";
+import "./infobox/infobox";

package/themes/_vendor/font-opensans-condensed.scss

@@ -0,0 +1,30 @@
+@font-face {
+    font-family: "Open Sans Condensed";
+    src: url("https://cdn.leuffen.de/global/fonts/opensans/condensed/OpenSans_Condensed-Light.woff?v=1.101") format("woff");
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+
+}
+
+/* END Light */
+/* BEGIN Light Italic */
+@font-face {
+    font-family: "Open Sans Condensed";
+    src: url("https://cdn.leuffen.de/global/fonts/opensans/condensed/OpenSans_Condensed-LightItalic.woff?v=1.101") format("woff");
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+
+}
+
+/* END Light Italic */
+/* BEGIN Regular */
+@font-face {
+    font-family: "Open Sans Condensed";
+    src: url("https://cdn.leuffen.de/global/fonts/opensans/condensed/OpenSans_Condensed-Regular.woff?v=1.101") format("woff");
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+
+}