j1-template 2021.1.4 → 2021.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/modules/connectors/ad/google-adsense.html +7 -15
  3. data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html +9 -5
  4. data/_includes/themes/j1/modules/navigator/generator.html +2 -2
  5. data/_layouts/default.html +4 -7
  6. data/assets/data/cookieconsent.html +249 -0
  7. data/assets/data/quicklinks.html +18 -16
  8. data/assets/themes/j1/adapter/js/{cookiebar.js → cookieConsent.js} +102 -54
  9. data/assets/themes/j1/adapter/js/j1.js +40 -15
  10. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +2 -2
  11. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +1 -1
  12. data/assets/themes/j1/core/js/template.js +3 -9
  13. data/assets/themes/j1/core/js/template.js.map +1 -1
  14. data/assets/themes/j1/core/js/template.min.js +3 -9
  15. data/assets/themes/j1/core/js/template.min.js.map +1 -1
  16. data/assets/themes/j1/modules/cookieConsent/LICENSE +21 -0
  17. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +286 -0
  18. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.min.js +28 -0
  19. data/assets/themes/j1/modules/iframeResizer/examples/frame.absolute.html +4 -2
  20. data/assets/themes/j1/modules/iframeResizer/examples/frame.content.html +4 -3
  21. data/assets/themes/j1/modules/iframeResizer/examples/frame.hover.html +4 -2
  22. data/assets/themes/j1/modules/iframeResizer/examples/frame.nested.html +4 -2
  23. data/assets/themes/j1/modules/iframeResizer/examples/frame.textarea.html +4 -2
  24. data/assets/themes/j1/modules/iframeResizer/examples/frame.tolerance.html +4 -2
  25. data/assets/themes/j1/modules/iframeResizer/examples/index.html +2 -0
  26. data/assets/themes/j1/modules/iframeResizer/examples/two.html +4 -2
  27. data/assets/themes/j1/modules/util/js/domready.js +146 -0
  28. data/assets/themes/j1/modules/util/js/gtag-opt-in.js +1 -0
  29. data/lib/j1/version.rb +3 -3
  30. data/lib/starter_web/Gemfile +1 -1
  31. data/lib/starter_web/_config.yml +2 -1
  32. data/lib/starter_web/_data/_defaults/resources.yml +11 -8
  33. data/lib/starter_web/_data/modules/{cookiebar.yml → cookieconsent.yml} +4 -4
  34. data/lib/starter_web/_data/modules/defaults/cookieconsent.yml +135 -0
  35. data/lib/starter_web/_data/pages/builder.yml +7 -7
  36. data/lib/starter_web/_data/private.yml +6 -6
  37. data/lib/starter_web/_data/resources.yml +9 -7
  38. data/lib/starter_web/_includes/attributes.asciidoc +10 -1
  39. data/lib/starter_web/_plugins/lunr_index.rb +1 -1
  40. data/lib/starter_web/assets/images/modules/attics/{cookies-1920x1200-bw.jpg → cookies-1920x1200.jpg} +0 -0
  41. data/lib/starter_web/assets/images/modules/attics/lianhao-1920x1280.jpg +0 -0
  42. data/lib/starter_web/collections/posts/public/featured/_posts/2020-01-01-about-cookies.adoc +2 -2
  43. data/lib/starter_web/package.json +1 -1
  44. data/lib/starter_web/pages/public/cookieConsent.adoc +93 -0
  45. data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +2 -1
  46. data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +104 -209
  47. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  48. data/lib/starter_web/utilsrv/package.json +1 -1
  49. metadata +14 -13
  50. data/_includes/themes/j1/modules/navigator/generator.org.html +0 -232
  51. data/assets/data/cookiebar.html +0 -288
  52. data/assets/data/footer.new.1.html +0 -256
  53. data/assets/data/footer.new.2.html +0 -256
  54. data/assets/data/footer.org.html +0 -249
  55. data/assets/themes/j1/adapter/js/j1.new.js +0 -1878
  56. data/assets/themes/j1/adapter/js/j1.org.js +0 -1874
  57. data/lib/starter_web/_data/modules/defaults/cookiebar.yml +0 -133
