jekyll-lux-covid-theme 0.1.0 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d3427af69f295e117b0a221e84251bea470039b0991882c9919b343d6a9f791c
4
- data.tar.gz: 9c728d1e0058af873a055d42f14ae99c7f3bb2b9ffe0da7f55fdd193d362f23e
3
+ metadata.gz: 3a2065ac3f8a99e6b9b375f61d1433e76f4b5e6735e1e092cf35c3d367ba69c4
4
+ data.tar.gz: 7d9f2eb508d97687ba07000c166a9063fba2212853cc2cbeb93da302682bda11
5
5
  SHA512:
6
- metadata.gz: b72d3092d4ea672f84d3274f3e9cdb11a2a1e9ebb9496761912d7dbdb7e3cb99ef410aa5ac8cc9376decc4ae8aeb5a79bde072b6b54f9412e829ba856bafe660
7
- data.tar.gz: bbef7586f100c248297d32955b1b3c8aa4c33f4bf8d181fefdba00833c25c3093279cbc3fb174e871cc63dac32d48f55f7f50f2a6df558f0de5f43fee5e51b91
6
+ metadata.gz: 5e1ec7edaad8eddbb56c645a3022686e91a312affcc98fab27244acd41fc683b79c2b33d7bed13fa8251da7f324eadd1eeef341ec011790ffedd2cd544ffa531
7
+ data.tar.gz: 6bb92eb33278bcd345140268119101033efd58b8a4145783f42bf3e70844ee98104d392b0934dd306a562e8aadb8b8cf6d04856c0158fa9a18a7526d313d2850
@@ -32,7 +32,9 @@
32
32
  </ul>
33
33
  </div>
34
34
  </p>
35
-
35
+ {% if site.siteID > 0 %}
36
+ {%- include policy.html -%}
37
+ {% endif %}
36
38
  {%- include social.html -%}
37
39
  </div>
38
40
  </div>
@@ -41,4 +43,8 @@
41
43
  {%- comment -%}
42
44
  Placed in the bottom not to block loading of the other assets.
43
45
  {%- endcomment -%}
44
- <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap" rel="stylesheet">
46
+ <link href="{{ '/assets/css2.css' | relative_url }}" rel="stylesheet">
47
+
48
+ {% if site.siteID > 0 %}
49
+ {%- include gdpr-banner.html -%}
50
+ {% endif %}
@@ -0,0 +1,18 @@
1
+ <div id="lap-cookies-banner">
2
+ <div class="banner-intro">
3
+ <div class="close-button">
4
+ <a class="lap-refuse"><i class="fa fa-times" aria-hidden="true"></i></a>
5
+ </div>
6
+ <div class="banner-img">
7
+ <img src="{{ site.logo_policy }}" type="image/svg+xml" />
8
+ </div>
9
+ <div class="banner-title">{{ site.banner_title }}</div>
10
+ <div class="banner-text">{{ site.banner_text }}</div>
11
+ </div>
12
+
13
+ <div class="banner-buttons">
14
+ <a class="btn lap-accept">{{ site.banner_accept_text }}</a>
15
+ <a class="btn lap-refuse">{{ site.banner_refuse_text }}</a>
16
+ <a class="btn lap-cookies-more" href="{{ site.path_policy | relative_url }}">{{ site.banner_more_text }}</a>
17
+ </div>
18
+ </div>
@@ -16,6 +16,23 @@
16
16
  <meta name="msapplication-TileColor" content="#da532c">
17
17
  <meta name="msapplication-config" content="{{ '/assets/favicon/browserconfig.xml' | relative_url }}">
18
18
  <meta name="theme-color" content="#ffffff">
19
+ {% if site.siteID > 0 %}
20
+ <script>
21
+ const settings = {
22
+ expires: "{{ site.cookies_expire }}",
23
+ matomoURL: "{{ site.analyticsurl }}",
24
+ siteID: "{{ site.siteID }}",
25
+ accept_all_text: "{{ site.accept_all_text }}",
26
+ only_necessary_text: "{{ site.only_necessary_text }}",
27
+ cookieName: "{{ site.cookieName }}",
28
+ bots: /bot|crawler|spider|crawling/i,
29
+ timeout_hidebanner: "{{ site.timeout_hidebanner }}",
30
+ cookieDomain: "{{ site.cookieDomain }}",
31
+ }
32
+ </script>
33
+ <script src="https://analytics.lcsb.uni.lu/lap/static/js/jquery.min.js"></script>
34
+ <script src="https://analytics.lcsb.uni.lu/lap/static/js/lap.js"></script>
35
+ {%- endif -%}
19
36
 
