@leuffen/themejs1 5.0.8 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@ layout: null
6
6
  <head>
7
7
  <base href="{% if site.baseurl == "" or site.baseurl == null %}/{% else %}{{ site.baseurl }}{% endif %}">
8
8
 
9
- <meta name="google-site-verification" content="_KjVejDq0FutLH5_94v9Oq9nUIox549Ksb1LHjtUHXc" />
9
+ <meta name="google-site-verification" content="NN1A2XEV3PkleJTab6JgTUjJxadD8L_j1ZFHXf8D19Y" />
10
10
 
11
11
  <link rel="canonical" href="{{ site.data.general.site_base_url }}{{ page.url }}"/>
12
12
  <meta charset="utf-8">
@@ -77,12 +77,14 @@ layout: null
77
77
  {{ js | replace: "</script>", "<\/script>"}}
78
78
  </script>
79
79
 
80
- <script src="assets/dist/index.js" type="module" async></script>
81
- <link rel="preload" href="assets/dist/style_custom.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
82
- <link rel="preload" href="assets/dist/style.css" as="style" onload="this.onload=null;this.rel='stylesheet';this.nextElementSibling.rel='preload'">
83
- <link rel="" href="assets/dist/style_late.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
80
+
84
81
 
85
82
 
86
83
  </head>
87
84
  {{ content }}
85
+
86
+ <script src="assets/dist/index.js" type="module" defer async></script>
87
+ <link rel="preload" href="assets/dist/style_custom.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
88
+ <link rel="preload" href="assets/dist/style.css" as="style" onload="this.onload=null;this.rel='stylesheet';this.nextElementSibling.rel='preload'">
89
+ <link rel="" href="assets/dist/style_late.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
88
90
  </html>
@@ -7,7 +7,7 @@ layout: 0_blanc
7
7
  {{ content }}
8
8
 
9
9
  <!-- included from fragments.html -->
10
- {% include fragments.html %}
10
+
11
11
  </joda-content>
12
12
  </body>
13
13
 
@@ -7,9 +7,9 @@ layout: legal
7
7
 
8
8
  <p>
9
9
  <span class="fw-bold">{{ site.data.general.name}}</span><br>
10
- {% if site.data.general.name2 %}
10
+ {%- if site.data.general.name2 -%}
11
11
  {{site.data.general.name2}}<br>
12
- {% endif %}
12
+ {%- endif -%}
13
13
  {{site.data.general.street}}<br>
14
14
  {{site.data.general.zip}} {{site.data.general.city}}<br><br>
15
15
  <span class="fw-bold">Konakt:</span><br>
@@ -1,4 +1,2 @@
1
1
 
2
2
  import "@leuffen/themejs1/embed"
3
-
4
-
@@ -1,10 +0,0 @@
1
- @import "_variables";
2
- @import "bootstrap";
3
-
4
- /** Contains files that need to be loaded with style_custom.scss - e.g. bootstrap */
5
-
6
-
7
- nav {
8
- --height: 88px !important;
9
- //--layout-container: container-fluid !important;
10
- }
@@ -6,10 +6,13 @@ ptags:
6
6
  - footernav
7
7
  - mininav
8
8
  title: Datenschutz
9
- pid: pages/datenschutz
10
- description: "Wir nehmen den Schutz Ihrer persönlichen Daten ernst. \U0001F6E1️ Erfahren
11
- Sie mehr über unsere Datenschutzpraktiken und üben Sie Ihre Rechte aus. Klicken
12
- Sie jetzt!"
9
+ pid: legal/datenschutz
10
+ description: "\U0001F512 Ihre Privatsphäre ist uns wichtig! Erfahren Sie mehr über
11
+ unseren Datenschutz und wie wir Ihre Daten schützen. Vertraulichkeit garantiert.
12
+ \U0001F6E1️"
13
+ order: 0
14
+ image: ""
15
+ _schiller_instructions: ""
13
16
  ---