@@ -115,7 +115,7 @@ WARNING: Icon background-color: yellow
115
115
  .CAUTION block
116
116
  CAUTION: Icon background-color: red
117
117
 
118
-
118
+ /////
119
119
  == Q&A Blocks
120
120
 
121
121
  Q&A sections are used quite often to answer popular questions. To make
@@ -163,6 +163,7 @@ find the full color scheme for Material Design.
163
163
  For J1 Template, go for the {jekyll-one-core-doc-color-scheme}[Core documentation, window="blank"] section.
164
164
  You'll find the full color scheme for Material Design.
165
165
  ====
166
+ /////
166
167
 
167
168
  == Lightboxes
168
169
 
@@ -28,7 +28,7 @@ resource_options:
28
28
  padding_bottom: 50
29
29
  opacity: 0.5
30
30
  slides:
31
- - url: /assets/images/modules/attics/runner-1920x1200.jpg
31
+ - url: /assets/images/modules/attics/lianhao-1920x1280.jpg
32
32
  ---
33
33
 
34
34
  // Page Initializer
@@ -44,10 +44,13 @@ resource_options:
44
44
  // Attribute settings for section control
45
45
  //
46
46
  :cookies: true
47
- :revoke-cookie-consent: true
48
- :delete-cookies: true
49
- :content-permissions: true
50
- :server-logs: true
47
+ :cookie-consent: true
48
+ :logs-files: true
49
+ :google-analytics: true
50
+ :facebook: false
51
+ :twitter: false
52
+ :instagram: false
53
+ :youtube: true
51
54
 
52
55
  // Load Liquid procedures
53
56
  // -----------------------------------------------------------------------------
@@ -73,187 +76,72 @@ The operators of this website take the protection of your personal data extremel
73
76
  seriously. We treat your personal data as confidential and comply with the
74
77
  data protection legislation and this privacy policy.
75
78
 
76
- It is generally *not* possible to use our website without disclosing personal
77
- data. Personal data (for example page visits) is collected on our website.
78
- This is voluntary insofar as possible. This data is never disclosed to third
79
- parties without your express consent.
80
-
81
79
  ifeval::[{cookies} == true]
82
80
  == Cookies
83
81
 