20
37
  {%- include css-imports.html -%}
21
38
 
@@ -16,11 +16,11 @@
16
16
  type="image/svg+xml"
17
17
  /></a>
18
18
  <img class="img-banner img-banner-main"
19
- src="{{ '/assets/banners/' | relative_url }}{{ site.banner }}/banner.svg"
19
+ src="{{ '/assets/banners/' | relative_url }}{{ site.banner | default: 'fnr' }}/banner.svg"
20
20
  type="image/svg+xml"
21
21
  />
22
22
  <img class="img-banner img-banner-motto"
23
- src="{{ '/assets/banners/' | relative_url }}{{ site.banner }}/motto.svg"
23
+ src="{{ '/assets/banners/' | relative_url }}{{ site.banner | default: 'fnr' }}/motto.svg"
24
24
  type="image/svg+xml"
25
25
  />
26
26
  </div>
@@ -1,3 +0,0 @@
1
- <p>
2
- <a href="">Additional link</a>
3
- </p>
@@ -0,0 +1,4 @@
1
+ <p>
2
+ <a href="{{ site.path_policy | relative_url }}">Privacy Policy</a>
3
+ (<span id="gdpr-result-text"></span> - <a href="javascript: showBanner();">change</a>)
4
+ </p>
@@ -57,5 +57,6 @@ $footer-height: 50px;
57
57
  "minima/lcsb",
58
58
  "minima/boxes",
59
59
  "minima/search",
60
- "minima/footer"
60
+ "minima/footer",
61
+ "minima/gdpr"
61
62
  ;
@@ -41,7 +41,7 @@ body {
41
41
  -o-font-feature-settings: "kern" 1;
42
42
  font-feature-settings: "kern" 1;
43
43
  font-kerning: normal;
44
- background-color: #4fc3f20d;
44
+ background-color: #ffffff;
45
45
  }
46
46
 
47
47
 