14
17
  Wir nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten
15
18
  vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
@@ -31,6 +34,7 @@ Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
31
34
 
32
35
 
33
36
  {{ site.data.general.name}}<br>
37
+ {%- if site.data.general.name2 != null -%}{{site.data.general.name2}}<br>{% endif %}
34
38
  {{site.data.general.street}}<br>
35
39
  {{site.data.general.zip}} {{site.data.general.city}}<br><br>
36
40
  Telefon: <a href="tel:{{site.data.general.phone1}}">{{site.data.general.phone1_text}}</a><br>
@@ -122,15 +126,15 @@ Die meisten der von uns verwendeten Cookies sind so genannte “Session-Cookies
122
126
  Besuchs automatisch gelöscht. Andere Cookies bleiben auf Ihrem Endgerät gespeichert bis Sie diese löschen.
123
127
  Diese Cookies ermöglichen es uns, Ihren Browser beim nächsten Besuch wiederzuerkennen.
124
128
 
125
- Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur
126
- im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische
127
- Löschen der Cookies beim Schließen des Browser aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität
129
+ Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur
130
+ im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische
131
+ Löschen der Cookies beim Schließen des Browser aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität
128
132
  dieser Website eingeschränkt sein.
129
133
 
130
- Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs oder zur Bereitstellung bestimmter, von Ihnen
131
- erwünschter Funktionen (z.B. Warenkorbfunktion) erforderlich sind, werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO
132
- gespeichert. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von Cookies zur technisch
133
- fehlerfreien und optimierten Bereitstellung seiner Dienste. Soweit andere Cookies (z.B. Cookies zur Analyse
134
+ Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs oder zur Bereitstellung bestimmter, von Ihnen
135
+ erwünschter Funktionen (z.B. Warenkorbfunktion) erforderlich sind, werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO
136
+ gespeichert. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von Cookies zur technisch
137
+ fehlerfreien und optimierten Bereitstellung seiner Dienste. Soweit andere Cookies (z.B. Cookies zur Analyse
134
138
  Ihres Surfverhaltens) gespeichert werden, werden diese in dieser Datenschutzerklärung gesondert behandelt.
135
139
 
136
140
 
@@ -202,34 +206,34 @@ Weitere Informationen zu Google reCAPTCHA sowie die Datenschutzerklärung von Go
202
206
 
203
207
  {% if site.data.general.tools.googlemaps %}
204
208
  ### Google Maps
205
-
206
- Diese Seite nutzt über eine API den Kartendienst Google Maps. Anbieter ist die Google Inc., 1600 Amphitheatre Parkway,
207
- Mountain View, CA 94043, USA.
208
209
 
209
- Zur Nutzung der Funktionen von Google Maps ist es notwendig, Ihre IP Adresse zu speichern. Diese Informationen werden
210
- in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Der Anbieter
211
- dieser Seite hat keinen Einfluss auf diese Datenübertragung.
210
+ Diese Seite nutzt über eine API den Kartendienst Google Maps. Anbieter ist die Google Inc., 1600 Amphitheatre Parkway,
211
+ Mountain View, CA 94043, USA.
212
212
 
213
- Die Nutzung von Google Maps erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote und an
214
- einer leichten Auffindbarkeit der von uns auf der Website angegebenen Orte. Dies stellt ein berechtigtes
215
- Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar.
213
+ Zur Nutzung der Funktionen von Google Maps ist es notwendig, Ihre IP Adresse zu speichern. Diese Informationen werden
214
+ in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Der Anbieter
215
+ dieser Seite hat keinen Einfluss auf diese Datenübertragung.
216
216
 
217
- Mehr Informationen zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von
217
+ Die Nutzung von Google Maps erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote und an
218
+ einer leichten Auffindbarkeit der von uns auf der Website angegebenen Orte. Dies stellt ein berechtigtes
219
+ Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar.
220
+
221
+ Mehr Informationen zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von
218
222
  Google: https://www.google.de/intl/de/policies/privacy/.
219
223
  {% endif %}
220
224
 
221
225
  {% if site.data.general.tools.jameda %}
222
226
  ### jameda-Plug-In
223
227
 
224
- Unsere Homepage nutzt Plug-Ins der jameda GmbH, St.-Cajetan-Straße 41, 81669 München. Wenn Sie eine unserer mit
225
- einem Jameda- Plug-Ins ausgestatteten Seiten besuchen, wird eine Verbindung zu den Servern von Jameda hergestellt.
226
- Dabei wird dem Jameda-Server mitgeteilt, welche unserer Seiten Sie besucht haben. Jameda erhebt Informationen über
227
- die Nutzung von HYPERLINK „https://www.arzt-datenschutz.de/www.jameda.de“ \t „_blank“ www.jameda.de von einzelnen
228
- Rechnern aus. Mit dem Sammeln solcher Informationen beabsichtigt Jameda sein Online-Angebot zu individualisieren.
229
- Wenn Sie mit dem Plug-In interagieren, zum Beispiel den „Empfehlen“-Button betätigen oder einen Kommentar abgeben,
230
- wird die entsprechende Information von Ihrem Browser direkt an Jameda übermittelt und dort gespeichert. Den Zweck und
231
- Umfang der jeweiligen Datenerhebung und Informationen zur weiteren Verarbeitung und Nutzung der Daten durch die Anbieter
232
- sowie Ihre diesbezüglichen Rechte und Einstellungsmöglichkeiten zum Schutz Ihrer Privatsphäre erfahren Sie auf den
228
+ Unsere Homepage nutzt Plug-Ins der jameda GmbH, St.-Cajetan-Straße 41, 81669 München. Wenn Sie eine unserer mit
229
+ einem Jameda- Plug-Ins ausgestatteten Seiten besuchen, wird eine Verbindung zu den Servern von Jameda hergestellt.
230
+ Dabei wird dem Jameda-Server mitgeteilt, welche unserer Seiten Sie besucht haben. Jameda erhebt Informationen über
231
+ die Nutzung von HYPERLINK „https://www.arzt-datenschutz.de/www.jameda.de“ \t „_blank“ www.jameda.de von einzelnen
232
+ Rechnern aus. Mit dem Sammeln solcher Informationen beabsichtigt Jameda sein Online-Angebot zu individualisieren.
233
+ Wenn Sie mit dem Plug-In interagieren, zum Beispiel den „Empfehlen“-Button betätigen oder einen Kommentar abgeben,
234
+ wird die entsprechende Information von Ihrem Browser direkt an Jameda übermittelt und dort gespeichert. Den Zweck und
235
+ Umfang der jeweiligen Datenerhebung und Informationen zur weiteren Verarbeitung und Nutzung der Daten durch die Anbieter
236
+ sowie Ihre diesbezüglichen Rechte und Einstellungsmöglichkeiten zum Schutz Ihrer Privatsphäre erfahren Sie auf den
233
237
  Seiten von Jameda in der Datenschutzerklärung unter: https://www.jameda.de/jameda/datenschutz.php
234
238
 
235
- {% endif %}
239
+ {% endif %}teilweise so genannte Cookies. Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren. Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen. Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert
@@ -18,7 +18,7 @@ type: article
18
18
  _schiller_instructions: ""
19
19
  ---
20
20
  ## Ihre Hausarztpraxis in Freudenstadt-Wittlensweiler
21
- {: layout="use: #sec-card-2col; mobile_reverse: no"}
21
+ {: layout="use: #sec-card-2col; class:text-first" }
22
22
 
23
23
 
24
24
  {% include el/address.html %}
package/_variables.scss CHANGED
@@ -43,3 +43,4 @@ $text-dark: #fff !default;
43
43
  $border-color: #999 !default;
44
44
 
45
45
  $header-text-transform: uppercase !default;
46
+ $hero-fullsize-modifier: 200px !default;
package/dist/embed.js CHANGED
@@ -1,4 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const liscom_loader_1 = require("@leuffen/liscom-loader");
4
+ const lib_js_1 = require("@micx/lib-js");
5
+ (new lib_js_1.MicxFormmailFacade).observe();
4
6
  (0, liscom_loader_1.initLoader)();
@@ -5,7 +5,7 @@ jodastyle_1.Joda.registerTemplate("sec-card-2col",
5
5
  // language=HTML
6
6
  `
7
7
 
8
- <section class="tjs__sec-card-2col :: mobile :lg: desktop">
8
+ <section class="tjs__sec-card-2col [[layout.class]] :: mobile :lg: desktop">
9
9
  <div class="tjs__sec-card-2col--container [[layout.container]]">
10
10
  <div class="row [[layout.order === 'reverse' ? 'flex-row-reverse': '']] [[layout.mobile_reverse === 'yes' ? ':: flex-row-reverse :lg:': '']]">
11
11
  <div class="tjs__sec-card-2col--col-start tjs__section-text p-4 p-lg-5 :: col-12 :lg: col-[[layout.cols]]">
@@ -7,10 +7,10 @@ jodastyle_1.Joda.registerTemplate("sec-multi-card__item",
7
7
  <div class="col tjs__sec-multi-card__item">
8
8
  <div class="wrapper">
9
9
 
10
- <slot class="tjs__sec-multi-card__item-img" data-select="img"></slot>
10
+ <slot class="tjs__sec-multi-card__item-img [[layout.img_class]]" data-select="img"></slot>
11
11
 
12
12
 
13
- <div class="tjs__sec-multi-card__item__body text-format">
13
+ <div class="tjs__sec-multi-card__item__body text-format ">
14
14
  <slot></slot>
15
15
  </div>
16
16
  </div>
package/embed.scss CHANGED
@@ -1,3 +1,15 @@
1
1
 
2
2
  @import "@leuffen/liscom-loader";
3
3
 
4
+ /*
5
+ .micx-image-loader {
6
+ filter: blur(20px);
7
+
8
+ &.loaded {
9
+ transition: filter 0.5s ease-in-out;
10
+ filter: blur(0px);
11
+ }
12
+ }
13
+ */
14
+
15
+
package/embed.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  import {initLoader} from "@leuffen/liscom-loader";
2
2
 
3
+ import {MicxFormmailFacade} from "@micx/lib-js";
4
+ (new MicxFormmailFacade).observe();
3
5
  initLoader()
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leuffen/themejs1",
3
- "version": "5.0.8",
3
+ "version": "6.0.1",
4
4
 
5
5
  "description": "",
6
6
  "license": "proprietary",
@@ -29,10 +29,11 @@
29
29
  "dependencies": {
30
30
  "@leuffen/jodastyle": "^3.0.4",
31
31
  "@kasimirjs/embed": "^1.0.8",
32
- "@leuffen/isl-base": "^2.0.2",
32
+ "@leuffen/isl-base": "^2.0.6",
33
33
  "@leuffen/liscom": "^2.0.8",
34
- "@leuffen/liscom-loader": "^1.0.1",
34
+ "@leuffen/liscom-loader": "^1.0.5",
35
35
  "@leuffen/liweco-base": "^2.0.2",
36
+ "@micx/lib-js": "^1.0.22",
36
37
  "bootstrap": "^5.3.0"
37
38
  },
38
39
  "devDependencies": {
@@ -19,7 +19,7 @@
19
19
  --t-navbar-height: 88px;
20
20
 
21
21
  /* What to substract from 100vh to start the next elemment after fullsize header */
22
- --t-fullsize-modifier: 150px;
22
+ --t-fullsize-modifier: #{$hero-fullsize-modifier};
23
23
 
24
24
  --t-header-margin: 0 0 20px 0;
25
25
  --t-paragraf-margin: 0 0 20px 0;
@@ -25,6 +25,12 @@
25
25
  }
26
26
 
27
27
 
28
+ &.mobile.text-first {
29
+ .row > .tjs__sec-card-2col--col-start {
30
+ order: 1;
31
+ }
32
+ }
33
+
28
34
  .row > .tjs__sec-card-2col--col-start {
29
35
  order: 99;
30
36
  }
@@ -8,7 +8,7 @@ Joda.registerTemplate(
8
8
  // language=HTML
9
9
  `
10
10
 
11
- <section class="tjs__sec-card-2col :: mobile :lg: desktop">
11
+ <section class="tjs__sec-card-2col [[layout.class]] :: mobile :lg: desktop">
12
12
  <div class="tjs__sec-card-2col--container [[layout.container]]">
13
13
  <div class="row [[layout.order === 'reverse' ? 'flex-row-reverse': '']] [[layout.mobile_reverse === 'yes' ? ':: flex-row-reverse :lg:': '']]">
14
14
  <div class="tjs__sec-card-2col--col-start tjs__section-text p-4 p-lg-5 :: col-12 :lg: col-[[layout.cols]]">
@@ -58,6 +58,10 @@
58
58
  .tjs__sec-multi-card__item__body {
59
59
  @extend .p-4;
60
60
  height: 100%;
61
+
62
+ .content > *:last-child {
63
+ margin-bottom: 0;
64
+ }
61
65
  }
62
66
  }
63
67
 
@@ -6,10 +6,10 @@ Joda.registerTemplate("sec-multi-card__item",
6
6
  <div class="col tjs__sec-multi-card__item">
7
7
  <div class="wrapper">
8
8
 
9
- <slot class="tjs__sec-multi-card__item-img" data-select="img"></slot>
9
+ <slot class="tjs__sec-multi-card__item-img [[layout.img_class]]" data-select="img"></slot>
10
10
 
11
11
 
12
- <div class="tjs__sec-multi-card__item__body text-format">
12
+ <div class="tjs__sec-multi-card__item__body text-format ">
13
13
  <slot></slot>
14
14
  </div>
15
15
  </div>
@@ -1,39 +0,0 @@
1
-
2
- <template id="sprechzeiten">
3
- <div class="row gx-5">
4
- <div class="col-12 col-lg-6">
5
- <slot></slot>
6
- </div>
7
- <article class="col-12 col-lg-6">
8
- <div class="sprechzeiten">
9
- <div class="row g-5">
10
- <div class="d-none d-xl-block col-12 col-xl-6 image">
11
- <slot data-select="img.sprechzeiten"></slot>
12
- </div>
13
- <div class="col-12 col-xl-6">
14
- <div class="card">
15
- <div class="row g-5">
16
- <div class="col-12 col-sm-6 col-lg-12">
17
- <h3>Unsere Sprechzeiten</h3>
18
- {% include el/openhours.html %}
19
- </div>
20
- <div class="col-12 col-sm-6 col-lg-12">
21
- <h3 class="">Sie finden uns in der</h3>
22
- <address>
23
- {{ site.data.general.street }}<br>
24
- {{ site.data.general.zip }} {{ site.data.general.city }}
25
- </address>
26
- <figure class="phone">
27
- <a href="tel:{{ site.data.general.phone1 }}" title="Telefon"><i class="bi bi-phone"></i> {{site.data.general.phone1_text}}</a>
28
- </figure>
29
- </div>
30
- </div>
31
-
32
-
33
- </div>
34
- </div>
35
- </div>
36
- </div>
37
- </article>
38
- </div>
39
- </template>
@@ -1,15 +0,0 @@
1
- <div id="glob-sprechzeiten" class="d-none">
2
-
3
- </div>
4
-
5
- <div id="glob-phone" class="d-none">
6
- <a href="tel:">{{ site.data.general.phone1 }}</a>
7
- </div>
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-