84
- A cookie is a commonly used automated data collection method. Cookies are
85
- small text files placed on your computer or device by websites that you
86
- visit to make websites work or work more efficiently.
87
-
88
- We, may our partners, make use of cookies, web beacons, pixel tags, scripts,
89
- or other similar technologies on our websites to improve the browsing
90
- experience of our pages:
91
-
92
- * Tailor information presented to you based on your browsing preferences,
93
- such as language, user account data, selected content, and geographical
94
- region
95
-
96
- * Collect statistics regarding your website usage
97
-
98
- All personal data collected is stored in Cookies. We use different kinds
99
- of cookies. Cookies are classified by its *lifespan* and the *domain* to
100
- which it belongs.
101
-
102
- Session Cookie::
103
- Classified by *lifespan*. Necessary to provide you with services and
104
- features available through our websites for the time of your visit. If you
105
- leave our pages, these cookies are automatically deleted by your web browser.
106
- Without these cookies, services you may need cannot be provided.
107
-
108
- Persistent Cookie::
109
- Classified by *lifespan*. Necessary to provide you with services and
110
- features available through our websites if you return the site. Without
111
- these cookies, services cannot be provided.
112
-
113
- First-party Cookie::
114
- Classified by the *domain*. First-party Cookies are created by *this* site.
115
- We are using both types: Session Cookies *and* Persistent Cookies.
116
-
117
- Second-party Cookie::
118
- Classified by the *domain*. Used to integrate services from *other* sites
119
- like Github, Disqus, and others.
120
-
121
- [NOTE]
122
- ====
123
- If you do not wish to receive cookies, you may be able to refuse them by
124
- adjusting your browser settings to reject cookies. If you do so, we may *not*
125
- able to offer you *any* of our functionalities, services, or support.
126
- If you have previously visited our websites, you may also have to delete any
127
- existing cookies from your browser.
128
- ====
82
+ This website is using cookies and similar technologies that are required for
83
+ operation. You are free to decide to give, refuse or withdraw your consent by
84
+ clicking the `Settings` button in the privacy dialog. Subsequent changes are
85
+ possible at *any* time by clicking on the `cookie icon` in the *menu bar*.
86
+
87
+ *Extended* cookies are only used with your consent. Those additional cookies
88
+ are used to analyze the usage of this website. Analysis of the use of this
89
+ website help gives you a better user experience of the website to offer. More
90
+ information about what data is collected and how they may be passed on
91
+ to partners can be found in the privacy dialog by clicking on the
92
+ `Privacy Policy` button.
93
+
94
+
95
+ Necessary::
96
+ data is stored to run base services of this site. This website is based on
97
+ static content, and no database is used behind it. All information (data)
98
+ needed to control this site is stored in so-called *session cookies*. Session
99
+ cookies are automatically removed by your browser if you *close* all windows.
100
+
101
+ Analysis::
102
+ of the use of this website helps us to optimize your user experience of the
103
+ website. For analysis, Google Analytics (GA) is used. This website does *not*
104
+ transfer any *personal data* to GA. Implicit personal information, like IP
105
+ addresses, is *anonymized* to protect your privacy.
106
+
107
+ Personalization::
108
+ is used e.g. to collect user feedback or running advertising campaigns to
109
+ provide you a website free of charge. Partners like `Disqus` or `Google`
110
+ provide you excellent personalized services and enables us to finance the
111
+ costs for running this site.
129
112
  endif::[]
130
113
 
131
114
 
132
- ifeval::[{revoke-cookie-consent} == true]
133
- == Revoke Cookie Consent
115
+ ifeval::[{cookie-consent} == true]
116
+ == Cookie Consent
134
117
 
135
- If you do *not* wish to receive *cookies* anymore from *this site*, you can
136
- revoke the cookie consent you've given. Furthermore, you may be able to refuse
137
- them by adjusting your *browser* settings to *reject cookies*.
118
+ If you want to configure what *cookies* are used by *this site*, you can
119
+ adjust your consent settings on cookies you've already given. Furthermore,
120
+ you may be able to refuse them by adjusting your *browser* settings to
121
+ *reject cookies*. Please be carefull on changing your browser setting on
122
+ cookies. Reject on cookies may cause severe issues visiting websites that
123
+ depends on cookies like *this site*.
138
124
 
139
125
  CAUTION: Suppose you have previously visited our website — or any pages this
140
126
  session — and agreed on the use of cookies. In that case, you may also have
141
- to delete already-existing cookies by your browser to clear all cookies left.
127
+ to delete already-existing cookies by your browser to clear all unwanted
128
+ cookies left.
142
129
 
143
130
  ++++
144
- <div class="ml-0 mb-0">
145
- <button type="button" name="revokeCookieConsent" class="btn btn-primary btn-raised btn-flex mb-3" style="min-width: 25rem">
146
- <i class="toggle-button mdi mdi-toggle-switch-off mdi-lg mdi-md-bg-primary-50 mr-1"></i>
147
- Revoke Cookie Consent
148
- </button>
131
+ <div class="mt-4 mb-3">
132
+ <a href="javascript:j1.cookieConsent.showDialog()"
133
+ class="btn btn-primary btn-lg btn-block btn-raised btn-flex mb-3"
134
+ aria-label="Cookie Consent"
135
+ style="min-width: 25rem">
136
+ <i class="mdi mdi-cookie mdi-2x mr-2"></i>
137
+ Cookie Consent
138
+ </a>
149
139
  </div>