@@ -0,0 +1,251 @@
1
+ #lap-cookies-banner {
2
+ position: fixed;
3
+ bottom: 0;
4
+ background-color: #fff;
5
+ padding-top: 1em;
6
+ padding-bottom: 1em;
7
+ z-index: 1000;
8
+ left: 0;
9
+ text-align: center;
10
+ border-top: 1px solid #198cdc;
11
+ width: 100%;
12
+ display: none;
13
+
14
+ /* hidden by default */
15
+ }
16
+
17
+ #lap-cookies-banner .banner-intro {
18
+ width: 40%;
19
+ position: relative;
20
+ left: 30%;
21
+ text-align: left;
22
+ }
23
+
24
+ #lap-cookies-banner .banner-img {
25
+ width: 50px;
26
+ position: absolute;
27
+ padding-top: 5px;
28
+ height: 50px;
29
+ }
30
+
31
+ #lap-cookies-banner .banner-title {
32
+ font-size: 120%;
33
+ font-weight: bold;
34
+ text-align: left;
35
+ padding-left: 60px;
36
+ }
37
+
38
+ #lap-cookies-banner .banner-text {
39
+ float: center;
40
+ min-height: 40px;
41
+ padding-left: 60px;
42
+ font-size: 80%;
43
+ text-align: left;
44
+ }
45
+
46
+ #lap-cookies-banner .banner-buttons {
47
+ float: center;
48
+ padding-top: 5px;
49
+ height: 20px;
50
+ margin-bottom: 10px;
51
+ }
52
+
53
+ #lap-cookies-banner .close-button {
54
+ position: absolute;
55
+ left: 100%;
56
+ }
57
+
58
+ #lap-cookies-banner .banner-buttons .lap-accept,
59
+ #lap-cookies-banner .banner-buttons .lap-refuse,
60
+ #lap-cookies-banner .banner-buttons .lap-cookies-more,
61
+ #lap-cookies-banner .banner-buttons .btn.active {
62
+ border: 1px solid #198cdc;
63
+ font-weight: bold;
64
+ background-color: #198cdc;
65
+ color: #ffffff !important;
66
+ box-sizing: border-box;
67
+ -moz-box-sizing: border-box;
68
+ -webkit-box-sizing: border-box;
69
+ }
70
+
71
+ #lap-cookies-banner .banner-buttons .lap-accept:hover,
72
+ #lap-cookies-banner .banner-buttons .lap-refuse:hover,
73
+ #lap-cookies-banner .banner-buttons .lap-cookies-more:hover,
74
+ #lap-cookies-banner .banner-buttons .btn.selected {
75
+ background: white;
76
+ color: #198cdc !important;
77
+ border: 1px solid #198cdc;
78
+ box-sizing: border-box;
79
+ -moz-box-sizing: border-box;
80
+ -webkit-box-sizing: border-box;
81
+ text-decoration: none;
82
+ }
83
+
84
+ #lap-cookies-banner .btn {
85
+ text-decoration: none;
86
+ display: inline-block;
87
+ margin-bottom: 0;
88
+ text-align: center;
89
+ vertical-align: middle;
90
+ touch-action: manipulation;
91
+ background-image: none;
92
+ white-space: nowrap;
93
+ padding: 3px 10px;
94
+ font-size: 9pt;
95
+ line-height: 20px;
96
+ -webkit-user-select: none;
97
+ -moz-user-select: none;
98
+ -ms-user-select: none;
99
+ user-select: none;
100
+ margin-right: 10px;
101
+ margin-bottom: 10px;
102
+ }
103
+
104
+ // Small component to show a Material Design style input toggle
105
+ // ref: https://codepen.io/FezVrasta/pen/yNRgrB - MIT licensed
106
+ $toggle-w: 32px;
107
+ $toggle-h: 14px;
108
+ $handle-size: 18px;
109
+ $unchecked-handle-bg: #F1F1F1;
110
+ $checked-handle-bg: #198cdc;
111
+ $disabled-handle-bg: #BDBDBD;
112
+ $unchecked-toggle-bg: #848484;
113
+ $checked-toggle-bg: desaturate(lighten($checked-handle-bg, 28%), 32%); // kind of magic recipe
114
+ $disabled-toggle-bg: #D5D5D5;
115
+ label.input-toggle {
116
+ line-height: 0;
117
+ font-size: 0;
118
+ display: inline-block;
119
+ margin: 0;
120
+ >span {
121
+ display: inline-block;
122
+ position: relative;
123
+ background-image: linear-gradient( to right, $unchecked-toggle-bg 0%, $unchecked-toggle-bg 50%, $checked-toggle-bg 50%, $checked-toggle-bg 100%);
124
+ background-size: $toggle-w*2 $toggle-h;
125
+ background-position: 0%;
126
+ border-radius: $toggle-w;
127
+ width: $toggle-w;
128
+ height: $toggle-h;
129
+ cursor: pointer;
130
+ transition: background-position 0.2s ease-in;
131
+ }
132
+ >input:checked+span {
133
+ background-position: -100%;
134
+ }
135
+ >span:after {
136
+ content: "";
137
+ display: block;
138
+ position: absolute;
139
+ width: $handle-size;
140
+ height: $handle-size;
141
+ background: $unchecked-handle-bg;
142
+ align-self: center;
143
+ top: 50%;
144
+ left: 0;
145
+ transform: translateY(-50%);
146
+ border-radius: 100%;
147
+ //box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
148
+ transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
149
+ }
150
+ >input:checked+span:after {
151
+ left: $handle-size;
152
+ background-color: $checked-handle-bg;
153
+ }
154
+ // Jelly effect on click
155
+ >span:active:after {
156
+ //transform: translateY(-50%) scale3d(1.15, 0.85, 1);
157
+ }
158
+ // No jelly effect on disabled toggles
159
+ >input:disabled+span:active:after {
160
+ transform: translateY(-50%);
161
+ }
162
+ >input:disabled+span {
163
+ cursor: default;
164
+ }
165
+ >input:disabled+span {
166
+ background: $disabled-toggle-bg;
167
+ }
168
+ >input:disabled+span:after {
169
+ background: $disabled-handle-bg;
170
+ }
171
+ // Hide original checkbox, but don't use `display: none` to allow focus on it using keyboard
172
+ >input {
173
+ display: block;
174
+ position: absolute;
175
+ opacity: 0;
176
+ width: 0;
177
+ height: 0;
178
+ }
179
+ }
180
+
181
+ #lap-cookies-banner .banner-checkboxes {
182
+ font-size: 80%;
183
+ margin-top: 1em;
184
+ }
185
+
186
+ #lap-cookies-banner .checkbox-label {
187
+ margin-left: 0.3em;
188
+ margin-right: 1.5em;
189
+ top: -0.2em;
190
+ position: relative;
191
+ }
192
+
193
+ @media(max-width: 500px) {
194
+ #lap-cookies-banner {
195
+ position: fixed;
196
+ bottom: 0;
197
+ background-color: #fff;
198
+ padding-top: 1em;
199
+ padding-bottom: 1em;
200
+ z-index: 1000;
201
+ left: 0;
202
+ text-align: center;
203
+ border-top: 1px solid #198cdc;
204
+ width: 100%;
205
+ display: none;
206
+ height: 280px;
207
+ overflow: auto;
208
+ /* hidden by default */
209
+ }
210
+
211
+ #lap-cookies-banner .banner-intro {
212
+ width: 60%;
213
+ position: relative;
214
+ left: 20%;
215
+ text-align: left;
216
+ }
217
+ }
218
+
219
+ @media(max-width: 1100px) {
220
+ #lap-cookies-banner .banner-intro {
221
+ width: 90%;
222
+ position: relative;
223
+ left: 5%;
224
+ text-align: left;
225
+ }
226
+ #lap-cookies-banner .banner-buttons {
227
+ float: center;
228
+ padding-top: 5px;
229
+ height: 60px;
230
+ margin-bottom: 10px;
231
+ }
232
+ }
233
+
234
+ @media(max-width: 1600px) {
235
+ #lap-cookies-banner .banner-intro {
236
+ width: 60%;
237
+ position: relative;
238
+ left: 20%;
239
+ text-align: left;
240
+ }
241
+ }
242
+
243
+ /* ultra-wide screen */
244
+ @media(min-width: 2400px) {
245
+ #lap-cookies-banner .banner-intro {
246
+ position: relative;
247
+ text-align: left;
248
+ max-width: 800px;
249
+ left: 35%;
250
+ }
251
+ }
@@ -466,7 +466,7 @@ html {
466
466
 
467
467
  ul {
468
468
  list-style: none;
469
- min-width: 300px;
469
+ min-width: 250px;
470
470
  padding-top: 1em;
471
471
  }
472
472
  ul li {
@@ -0,0 +1,49 @@
1
+ @font-face {
2
+ font-family: 'Open Sans';
3
+ font-style: italic;
4
+ font-weight: 300;
5
+ font-display: swap;
6
+ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV-hs.ttf) format('truetype');
7
+ }
8
+ @font-face {
9
+ font-family: 'Open Sans';
10
+ font-style: italic;
11
+ font-weight: 400;
12
+ font-display: swap;
13
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUJ0e.ttf) format('truetype');
14
+ }
15
+ @font-face {
16
+ font-family: 'Open Sans';
17
+ font-style: italic;
18
+ font-weight: 600;
19
+ font-display: swap;
20
+ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUehs.ttf) format('truetype');
21
+ }
22
+ @font-face {
23
+ font-family: 'Open Sans';
24
+ font-style: normal;
25
+ font-weight: 300;
26
+ font-display: swap;
27
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8-VQ.ttf) format('truetype');
28
+ }
29
+ @font-face {
30
+ font-family: 'Open Sans';
31
+ font-style: normal;
32
+ font-weight: 400;
33
+ font-display: swap;
34
+ src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-U1Ug.ttf) format('truetype');
35
+ }
36
+ @font-face {
37
+ font-family: 'Open Sans';
38
+ font-style: normal;
39
+ font-weight: 600;
40
+ font-display: swap;
41
+ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirk-VQ.ttf) format('truetype');
42
+ }
43
+ @font-face {
44
+ font-family: 'Open Sans';
45
+ font-style: normal;
46
+ font-weight: 700;
47
+ font-display: swap;
48
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rg-VQ.ttf) format('truetype');
49
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-lux-covid-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - jaceklebioda_lux
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-04-01 00:00:00.000000000 Z
11
+ date: 2020-06-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -76,10 +76,12 @@ files:
76
76
  - LICENSE.TXT
77
77
  - _includes/css-imports.html
78
78
  - _includes/footer.html
79
+ - _includes/gdpr-banner.html
79
80
  - _includes/google-analytics.html
80
81
  - _includes/head.html
81
82
  - _includes/header.html
82
83
  - _includes/mini_footer.html
84
+ - _includes/policy.html
83
85
  - _includes/scripts.html
84
86
  - _includes/social.html
85
87
  - _layouts/default.html
@@ -91,6 +93,7 @@ files:
91
93
  - _sass/minima/_boxes.scss
92
94
  - _sass/minima/_footer.scss
93
95
  - _sass/minima/_frozen.scss
96
+ - _sass/minima/_gdpr.scss
94
97
  - _sass/minima/_layout.scss
95
98
  - _sass/minima/_lcsb.scss
96
99
  - _sass/minima/_search.scss
@@ -99,6 +102,7 @@ files:
99
102
  - assets/banners/fnr/logos.svg
100
103
  - assets/banners/fnr/motto.svg
101
104
  - assets/bg-overlay.svg
105
+ - assets/css2.css
102
106
  - assets/favicon/android-chrome-192x192.png
103
107
  - assets/favicon/android-chrome-512x512.png
104
108
  - assets/favicon/apple-touch-icon.png