@leuffen/themejs1 7.0.2 → 8.0.2

package/_tpl/service/info-privatpraxis.de.md

@@ -0,0 +1,120 @@
+---
+_schiller_instructions: |-
+  Erstelle eine H2 Section für jeden Gliederungspunkt. Wähle
+  passende Bilder aus. Nutze H3 Elemente als Accordion für zusätzliche Texte. Behalte
+  die Struktur von H2 und H3 Elementen bei. Jede Section hat einen Titel (H2) und einen Kicker (Blockquote per >), der kurz den Titel beschreibt. The Title will be generated by CMS - do
+  not add a Title headline! Always and with a cta element! Orientiere dich bei der Texterstellung für alle Elemente an der Vorlage.
+_schiller_template: leistungen/hausarzt-vorsorge
+description: "Schützen Sie Ihre Gesundheit mit unseren Vorsorgeuntersuchungen \U0001FA7A.
+  Früherkennung ist der Schlüssel zur Prävention. Jetzt Termin vereinbaren! \U0001F4C5"
+image: ~
+keywords: ~
+lang: de
+layout: article
+order: 90
+permalink: /info-privatpraxis
+pid: service/info-privatpraxis
+ptags:
+- nav
+published: true
+skipHead: false
+body_class: ~
+title: Ablauf & Kosten
+type: article
+availLangs:
+- de
+---
+## PATIENT WERDEN
+{: layout="use: #sec-card-2col"}
+
+> Ihr Weg zur Behandlung
+
+Wir sind eine Privatpraxis. Auf dieser Seite finden Sie alle Informationen zum Ablauf und den Kosten der Behandlung.
+
+![](https://cdn.leuffen.de//leu-stock/v2/182/3-1_gfedcba/AdobeStock_208031909.webp)
+
+
+
+---
+{: layout="use: accordion()" class="mt-5"}
+
+### Schritt 1: Terminvereinbarung
+
+Wir sind eine reine Terminpraxis. Bitte kontaktieren Sie uns zuerst zur Terminvergabe vorzugsweise über unsere Online-Terminvereinbarung.
+
+[Zur Online Terminvereinbarung](/online-termin){: .btn .btn-primary .btn-lg .my-3}
+
+### Schritt 2: Erstgespräch
+
+Es findet ein kostenloses, unverbindliches Erstgespräch statt (ca. 10 min, nicht länger).
+In manchen Fällen reicht auch ein telefonisches Vorabgespräch.
+
+### Schritt 3: Bestätigung
+
+Wir entscheiden uns für eine Zusammenarbeit, vereinbaren einen Termin, ggf. gleich mehrere
+Termine. Dabei klären wir all Ihre Anliegen und legen gemeinsam einen Therapieplan fest.
+
+### Schritt 4: Behandlungsbeginn
+
+Bitte bringen Sie zur ausführlichen Erstanamnese all Ihre Unterlagen zu Ihrer Geschichte
+(Vorbefunde, Blutuntersuchungen, Bildgebung wie Röntgen, CT, MRT etc.)
+und den ausgefüllten Anamnesebogen mit.
+
+## Kosten
+{: layout="use: #sec-card-2col;mobile_reverse: yes"}
+
+> Die Kosten der Behandlung
+
+Alle Patienten erhalten nach erfolgter Behandlung eine Rechnung.
+
+Die Kosten der Rechnung basieren auf der Gebührenordnung für Ärzte (GoÄ).
+
+Die Zusammenstellung der Rechnung erfolgt dementsprechend nach den für Ärzte geltenden, gesetzlichen Vorgaben.
+Sinn des Gesetzgebers ist es, Ihre Gesundheit zu schützen. Deutschlandweit gelten einheitliche Honorare, Arzt und Patient müssen nicht miteinander verhandeln.
+
+
+
+---
+{: layout="use: accordion()" class="aside-content"}
+
+### 01 Gesetzlich Versicherte
+Für gesetzlich Versicherte (AOK, TK, Barmer-GEK, BKK, DAK o. a.) übernimmt die jeweilige Krankenkasse die meisten Kosten der Behandlung nicht. Die Kosten tragen Sie selbst, wie beispielsweise IGeL bei Ihrem Hausarzt, bei einem Osteopathen oder einer medizinischen Massagebehandlung.
+
+### 02 Privat Versicherte
+Privatversicherte können wie gewohnt die Rechnungen der Behandlungen einreichen. Informieren Sie sich bitte im Vorfeld, ob alle Kosten übernommen werden.
+
+### 03 Zusatzversicherung
+Patienten, die eine private Zusatzversicherung für Naturheilverfahren haben, erhalten ebenfalls eine Rechnung und können diese entsprechend einreichen. Viele unserer Therapien finden sich im Hufeland-Verzeichnis, nach welchem die Versicherungen abrechnen. Eine Zusatzversicherung können Sie jederzeit abschließen.
+
+
+## Kostenbeispiele
+{: layout="use: #sec-card-2col;mobile_reverse: yes"}
+
+Die Gesamtkosten setzen sich aus einzelnen Bausteinen zusammen, hier einige Beispiele:
+
+- Ausführliches Aufnahmegespräch, nach Aufwand: ab 75€
+- Kurze Beratung, persönlich oder telefonisch, nach Aufwand: ab 10€
+- Ausführliche Beratung, therapiebegleitend, nach Aufwand: ab 35€
+- Ermittlung Ganzkörperstatus: ca. 35€
+- Blutentnahme: ca. 5 €
+- Laboranalysen: ab 50€, je nach gemessenen Werten
+- IHHT, Sauerstofftherapie, 40 min: ab 60€
+- Akupunktur, nach Aufwand, pro Sitzung: ab 35€
+- Ernährungsberatung inkl. Material bis 115€
+- Infusionstherapie ab 10€ zzgl. Material
+- Gesprächstherapie, psychotherapeutisch, 50 min ab 45€
+
+---
+{: layout="use: accordion()" class=" aside-content"}
+
+### Beispiel 1: Sie haben akute oder chronische Schmerzen
+Wir beginnen mit einem ausführlichen Erstgespräch (nach Aufwand, 75-170€) und körperlichen Untersuchung (ca. 20€). Meistens empfehlen wir Ihnen erweiterte Laboranalysen (ab ca. 50€) daran schließen sich alle therapeutische Maßnahmen wie beispielsweise die Neuraltherapie oder Akupunktur (ab 35€ pro Sitzung), Infusionen (ab 10€ zzgl. Material) an.
+
+### Beispiel 2: Sie leiden an Ängsten oder Depressionen oder anderen psychischen Erkrankungen?
+Wir beginnen mit einem ausführlichen Erstgespräch (nach Aufwand, 75-170€) und ggf. körperlichen Untersuchung (ca. 20€), daran schließen sich meistens weitere therapeutische Gespräche (50 min, ab 45€). Meistens führen wir Diagnostiken durch wie Blutanalysen (ab ca. 50€) oder Analysen der Herzfrequenzvariabilität (ab 30€).
+
+
+## Erfahren Sie mehr über uns
+{: layout="use: #cta-base"}
+
+[Unsere Untersuchungen](/leistungen/untersuchungen.de.html) [Über Uns](/ueber-uns) [Kontakt](/kontakt)

package/_variables.scss

@@ -4,10 +4,14 @@
 /* always add !default to variables */
 
 
+
 //$font-family-base: Ubuntu-R,sans-serif;
 $font-family-base: sans-serif !default;
 $font-family-header: $font-family-base !default;
 
+$line-height-base: 1.5 !default;
+$line-height-header: 1.2 !default;
+
 //$enable-dark-mode: false !default;
 
 $accent:    #f19045 !default;
@@ -17,6 +21,8 @@ $danger:    #bf1c0a !default;
 $warning:   #bf760a !default;
 $dark:      #006837 !default;
 
+$breakpoint-mobile: 992px !default;
+
 $soft-accent: lighten($accent, 40%) !default;
 $soft-primary: lighten($primary, 40%) !default;
 $soft-success: lighten($success, 40%) !default;
@@ -31,10 +37,13 @@ $background-accent:         #ddd    !default;
 $content-offset-top:        100px !default;
 $content-height-adjustment: 200px !default;
 
+$font-size-root:            16px    !default;
 $font-size-base:            0.9rem  !default;
-$font-size-header:          1.8rem  !default;
+$font-size-header:          2.8rem  !default;
+$font-color-base:            #444    !default;
 
 $line-height-base:          1.2     !default;
+$line-height-header:        1.2     !default;
 $paragraph-margin-bottom:   1.5rem !default;
 
 $minibar-text-color:        black !default;
@@ -59,3 +68,42 @@ $header-text-transform: uppercase !default;
 $hero-fullsize-modifier: 200px !default;
 
 
+:root {
+    --t-soft-primary: #{$soft-primary};
+    --t-accent: #{$accent};
+    --t-primary: #{$primary};
+
+    --t-background: #{$background};
+    --t-background-primary: #{$background-primary};
+    --t-background-accent: #{$background-accent};
+
+    --t-font-family-base: #{$font-family-base};
+    --t-font-family-header: #{$font-family-header};
+
+    --t-font-color-base: #{$font-color-base};
+    --t-font-size-root: #{$font-size-root};
+    --t-font-size-base: #{$font-size-base};
+    --t-font-size-header: #{$font-size-header};
+    --t-font-size-h1: var(--t-font-size-header);
+    --t-font-size-h2: calc(var(--t-font-size-header) * 0.7);
+    --t-font-size-h3: calc(var(--t-font-size-header) * 0.6);
+    --t-font-size-h4: calc(var(--t-font-size-header) * 0.5);
+    --t-font-size-h5: calc(var(--t-font-size-header) * 0.4);
+
+    --t-paragraf-margin-bottom: #{$paragraph-margin-bottom};
+
+    --t-line-height-base: #{$line-height-base};
+    --t-line-height-header: #{$line-height-header};
+
+    // The Space between sections
+    --t-section-padding: 40px 0;
+    --t-section-inner-padding: 3rem;
+
+    --t-section-border-color: #{$section-border-color};
+    --t-section-border-radius: #{$section-border-radius};
+
+
+
+    --t-border-color: #{$border-color};
+
+}

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

@@ -3,7 +3,7 @@ Joda.registerTemplate("hero-slide",
 // language=HTML
 `
 
-        <article class="hero-slide :: mobile :xl: desktop">
+        <article class="hero-slide :: mobile :lg: desktop">
             <slot></slot>
         </article>
 

package/dist/sections/cta-base/cta-base.js

@@ -5,7 +5,7 @@ Joda.registerTemplate("cta-base",
 
         <section class="tjs__cta-base">
             <div class="[[layout.container]]">
-                <slot></slot>
+                <slot class="heading-style-default"></slot>
             </div>
         </section>
     `);

package/dist/sections/cta-form/cta-form.js

@@ -5,7 +5,7 @@ Joda.registerTemplate("cta-form",
         <section class="tjs__cta-form">
             <form  data-micx-formmail-preset="default" data-micx-formmail-sent-message="E-Mail erfolgreich gesendet!">
                 <div class="container">
-                    <slot data-select=":scope h2"></slot>
+                    <slot class="heading-style-default" data-select=":scope h2, :scope blockquote"></slot>
                 </div>
                 <div class="wrapper">
                     <div class="container">

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

@@ -3,11 +3,14 @@ Joda.registerTemplate("hero-max",
 // language=HTML
 `
 
-        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :xxl: desktop">
+        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :lg: desktop">
             <slot data-select="img.background, :scope>.content>p.background>img" class="slideshow"></slot>
+            <div class="x-overlay x-overlay1"></div>
+            <div class="x-overlay x-overlay2"></div>
+            <div class="x-overlay x-overlay3"></div>
             <div class="tjs__hero-max--out-wrapper ">
                 <div class="tjs__hero-max--container [[layout.container]] ">
-                    <slot class="content" data-select=".slide || :scope > * "></slot>
+                    <slot class="content heading-style-hero" data-select=".slide || :scope > * "></slot>
                 </div>
             </div>
         </section>

package/dist/sections/hero-title-small/hero-title-small.js

@@ -3,11 +3,11 @@ Joda.registerTemplate("hero-title-small",
 // language=HTML
 `
 
-    <div class="tjs__hero-title-small">
+    <section class="tjs-hero-title-small">
         <div class="imagewrapper">
             <slot class="image-slot" data-select="img, .top"></slot>
         </div>
 
         <slot></slot>
-    </div>
+    </section>
     `);

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

@@ -7,12 +7,12 @@ Joda.registerTemplate("sec-card-2col",
             <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]]">
+                    <div class="tjs__sec-card-2col--col-start heading-style-flex :: 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=".aside || img, .children > .section-hr.aside" [[layout.slideshow !== true ? 'data-limit="1"' : '' ]]></slot>
+                        <slot class="[[layout.slideshow === true ? 'slideshow' : '']]" data-select=".aside || .aside-content || img, .children > .section-hr.aside" [[layout.slideshow !== true ? 'data-limit="1"' : '' ]]></slot>
                     </div>
                 </div>
             </div>

package/dist/sections/sec-legal-content/sec-legal-content.js

@@ -3,7 +3,7 @@ Joda.registerTemplate("sec-legal-content",
 // language=HTML
 `
 
-        <section class="tjs__sec-legal-content :: mobile :lg:">
+        <section class="tjs-legal-content :: mobile :lg:">
             <div class="out-wrapper">
                 <div class="container p-0">
                     <div class="inner-wrapper :: p-4 :lg: p-5">

package/dist/sections/sec-multi-card/sec-multi-card.js

@@ -20,7 +20,7 @@ Joda.registerTemplate("sec-multi-card",
 `
 
         <section class="tjs__sec-multi-card">
-            <div class="container header" style="--joda-on-empty-class: d-none;">
+            <div class="container header heading-style-default" style="--joda-on-empty-class: d-none;">
                 <slot class="tjs__section-text" data-select=":scope > .content"></slot>
             </div>
             <div class="container">

package/dist/sections/sec-testimonial-ribbon/sec-testimonial-ribbon.js

@@ -3,21 +3,17 @@ Joda.registerTemplate("sec-testimonial-ribbon",
 // language=HTML
 `
 
-        <div class="tjs__sec-testimonial-ribbon :: mobile :lg:">
-            <div class="tjs__sec-testimonial-ribbon--wrapper">
-                <div class="tjs__sec-testimonial-ribbon--container [[layout.container]] :: :xl: mt-0">
-                    <div class="row">
-                        <div class="col-lg-3 image-round mx-auto ::  :xl: my-auto">
-                            <div class="ratio ratio-1x1">
-                                <slot data-select="img" data-replace=""></slot>
-                            </div>
+        <div class="tjs-testimonial-ribbon :: mobile :lg:">
+            <div class="x--wrapper">
+                <div class="x--container [[layout.container]] :: :xl:">
 
+                    <div class="x--row">
+                        <div class="x--image">
+                            <slot class="" data-select="img"></slot>
                         </div>
-                        <div class="col-lg-9 text-format :: :lg: my-auto">
-                            <slot></slot>
-                        </div>
 
-                    </div>
+                        <slot class="x--text"></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";
@@ -13,3 +14,4 @@ import "./hero-title-small/hero-title-small";
 import "./cta-form/cta-form";
 import "./image-gallery1/image-gallery1";
 import "./infobox/infobox";
+import "./subheader/subheader";

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";
@@ -13,3 +14,4 @@ import "./hero-title-small/hero-title-small";
 import "./cta-form/cta-form";
 import "./image-gallery1/image-gallery1";
 import "./infobox/infobox";
+import "./subheader/subheader";

package/dist/sections/subheader/subheader.d.ts

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

package/dist/sections/subheader/subheader.js

@@ -0,0 +1,15 @@
+import { Joda } from "@leuffen/jodastyle";
+Joda.registerTemplate("subheader", 
+// language=HTML
+`
+
+        <div class="tjs-subheader">
+            <div class="x-wrapper [[layout.container]]">
+                <div class="x-inner">
+                    <slot></slot>
+                </div>
+            </div>
+        </div>
+    `, {
+    container: "container"
+});

package/elements/_background-color.scss

@@ -15,3 +15,7 @@
 .bg-soft-dark {
     background-color: $soft-dark !important;
 }
+
+.bg-accent {
+    background-color: $accent !important;
+}

package/elements/_image-list.scss

@@ -0,0 +1,39 @@
+
+
+ul.image-list {
+    --layout-columns: 3;
+    --layout-image-height: 64px;
+    --layout-min-width: 200px;
+
+    display: flex;
+    flex-direction: row;
+
+    flex-wrap: wrap;
+    padding-left: 0;
+
+    list-style: none;
+    &>li {
+        padding: 10px;
+        min-width: var(--layout-min-width);
+
+        flex: 1 1 calc(100% / var(--layout-columns));
+
+        // Center text vertically
+        display: flex;
+        align-items: center;
+        img {
+            height: var(--layout-image-height);
+            width: var(--layout-image-height);
+            border-radius: 100%;
+            padding: 4px;
+            border: 1px solid #ccc;
+            background-color: white;
+            object-fit: cover;
+            float: left;
+            margin-right: 10px;
+        }
+
+    }
+
+
+}

package/elements/elements.scss

@@ -5,3 +5,4 @@
 @import "hero-slide/hero-slide";
 @import "button-group/button-group";
 @import "text-format";
+@import "image-list";

package/elements/hero-slide/hero-slide.scss

@@ -6,7 +6,7 @@
     --layout-text-shadow: 0 0 2px rgba(255, 255, 255, 1);
     --layout-align-self: center;
     --layout-justify-self: center;
-    --layout-cols: 6;
+    --layout-cols: 12;
 
     --layout-y-adjust: 25%;
     --layout-x-adjust: 25%;
@@ -35,6 +35,10 @@
     }
     &.mobile {
         width: 100%;
+
+        .btn {
+            width: 100%;
+        }
     }
 
 

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

@@ -4,7 +4,7 @@ Joda.registerTemplate("hero-slide",
     // language=HTML
     `
 
-        <article class="hero-slide :: mobile :xl: desktop">
+        <article class="hero-slide :: mobile :lg: desktop">
             <slot></slot>
         </article>
 

package/font/cinzel-opensans.scss

@@ -3,7 +3,7 @@
 @import "../themes/_vendor/font-cinzel";
 
 $font-family-base: 'Open Sans', sans-serif;
-$font-size-base: 1rem !default;
+//$font-size-base: 1rem !default;
 
 $font-family-header: 'Cinzel', serif !default;
-$font-size-header: 1.8rem !default;
+//$font-size-header: 1.8rem !default;

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@leuffen/themejs1",
-  "version": "7.0.2",
-
+  "version": "8.0.2",
   "description": "",
   "license": "proprietary",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "exports": {
-     ".": [
+    ".": [
       "./dist/index.js",
-       "./index.ts",
+      "./index.ts",
       "./index.scss"
     ],
     "./index": [
@@ -18,9 +17,9 @@
       "./index.scss"
     ],
     "./embed": [
-        "./dist/embed.js",
-        "./embed.ts",
-        "./embed.scss"
+      "./dist/embed.js",
+      "./embed.ts",
+      "./embed.scss"
     ],
     "./index.dev": [
       "./dist/index.dev.js"
@@ -31,6 +30,7 @@
     "./theme1": [
       "./theme1.scss"
     ],
+    "./themes/": "./themes/",
     "./font/": "./font/"
   },
   "directories": {
@@ -47,32 +47,29 @@
     "/elements",
     "/sections",
     "/_tpl",
-    "*.scss"
+    "*.scss",
+    "*.json"
   ],
   "workspaces": [
     "workspaces/*"
   ],
   "author": "",
   "dependencies": {
-    "@leuffen/jodastyle": "^3.1.2",
     "@kasimirjs/embed": "^1.0.23",
+    "@kasimirjs/kit-bootstrap": "^1.0.4",
     "@leuffen/isl-base": "^3.0.7",
+    "@leuffen/jodastyle": "^3.1.2",
     "@leuffen/liscom": "^2.0.10",
-    "@leuffen/liscom-loader": "^1.0.9",
+    "@leuffen/liscom-loader": "^1.1.10",
     "@leuffen/liweco-base": "^2.0.3",
     "@micx/lib-js": "^1.0.22",
-    "bootstrap": "^5.3.0"
-
-
-
-  },
-  "devDependencies": {
-    "@kasimirjs/kit-bootstrap": "^1.0.4",
-    "markdown-it": "^13.0.1",
-    "markdown-it-attrs": "^4.1.6",
+    "@types/node": "^20.12.12",
+    "bootstrap": "^5.3.0",
     "css-loader": "^6.7.1",
     "dart-sass": "^1.25.0",
     "esbuild-loader": "^2.20.0",
+    "markdown-it": "^13.0.1",
+    "markdown-it-attrs": "^4.1.6",
     "mini-css-extract-plugin": "^2.6.1",
     "raw-loader": "^4.0.2",
     "sass": "^1.56.1",
@@ -86,5 +83,10 @@
     "make.mjs": "tsc -d",
     "build": "npm run make.mjs",
     "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "devDependencies": {
+    "ts-node": "^10.9.2",
+    "tsx": "^4.10.3",
+    "typescript": "^5.4.5"
   }
 }

package/sections/_defaults.scss

@@ -1,41 +1,12 @@
-:root {
-    --t-background: #{$background};
-    --t-background-footer: #{$background-footer};
-    --t-section-background: transparent;
-    --t-section-background-accent: #{$background-accent};
-    --t-section-background-primary: #{$soft-primary};
 
 
-    --t-font-family-base: #{$font-family-base};
-    --t-font-family-header: #{$font-family-header};
 
+section:last-child {
+    padding-bottom: 0;
+}
 
-
-    --t-section-border-color: #{$section-border-color};
-    --t-section-border-radius: #{$section-border-radius};
-
-    --t-text-background: #fff;
-    --t-text-color: #707070;
-    --t-text-background-light: var(--t-background);
-    --t-text-color-accent: var(--bs-gray-900);
-    --t-text-color-primary: var(--bs-primary);
-    --t-header-text-transform: #{$header-text-transform};
-
-    --t-border-color: #{$border-color};
-    --t-navbar-height: 88px;
-
-    /* What to substract from 100vh to start the next elemment after fullsize header */
-    --t-fullsize-modifier: #{$hero-fullsize-modifier};
-
-    --t-header-margin: 0 0 20px 0;
-    --t-paragraf-margin: 0 0 20px 0;
-
-    --t-section-padding: 40px 0;
-    --t-section-inner-padding: 3rem;
-
-    --t-accent: #{$accent};
-    --t-primary: #{$primary};
-    --t-soft-primary: #{$soft-primary};
-    --t-soft-accent: #{$soft-accent};
-
+div.content {
+    &>p:last-child {
+        margin-bottom: 0;
+    }
 }