150
-
151
- <script>
152
- var logger = log4javascript.getLogger('page.privacy');
153
- var cookie_names = j1.getCookieNames();
154
- const cookie_consent_name = cookie_names.cookie_consent;
155
- const cookie_user_session_name = cookie_names.user_session;
156
- var user_state = j1.readCookie(cookie_user_session_name);
157
- var user_state_empty = {};
158
- var pageChanged;
159
-
160
- // ---------------------------------------------------------------------------
161
- // Initializer
162
- // ---------------------------------------------------------------------------
163
- $(document).ready(function() {
164
- if ( user_state.cookies_accepted == 'declined' ) {
165
- $('.toggle-button').toggleClass('mdi-toggle-switch-off mdi-toggle-switch');
166
- }
167
- });
168
-
169
- // ---------------------------------------------------------------------------
170
- // EventHandler
171
- // ---------------------------------------------------------------------------
172
- $('button[name="revokeCookieConsent"]').on('click', function (e) {
173
- if ( user_state.cookies_accepted === 'declined' ) {
174
- logger.debug('Cookie Consent already DECLINED. Click event ignored');
175
- return true;
176
- } else {
177
- logger.debug('Enter Cookie Consent REVOKE dialog');
178
- $('#cookieRevokeCentralDanger').modal('show');
179
- }
180
-
181
- /* Manage button click events from "Cookie Consent REVOKE" dialog */
182
- $('a.btn').click(function() {
183
- if (this.id === 'revokeCookies') {
184
- logger.debug('User clicked revokeCookiesButton');
185
- user_state.cookies_accepted = 'declined';
186
- j1.writeCookie({
187
- name: cookie_user_session_name,
188
- data: user_state
189
- });
190
-
191
- $('.toggle-button').toggleClass('mdi-toggle-switch-off mdi-toggle-switch');
192
-
193
- // Hide cookie icon
194
- $('#cookie-state').css('display', 'none');
195
- return true;
196
- }
197
- if (this.id === 'remainCookies') {
198
- logger.debug('User clicked remainCookiesButton');
199
- return true;
200
- }
201
- return true;
202
- });
203
- });
204
- </script>
205
140
  ++++
206
141
  endif::[]
207
142
 
208
- ifeval::[{delete-cookies} == true]
209
- == Delete cookies
210
-
211
- Suppose you have previously visited our website — or any pages this session —
212
- and agreed on the use of cookies. In that case, you may also have to delete
213
- already-existing cookies by your browser to clear all cookies left.
214
-
215
- By clicking the button below, all cookies related to *this* site will be
216
- deleted.
217
-
218
- ++++
219
- <div class="ml-0 mb-0">
220
- <button type="button" name="deleteCookies" class="btn btn-primary btn-raised btn-flex mb-3" style="min-width: 25rem">
221
- <i class="mdi mdi-cookie mdi-lg mdi-md-bg-primary-50 mr-1"></i>
222
- Delete Cookies
223
- </button>
224
- </div>
225
-
226
- <script>
227
- var logger = log4javascript.getLogger('page.privacy');
228
- var cookie_names = j1.getCookieNames();
229
-
230
- // ---------------------------------------------------------------------------
231
- // EventHandler
232
- // ---------------------------------------------------------------------------
233
- $('button[name="deleteCookies"]').on('click', function (e) {
234
- logger.debug('User clicked deleteCookiesButton');
235
-
236
- j1.removeCookie({
237
- name: cookie_names.user_session
238
- });
239
- j1.removeCookie({
240
- name: cookie_names.user_state
241
- });
242
- j1.removeCookie({
243
- name: cookie_names.app_session
244
- });
245
-
246
- logger.debug('cookies deleted: ' + cookie_names.user_session + ', ' + cookie_names.user_state);
247
- logger.debug('pass to (browser) default page');
248
- j1.goHome();
249
-
250
- });
251
- </script>
252
- ++++
253
- endif::[]
254
-
255
- ifeval::[{server-logs} == true]
256
- == Server log files
143
+ ifeval::[{logs-files} == true]
144
+ == Log files
257
145
 
258
146
  We gather certain information automatically by our webservers and store it in
259
147
  log files. This information may include Internet protocol (IP) addresses,
@@ -281,12 +169,13 @@ ifeval::[{google-analytics} == true]
281
169
  == Use of Google Analytics
282
170
 
283
171
  This website uses Google Analytics, a web analytics service provided by:
284
- Anbieter ist die:
285
172
 
286
- Google Inc.
287
- 1600 Amphitheatre Parkway Mountain View
288
- CA 94043
289
- USA
173
+ ----
174
+ Google Inc.
175
+ 1600 Amphitheatre Parkway Mountain View
176
+ CA 94043
177
+ USA
178
+ ----
290
179
 
291
180
  Google Analytics uses so called “cookies”, which are text files placed on
292
181
  your computer to help the website analyze how users use the site. The
@@ -311,9 +200,10 @@ to use the full functionality of this website. You can also avoid the
311
200
  recording of data referring to your use of the website generated by cookies
312
201
  (including your IP address) by Google as well as the processing of your
313
202
  data by Google by downloading and installing the browser plug-in available
314
- from the following link: http://tools.google.com/dlpage/gaoptout?hl=de
315
- endif::[]
203
+ from the following
204
+ link:{url-google--deactivate-ga-en}[Browser-Add-on Google Analytics, {browser-window--new}]
316
205
 
206
+ endif::[]
317
207
 
318
208
  ifeval::[{facebook} == true]
319
209
  == Use of Facebook Plug-ins
@@ -321,18 +211,16 @@ ifeval::[{facebook} == true]
321
211
  We have integrated plug-ins (Like-Button) by the social network *Facebook*,
322
212
  provided by:
323
213
 
324
- Facebook Inc.
325
- 1 Hacker Way
326
- Menlo Park
327
- California 94025
328
- USA
214
+ ----
215
+ Facebook Inc.
216
+ 1 Hacker Way
217
+ Menlo Park
218
+ California 94025
219
+ USA
220
+ ----
329
221
 
330
222
  into our website.
331
223
 
332
- You can identify these Facebook Plug ins by the Facebook logo or the "Like"
333
- button on our website. You can find an overview of the Facebook plug ins
334
- on: http://developers.facebook.com/docs/plug-ins/.
335
-
336
224
  When you visit our website, the plug-in will establish a direct connection
337
225
  between your browser and the Facebook server. Thereby Facebook will be informed
338
226
  about your visit on our website with your IP address. If you click the Facebook
@@ -343,23 +231,25 @@ associate your visit to our website with your user account.
343
231
  We would like to point out that, as the website provider, we possess no
344
232
  knowledge of the contents of the transmitted data or its use by Facebook. You
345
233
  can find further information on this topic in the Facebook privacy policy at
346
- http://de-de.facebook.com/policy.php. If you do not want Facebook to be able
347
- to associate your visit to our website with your Facebook user account,
348
- please log out of your Facebook account before visiting our website.
234
+ link:{url-facebook--privacy-policy-en}[Privacy Police, {browser-window--new}].
235
+ If you do not want Facebook to be able to associate your visit to our website
236
+ with your Facebook user account, please log out of your Facebook account
237
+ before visiting our website.
349
238
  endif::[]
350
239
 
351
-
352
240
  ifeval::[{twitter} == true]
353
241
  == Use of Twitter
354
242
 
355
243
  We have integrated functions by the service provider Twitter into our website.
356
244
  These functions are offered by:
357
245
 
358
- Twitter Inc.
359
- 1355 Market Street
360
- Suite 900, San Francisco
361
- CA 94103
362
- USA
246
+ ----
247
+ Twitter Inc.
248
+ 1355 Market Street
249
+ Suite 900, San Francisco
250
+ CA 94103
251
+ USA
252
+ ----
363
253
 
364
254
  When using Twitter and the "re-tweet" function, the websites you have visited
365
255
  will be linked to your Twitter account and made available to other users.
@@ -368,22 +258,25 @@ Data will also be transmitted to Twitter.
368
258
  We would like to point out that as provider of the website we possess no
369
259
  knowledge of the contents of the data transmitted or its use by Twitter.
370
260
  You can find further information on this topic in the Twitter privacy
371
- policy at http://twitter.com/privacy. You can change your Twitter privacy
372
- settings in your account settings at http://twitter.com/account/settings.
261
+ policy at link:{url-twitter--privacy-en}[Privacy Police, {browser-window--new}].
262
+ You can change your Twitter privacy
263
+ settings in your account settings at
264
+ link:{url-twitter--login}[Login, {browser-window--new}].
373
265
  endif::[]
374
266
 
375
-
376
267
  ifeval::[{instagram} == true]
377
268
  == Use of Instagram
378
269
 
379
270
  Auf unseren Seiten sind Funktionen des Dienstes Instagram eingebunden. Diese
380
271
  Funktionen werden angeboten durch die
381
272
 
273
+ ----
382
274
  Instagram Inc.
383
275
  1601 Willow Road
384
276
  Menlo Park
385
277
  CA 94025
386
278
  USA
279
+ ----
387
280
 
388
281
  integriert. Wenn Sie in Ihrem Instagram Account eingeloggt sind können Sie
389
282
  durch Anklicken des *Instagram Buttons* die Inhalte unserer Seiten mit
@@ -393,28 +286,30 @@ Anbieter der Seiten keine Kenntnis vom Inhalt der übermittelten Daten sowie
393
286
  deren Nutzung durch Instagram erhalten.
394
287
 
395
288
  Weitere Informationen hierzu finden Sie in der
396
- http://instagram.com/about/legal/privacy/[Datenschutzerklärung von Instagram, window="_blank"].
289
+ link:{url-instagram--privacy-policy}[Privacy Police Instagram, {browser-window--new}].
397
290
  endif::[]
398
291
 
399
292
  ifeval::[{youtube} == true]
400
293
  == Use of YouTube
401
294
 
402
- Unsere Webseite nutzt Plugins der von Google betriebenen Seite *YouTube*.
403
- Betreiber der Seiten ist die
295
+ We have integrated functions by the service provider *YouTube* into our
296
+ website on selected pages. These functions are offered by:
404
297
 
298
+ ----
405
299
  YouTube LLC,
406
300
  901 Cherry Ave San Bruno
407
301
  CA 94066
408
302
  USA
303
+ ----
409
304
 
410
- Wenn Sie eine unserer mit einem *YouTube Plugin* ausgestatteten Seiten
411
- besuchen, wird eine Verbindung zu den Servern von YouTube hergestellt. Dabei
412
- wird dem Youtube-Server mitgeteilt, welche unserer Seiten Sie besucht haben.
305
+ If you use one of our pages equipped with a *YouTube plugin* visit, a
306
+ connection to the YouTube servers is established. There the YouTube server
307
+ is informed which of our pages you have visited.
413
308
 
414
- Wenn Sie in Ihrem YouTube-Account eingeloggt sind ermöglichen Sie YouTube,
415
- Ihr Surfverhalten direkt Ihrem persönlichen Profil zuzuordnen. Dies können
416
- Sie verhindern, indem Sie sich aus Ihrem YouTube Account ausloggen.
309
+ If you are logged into your YouTube account, you enable YouTube to assign
310
+ your surfing behavior directly to your personal profile. You can prevent this
311
+ by logging out of your YouTube account.
417
312
 
418
- Weitere Informationen zum Umgang von Nutzerdaten finden Sie in der
419
- https://www.google.de/intl/de/policies/privacy[Datenschutzerklärung von YouTube, window="_blank"].
313
+ Further information on the handling of user data can be found in the
314
+ link:{url-google--privacy-policy-en}[Privacy Police Google/YouTube, {browser-window--new}].
420
315
  endif::[]
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": true,
3
3
  "name": "utls",
4
- "version": "2021.1.4",
4
+ "version": "2021.1.5",
5
5
  "description": "J1 Template Utility Server",
6
6
  "homepage": "https://jekyll.one",
7
7
  "author": {