openactive-dataset_site 0.2.0 → 6.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (21) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/create-dataset-site-template-pr.yaml +63 -0
  3. data/.github/workflows/tests.yaml +40 -0
  4. data/README.md +73 -26
  5. data/examples/basic_csp_example_with_booking.rb +41 -0
  6. data/examples/basic_example.rb +2 -2
  7. data/examples/basic_example_with_booking.rb +42 -0
  8. data/examples/basic_example_with_booking_minimal.rb +35 -0
  9. data/examples/dataset_csp_example_with_booking.rb +93 -0
  10. data/examples/dataset_example.rb +7 -2
  11. data/examples/dataset_example_with_booking.rb +93 -0
  12. data/examples/dataset_patch.rb +3 -3
  13. data/examples/specific_feed_override_example.rb +2 -2
  14. data/examples/specific_feed_override_example2.rb +2 -2
  15. data/lib/openactive/dataset_site/datasetsite-csp.mustache +205 -0
  16. data/lib/openactive/dataset_site/datasetsite-csp.static.zip +0 -0
  17. data/lib/openactive/dataset_site/datasetsite.mustache +1158 -829
  18. data/lib/openactive/dataset_site/settings.rb +61 -16
  19. data/lib/openactive/dataset_site/template_renderer.rb +12 -4
  20. data/lib/openactive/dataset_site/version.rb +1 -1
  21. metadata +10 -2
data/lib/openactive/dataset_site/datasetsite.mustache CHANGED
@@ -1,4 +1,7 @@
1
1
  <!DOCTYPE HTML>
2
+ <!--
3
+ OpenActive Dataset Site Template version 6, from https://unpkg.com/@openactive/dataset-site-template@6.0.0/dist/datasetsite.mustache
4
+ -->
2
5
  <!--
3
6
  Design: Identity by HTML5 UP
4
7
  html5up.net | @ajlkn
@@ -12,7 +15,9 @@
12
15
  <html prefix="dct: http://purl.org/dc/terms/
13
16
  rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns#
14
17
  dcat: http://www.w3.org/ns/dcat#
15
- foaf: http://xmlns.com/foaf/0.1/"
18
+ foaf: http://xmlns.com/foaf/0.1/
19
+ og: http://ogp.me/ns#
20
+ odrs: http://schema.theodi.org/odrs#"
16
21
  lang="en">
17
22
  <head>
18
23
  <title>{{name}} - Open Data</title>
@@ -31,381 +36,637 @@
31
36
 
32
37
  <meta charset="utf-8" />
33
38
  <meta name="viewport" content="width=device-width, initial-scale=1" />
34
- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300" rel="stylesheet">
35
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" crossorigin="anonymous">
39
+
40
+ <!-- JSON-LD conforming to Google Structured Data specification. -->
41
+ <script type="application/ld+json">
42
+ {{{jsonld}}}
43
+ </script>
44
+
45
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600" crossorigin="anonymous">
36
46
  <style>
37
- /*
38
- Identity by HTML5 UP
39
- html5up.net | @ajlkn
40
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
41
- */
42
-
43
- /* Reset */
44
-
45
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
46
- margin: 0;
47
- padding: 0;
48
- border: 0;
49
- font-size: 100%;
50
- font: inherit;
51
- vertical-align: baseline;
52
- }
47
+ /*
48
+ Identity by HTML5 UP
49
+ html5up.net | @ajlkn
50
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
51
+ */
52
+
53
+ /*
54
+ Font Awesome 4.7.0
55
+ Extracts from: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css
56
+ */
57
+
58
+ @font-face {
59
+ font-family: 'FontAwesome';
60
+ font-style: normal;
61
+ font-weight: normal;
62
+ src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff) format('woff');
63
+ }
64
+
65
+ .fa {
66
+ display: inline-block;
67
+ font: normal normal normal 14px/1 FontAwesome;
68
+ font-size: inherit;
69
+ text-rendering: auto;
70
+ -webkit-font-smoothing: antialiased;
71
+ -moz-osx-font-smoothing: grayscale;
72
+ }
73
+ .fa-info:before {
74
+ content: "\f129";
75
+ }
76
+ .fa-comments:before {
77
+ content: "\f086";
78
+ }
79
+ .fa-certificate:before {
80
+ content: "\f0a3";
81
+ }
82
+ .fa-cloud-download:before {
83
+ content: "\f0ed";
84
+ }
85
+ .fa-key:before {
86
+ content: "\f084";
87
+ }
88
+
89
+ /* OpenActive logo */
90
+
91
+ .openactive-logo {
92
+ background: url(data:image/png;base64,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) no-repeat;
93
+ background-size: contain;
94
+ background-position: center;
95
+ width: 8.5em;
96
+ height: 1.5em;
97
+ }
98
+
99
+ /* Reset */
100
+
101
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
102
+ margin: 0;
103
+ padding: 0;
104
+ border: 0;
105
+ font-size: 100%;
106
+ font: inherit;
107
+ vertical-align: baseline;
108
+ }
109
+
110
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
111
+ display: block;
112
+ }
113
+
114
+ body {
115
+ line-height: 1;
116
+ }
117
+
118
+ ol, ul {
119
+ list-style: none;
120
+ }
121
+
122
+ blockquote, q {
123
+ quotes: none;
124
+ }
125
+
126
+ blockquote:before, blockquote:after, q:before, q:after {
127
+ content: '';
128
+ content: none;
129
+ }
130
+
131
+ table {
132
+ border-collapse: collapse;
133
+ border-spacing: 0;
134
+ }
135
+
136
+ body {
137
+ -webkit-text-size-adjust: none;
138
+ }
139
+
140
+ /* Box Model */
141
+
142
+ *, *:before, *:after {
143
+ -moz-box-sizing: border-box;
144
+ -webkit-box-sizing: border-box;
145
+ box-sizing: border-box;
146
+ }
147
+
148
+ /* Basic */
149
+
150
+ @media screen and (max-width: 480px) {
151
+
152
+ html, body {
153
+ min-width: 320px;
154
+ }
53
155
 
54
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
55
- display: block;
56
- }
156
+ }
57
157
 
58
- body {
59
- line-height: 1;
60
- }
158
+ @keyframes fadeOnLoad {
159
+ 0% {
160
+ opacity: 0;
161
+ }
162
+ 100% {
163
+ }
164
+ }
61
165
 
62
- ol, ul {
63
- list-style: none;
64
- }
166
+ @keyframes twistFadeOnLoad {
167
+ 0% {
168
+ opacity: 0;
169
+ transform: rotateX(15deg);
170
+ }
171
+ 100% {
172
+ }
173
+ }
174
+
175
+ @keyframes fadeFromWhiteOnLoad {
176
+ 0% {
177
+ opacity: 1;
178
+ background-color: #FFFFFF;
179
+ }
180
+ 100% {
181
+ }
182
+ }
183
+
184
+ html {
185
+ height: 100%;
186
+ }
187
+
188
+ body {
189
+ height: 100%;
190
+ background-color: #ffffff;
191
+ background-repeat: repeat, no-repeat, no-repeat;
192
+ background-size: cover;
193
+ background-position: top left, center center, bottom center;
194
+ background-attachment: fixed, fixed, fixed;
195
+ }
196
+
197
+ body:after {
198
+ content: '';
199
+ display: block;
200
+ position: fixed;
201
+ top: 0;
202
+ left: 0;
203
+ width: 100%;
204
+ height: inherit;
205
+ opacity: 1;
206
+ z-index: -2;
207
+ background-image: url(data:image/png;base64,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), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
208
+ background-repeat: repeat, no-repeat;
209
+ background-size: 100px 100px, cover;
210
+ background-position: top left, center center;
65
211
 
66
- blockquote, q {
67
- quotes: none;
68
- }
212
+ animation: 1.75s ease-out 0s 1 fadeFromWhiteOnLoad;
213
+ }
69
214
 
70
- blockquote:before, blockquote:after, q:before, q:after {
71
- content: '';
72
- content: none;
73
- }
215
+ /* Type */
74
216
 
75
- table {
76
- border-collapse: collapse;
77
- border-spacing: 0;
78
- }
217
+ body, input, select, textarea {
218
+ color: #414f57;
219
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
220
+ font-size: 14pt;
221
+ font-weight: 300;
222
+ line-height: 2;
223
+ letter-spacing: 0.2em;
224
+ text-transform: uppercase;
79
225
 
80
- body {
81
- -webkit-text-size-adjust: none;
82
- }
226
+ -moz-transition: font-size 0.3s ease;
227
+ -webkit-transition: font-size 0.3s ease;
228
+ -ms-transition: font-size 0.3s ease;
229
+ transition: font-size 0.3s ease;
230
+ }
83
231
 
84
- /* Box Model */
232
+ @media screen and (max-width: 1680px) {
85
233
 
86
- *, *:before, *:after {
87
- -moz-box-sizing: border-box;
88
- -webkit-box-sizing: border-box;
89
- box-sizing: border-box;
234
+ body, input, select, textarea {
235
+ font-size: 11pt;
90
236
  }
91
237
 
92
- /* Basic */
93
-
94
- @media screen and (max-width: 480px) {
238
+ }
95
239
 
96
- html, body {
97
- min-width: 320px;
98
- }
240
+ @media screen and (max-width: 480px) {
99
241
 
242
+ body, input, select, textarea {
243
+ font-size: 10pt;
244
+ line-height: 1.75;
100
245
  }
101
246
 
102
- body.is-loading *, body.is-loading *:before, body.is-loading *:after {
103
- -moz-animation: none !important;
104
- -webkit-animation: none !important;
105
- -ms-animation: none !important;
106
- animation: none !important;
107
- -moz-transition: none !important;
108
- -webkit-transition: none !important;
109
- -ms-transition: none !important;
110
- transition: none !important;
111
- }
247
+ }
112
248
 
113
- html {
114
- height: 100%;
115
- }
249
+ a {
250
+ -moz-transition: color 0.2s ease, border-color 0.2s ease;
251
+ -webkit-transition: color 0.2s ease, border-color 0.2s ease;
252
+ -ms-transition: color 0.2s ease, border-color 0.2s ease;
253
+ transition: color 0.2s ease, border-color 0.2s ease;
254
+ color: #0065af;
255
+ text-decoration: none;
256
+ }
257
+
258
+ a:before {
259
+ -moz-transition: color 0.2s ease, text-shadow 0.2s ease;
260
+ -webkit-transition: color 0.2s ease, text-shadow 0.2s ease;
261
+ -ms-transition: color 0.2s ease, text-shadow 0.2s ease;
262
+ transition: color 0.2s ease, text-shadow 0.2s ease;
263
+ }
116
264
 
117
- body {
118
- height: 100%;
119
- background-color: #ffffff;
120
- background-repeat: repeat, no-repeat, no-repeat;
121
- background-size: 100px 100px, cover, cover;
122
- background-position: top left, center center, bottom center;
123
- background-attachment: fixed, fixed, fixed;
124
- }
265
+ a:hover {
266
+ color: #ff7496;
267
+ }
125
268
 
126
- body:after {
127
- content: '';
128
- display: block;
129
- position: fixed;
130
- top: 0;
131
- left: 0;
132
- width: 100%;
133
- height: inherit;
134
- opacity: 0;
135
- z-index: 1;
136
- background-color: #ffffff;
137
- background-image: url(data:image/png;base64,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), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
138
- background-repeat: repeat, no-repeat;
139
- background-size: 100px 100px, cover;
140
- background-position: top left, center center;
141
- -moz-transition: opacity 1.75s ease-out;
142
- -webkit-transition: opacity 1.75s ease-out;
143
- -ms-transition: opacity 1.75s ease-out;
144
- transition: opacity 1.75s ease-out;
145
- }
269
+ strong, b {
270
+ color: #313f47;
271
+ }
146
272
 
147
- body.is-loading:after {
148
- opacity: 1;
149
- }
273
+ em, i {
274
+ font-style: italic;
275
+ }
150
276
 
151
- /* Type */
277
+ p {
278
+ margin: 0 0 1.5em 0;
279
+ }
152
280
 
153
- body, input, select, textarea {
154
- color: #414f57;
155
- font-family: "Source Sans Pro", Helvetica, sans-serif;
156
- font-size: 14pt;
157
- font-weight: 300;
158
- line-height: 2;
159
- letter-spacing: 0.2em;
160
- text-transform: uppercase;
161
- }
281
+ h1, h2, h3, h4, h5, h6 {
282
+ color: #313f47;
283
+ line-height: 1.5;
284
+ margin: 0 0 0.75em 0;
285
+ }
162
286
 
163
- @media screen and (max-width: 1680px) {
287
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
288
+ color: inherit;
289
+ text-decoration: none;
290
+ }
164
291
 
165
- body, input, select, textarea {
166
- font-size: 11pt;
167
- }
292
+ h1 {
293
+ font-size: 1.85em;
294
+ letter-spacing: 0.22em;
295
+ margin: 0 0 0.525em 0;
296
+ }
168
297
 
169
- }
298
+ h2 {
299
+ font-size: 1em;
300
+ line-height: inherit;
301
+ margin: 0 0 1.5em 0;
302
+ }
170
303
 
171
- @media screen and (max-width: 480px) {
304
+ h3 {
305
+ font-size: 1em;
306
+ }
172
307
 
173
- body, input, select, textarea {
174
- font-size: 10pt;
175
- line-height: 1.75;
176
- }
308
+ h4 {
309
+ font-size: 1em;
310
+ }
177
311
 
178
- }
312
+ h5 {
313
+ font-size: 1em;
314
+ }
179
315
 
180
- a {
181
- -moz-transition: color 0.2s ease, border-color 0.2s ease;
182
- -webkit-transition: color 0.2s ease, border-color 0.2s ease;
183
- -ms-transition: color 0.2s ease, border-color 0.2s ease;
184
- transition: color 0.2s ease, border-color 0.2s ease;
185
- color: #0082f3;
186
- text-decoration: none;
187
- }
316
+ h6 {
317
+ font-size: 1em;
318
+ }
188
319
 
189
- a:before {
190
- -moz-transition: color 0.2s ease, text-shadow 0.2s ease;
191
- -webkit-transition: color 0.2s ease, text-shadow 0.2s ease;
192
- -ms-transition: color 0.2s ease, text-shadow 0.2s ease;
193
- transition: color 0.2s ease, text-shadow 0.2s ease;
194
- }
320
+ @media screen and (max-width: 480px) {
195
321
 
196
- a:hover {
197
- color: #ff7496;
198
- }
322
+ h1 {
323
+ font-size: 1.65em;
324
+ }
199
325
 
200
- strong, b {
201
- color: #313f47;
202
- }
326
+ }
203
327
 
204
- em, i {
205
- font-style: italic;
206
- }
328
+ sub {
329
+ font-size: 0.8em;
330
+ position: relative;
331
+ top: 0.5em;
332
+ }
207
333
 
208
- p {
209
- margin: 0 0 1.5em 0;
210
- }
334
+ sup {
335
+ font-size: 0.8em;
336
+ position: relative;
337
+ top: -0.5em;
338
+ }
211
339
 
212
- h1, h2, h3, h4, h5, h6 {
213
- color: #313f47;
214
- line-height: 1.5;
215
- margin: 0 0 0.75em 0;
216
- }
340
+ hr {
341
+ border: 0;
342
+ border-bottom: solid 1px #c8cccf;
343
+ margin: 3em 0;
344
+ }
217
345
 
218
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
219
- color: inherit;
220
- text-decoration: none;
221
- }
346
+ /* Form */
222
347
 
223
- h1 {
224
- font-size: 1.85em;
225
- letter-spacing: 0.22em;
226
- margin: 0 0 0.525em 0;
227
- }
348
+ form {
349
+ margin: 0 0 1.5em 0;
350
+ }
228
351
 
229
- h2 {
230
- font-size: 1em;
231
- line-height: inherit;
232
- margin: 0 0 1.5em 0;
233
- }
352
+ form > .field {
353
+ margin: 0 0 1.5em 0;
354
+ }
234
355
 
235
- h3 {
236
- font-size: 1em;
356
+ form > .field > :last-child {
357
+ margin-bottom: 0;
237
358
  }
238
359
 
239
- h4 {
240
- font-size: 1em;
241
- }
360
+ label {
361
+ color: #313f47;
362
+ display: block;
363
+ font-size: 0.8em;
364
+ margin: 0 0 0.75em 0;
365
+ }
366
+
367
+ input[type="text"],
368
+ input[type="password"],
369
+ input[type="email"],
370
+ input[type="tel"],
371
+ select,
372
+ textarea {
373
+ -moz-appearance: none;
374
+ -webkit-appearance: none;
375
+ -ms-appearance: none;
376
+ appearance: none;
377
+ border-radius: 4px;
378
+ border: solid 1px #c8cccf;
379
+ color: inherit;
380
+ display: block;
381
+ outline: 0;
382
+ padding: 0 1em;
383
+ text-decoration: none;
384
+ width: 100%;
385
+ }
386
+
387
+ input[type="text"]:invalid,
388
+ input[type="password"]:invalid,
389
+ input[type="email"]:invalid,
390
+ input[type="tel"]:invalid,
391
+ select:invalid,
392
+ textarea:invalid {
393
+ box-shadow: none;
394
+ }
242
395
 
243
- h5 {
244
- font-size: 1em;
245
- }
396
+ input[type="text"]:focus,
397
+ input[type="password"]:focus,
398
+ input[type="email"]:focus,
399
+ input[type="tel"]:focus,
400
+ select:focus,
401
+ textarea:focus {
402
+ border-color: #ff7496;
403
+ }
246
404
 
247
- h6 {
248
- font-size: 1em;
249
- }
405
+ .select-wrapper {
406
+ text-decoration: none;
407
+ display: block;
408
+ position: relative;
409
+ }
410
+
411
+ .select-wrapper:before {
412
+ content: "";
413
+ -moz-osx-font-smoothing: grayscale;
414
+ -webkit-font-smoothing: antialiased;
415
+ font-family: FontAwesome;
416
+ font-style: normal;
417
+ font-weight: normal;
418
+ text-transform: none !important;
419
+ }
250
420
 
251
- @media screen and (max-width: 480px) {
421
+ .select-wrapper:before {
422
+ color: #c8cccf;
423
+ display: block;
424
+ height: 2.75em;
425
+ line-height: 2.75em;
426
+ pointer-events: none;
427
+ position: absolute;
428
+ right: 0;
429
+ text-align: center;
430
+ top: 0;
431
+ width: 2.75em;
432
+ }
252
433
 
253
- h1 {
254
- font-size: 1.65em;
255
- }
434
+ .select-wrapper select::-ms-expand {
435
+ display: none;
436
+ }
256
437
 
257
- }
438
+ input[type="text"],
439
+ input[type="password"],
440
+ input[type="email"],
441
+ select {
442
+ height: 2.75em;
443
+ }
444
+
445
+ textarea {
446
+ padding: 0.75em 1em;
447
+ }
448
+
449
+ input[type="checkbox"],
450
+ input[type="radio"] {
451
+ -moz-appearance: none;
452
+ -webkit-appearance: none;
453
+ -ms-appearance: none;
454
+ appearance: none;
455
+ display: block;
456
+ float: left;
457
+ margin-right: -2em;
458
+ opacity: 0;
459
+ width: 1em;
460
+ z-index: -1;
461
+ }
462
+
463
+ input[type="checkbox"] + label,
464
+ input[type="radio"] + label {
465
+ text-decoration: none;
466
+ color: #414f57;
467
+ cursor: pointer;
468
+ display: inline-block;
469
+ font-size: 1em;
470
+ font-weight: 300;
471
+ padding-left: 2.4em;
472
+ padding-right: 0.75em;
473
+ position: relative;
474
+ }
258
475
 
259
- sub {
260
- font-size: 0.8em;
261
- position: relative;
262
- top: 0.5em;
476
+ input[type="checkbox"] + label:before,
477
+ input[type="radio"] + label:before {
478
+ -moz-osx-font-smoothing: grayscale;
479
+ -webkit-font-smoothing: antialiased;
480
+ font-family: FontAwesome;
481
+ font-style: normal;
482
+ font-weight: normal;
483
+ text-transform: none !important;
263
484
  }
264
485
 
265
- sup {
266
- font-size: 0.8em;
267
- position: relative;
268
- top: -0.5em;
486
+ input[type="checkbox"] + label:before,
487
+ input[type="radio"] + label:before {
488
+ border-radius: 4px;
489
+ border: solid 1px #c8cccf;
490
+ content: '';
491
+ display: inline-block;
492
+ height: 1.65em;
493
+ left: 0;
494
+ line-height: 1.58125em;
495
+ position: absolute;
496
+ text-align: center;
497
+ top: 0.15em;
498
+ width: 1.65em;
269
499
  }
270
500
 
271
- hr {
272
- border: 0;
273
- border-bottom: solid 1px #c8cccf;
274
- margin: 3em 0;
275
- }
501
+ input[type="checkbox"]:checked + label:before,
502
+ input[type="radio"]:checked + label:before {
503
+ color: #ff7496;
504
+ content: '\f00c';
505
+ }
276
506
 
277
- /* Form */
507
+ input[type="checkbox"]:focus + label:before,
508
+ input[type="radio"]:focus + label:before {
509
+ border-color: #ff7496;
510
+ }
278
511
 
279
- form {
280
- margin: 0 0 1.5em 0;
281
- }
512
+ input[type="checkbox"] + label:before {
513
+ border-radius: 4px;
514
+ }
515
+
516
+ input[type="radio"] + label:before {
517
+ border-radius: 100%;
518
+ }
519
+
520
+ ::-webkit-input-placeholder {
521
+ color: #616f77 !important;
522
+ opacity: 1.0;
523
+ }
524
+
525
+ :-moz-placeholder {
526
+ color: #616f77 !important;
527
+ opacity: 1.0;
528
+ }
529
+
530
+ ::-moz-placeholder {
531
+ color: #616f77 !important;
532
+ opacity: 1.0;
533
+ }
534
+
535
+ :-ms-input-placeholder {
536
+ color: #616f77 !important;
537
+ opacity: 1.0;
538
+ }
539
+
540
+ .formerize-placeholder {
541
+ color: #616f77 !important;
542
+ opacity: 1.0;
543
+ }
544
+
545
+ /* Icon */
546
+
547
+ .icon {
548
+ text-decoration: none;
549
+ position: relative;
550
+ border-bottom: none;
551
+ }
552
+
553
+ .icon:before {
554
+ -moz-osx-font-smoothing: grayscale;
555
+ -webkit-font-smoothing: antialiased;
556
+ font-family: FontAwesome;
557
+ font-style: normal;
558
+ font-weight: normal;
559
+ text-transform: none !important;
560
+ }
282
561
 
283
- form > .field {
284
- margin: 0 0 1.5em 0;
285
- }
562
+ .icon > .label {
563
+ display: none;
564
+ }
286
565
 
287
- form > .field > :last-child {
288
- margin-bottom: 0;
289
- }
290
566
 
291
- label {
292
- color: #313f47;
293
- display: block;
294
- font-size: 0.9em;
295
- margin: 0 0 0.75em 0;
296
- }
567
+ /* List */
297
568
 
298
- input[type="text"],
299
- input[type="password"],
300
- input[type="email"],
301
- input[type="tel"],
302
- select,
303
- textarea {
304
- -moz-appearance: none;
305
- -webkit-appearance: none;
306
- -ms-appearance: none;
307
- appearance: none;
308
- border-radius: 4px;
309
- border: solid 1px #c8cccf;
310
- color: inherit;
311
- display: block;
312
- outline: 0;
313
- padding: 0 1em;
314
- text-decoration: none;
315
- width: 100%;
316
- }
569
+ ul.download {
570
+ cursor: default;
571
+ list-style: none;
572
+ padding-left: 0;
573
+ margin-top: -0.675em;
574
+ }
317
575
 
318
- input[type="text"]:invalid,
319
- input[type="password"]:invalid,
320
- input[type="email"]:invalid,
321
- input[type="tel"]:invalid,
322
- select:invalid,
323
- textarea:invalid {
324
- box-shadow: none;
325
- }
576
+ ul.download li {
577
+ padding: 0.375em 0.5em;
578
+ text-align: center;
579
+ line-height: 1.5em;
580
+ }
326
581
 
327
- input[type="text"]:focus,
328
- input[type="password"]:focus,
329
- input[type="email"]:focus,
330
- input[type="tel"]:focus,
331
- select:focus,
332
- textarea:focus {
333
- border-color: #ff7496;
334
- }
335
582
 
336
- .select-wrapper {
337
- text-decoration: none;
338
- display: block;
339
- position: relative;
340
- }
583
+ ol {
584
+ list-style: decimal;
585
+ margin: 0 0 1.5em 0;
586
+ padding-left: 1.25em;
587
+ }
341
588
 
342
- .select-wrapper:before {
343
- content: "";
344
- -moz-osx-font-smoothing: grayscale;
345
- -webkit-font-smoothing: antialiased;
346
- font-family: FontAwesome;
347
- font-style: normal;
348
- font-weight: normal;
349
- text-transform: none !important;
350
- }
589
+ ol li {
590
+ padding-left: 0.25em;
591
+ }
351
592
 
352
- .select-wrapper:before {
353
- color: #c8cccf;
354
- display: block;
355
- height: 2.75em;
356
- line-height: 2.75em;
357
- pointer-events: none;
358
- position: absolute;
359
- right: 0;
360
- text-align: center;
361
- top: 0;
362
- width: 2.75em;
363
- }
593
+ ul {
594
+ list-style: disc;
595
+ margin: 0 0 1.5em 0;
596
+ padding-left: 1em;
597
+ }
364
598
 
365
- .select-wrapper select::-ms-expand {
366
- display: none;
367
- }
599
+ ul li {
600
+ padding-left: 0.5em;
601
+ }
602
+
603
+ ul.alt {
604
+ list-style: none;
605
+ padding-left: 0;
606
+ }
368
607
 
369
- input[type="text"],
370
- input[type="password"],
371
- input[type="email"],
372
- select {
373
- height: 2.75em;
608
+ ul.alt li {
609
+ border-top: solid 1px #c8cccf;
610
+ padding: 0.5em 0;
374
611
  }
375
612
 
376
- textarea {
377
- padding: 0.75em 1em;
613
+ ul.alt li:first-child {
614
+ border-top: 0;
615
+ padding-top: 0;
616
+ }
617
+
618
+ ul.icons {
619
+ cursor: default;
620
+ list-style: none;
621
+ padding-left: 0;
622
+ margin-top: -0.5em;
623
+ display: flex;
624
+ flex-wrap: wrap;
625
+ align-items: center;
626
+ justify-content: center;
627
+ text-align: center;
628
+ }
629
+
630
+ ul.icons li {
631
+ display: inline-block;
632
+ padding: 0.675em 0em;
633
+ text-align: center;
634
+ line-height: 1.5em;
635
+ flex-grow: 1;
636
+ flex-shrink: 0;
637
+ flex-basis: 8.5em;
638
+ align-self: center;
639
+ max-width: 10em;
378
640
  }
379
641
 
380
- input[type="checkbox"],
381
- input[type="radio"] {
382
- -moz-appearance: none;
383
- -webkit-appearance: none;
384
- -ms-appearance: none;
385
- appearance: none;
386
- display: block;
387
- float: left;
388
- margin-right: -2em;
389
- opacity: 0;
390
- width: 1em;
391
- z-index: -1;
642
+ /* IE10 and IE11 have flexbox bugs */
643
+ @media all and (-ms-high-contrast:none)
644
+ {
645
+ ul.icons {
646
+ display: block;
647
+ }
648
+
649
+ ul.icons li {
650
+ margin: 0.5em 0.5em 0 0.5em;
651
+ }
392
652
  }
393
653
 
394
- input[type="checkbox"] + label,
395
- input[type="radio"] + label {
654
+ ul.icons li a {
396
655
  text-decoration: none;
397
- color: #414f57;
398
- cursor: pointer;
399
- display: inline-block;
400
- font-size: 1em;
401
- font-weight: 300;
402
- padding-left: 2.4em;
403
- padding-right: 0.75em;
404
656
  position: relative;
657
+ display: inline-block;
658
+ width: 3.75em;
659
+ height: 3.75em;
660
+ border-radius: 100%;
661
+ border: solid 1px #c8cccf;
662
+ line-height: 3.75em;
663
+ overflow: hidden;
664
+ text-align: center;
665
+ text-indent: 3.75em;
666
+ white-space: nowrap;
405
667
  }
406
668
 
407
- input[type="checkbox"] + label:before,
408
- input[type="radio"] + label:before {
669
+ ul.icons li a:before {
409
670
  -moz-osx-font-smoothing: grayscale;
410
671
  -webkit-font-smoothing: antialiased;
411
672
  font-family: FontAwesome;
@@ -414,608 +675,676 @@
414
675
  text-transform: none !important;
415
676
  }
416
677
 
417
- input[type="checkbox"] + label:before,
418
- input[type="radio"] + label:before {
419
- border-radius: 4px;
420
- border: solid 1px #c8cccf;
421
- content: '';
422
- display: inline-block;
423
- height: 1.65em;
424
- left: 0;
425
- line-height: 1.58125em;
426
- position: absolute;
427
- text-align: center;
428
- top: 0.15em;
429
- width: 1.65em;
678
+ ul.icons li span {
679
+ font-size: 0.8em;
680
+ padding: 0;
681
+ margin: 0;
430
682
  }
431
683
 
432
- input[type="checkbox"]:checked + label:before,
433
- input[type="radio"]:checked + label:before {
434
- color: #ff7496;
435
- content: '\f00c';
436
- }
437
-
438
- input[type="checkbox"]:focus + label:before,
439
- input[type="radio"]:focus + label:before {
440
- border-color: #ff7496;
441
- }
442
-
443
- input[type="checkbox"] + label:before {
444
- border-radius: 4px;
445
- }
684
+ ul.icons li a:before {
685
+ color: #ffffff;
686
+ text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf;
687
+ }
446
688
 
447
- input[type="radio"] + label:before {
448
- border-radius: 100%;
449
- }
689
+ ul.icons li a:hover:before {
690
+ text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496;
691
+ }
450
692
 
451
- ::-webkit-input-placeholder {
452
- color: #616f77 !important;
453
- opacity: 1.0;
454
- }
693
+ ul.icons li a:before {
694
+ position: absolute;
695
+ top: 0;
696
+ left: 0;
697
+ width: inherit;
698
+ height: inherit;
699
+ font-size: 1.85rem;
700
+ line-height: inherit;
701
+ text-align: center;
702
+ text-indent: 0;
703
+ }
455
704
 
456
- :-moz-placeholder {
457
- color: #616f77 !important;
458
- opacity: 1.0;
459
- }
705
+ ul.icons li a:hover {
706
+ border-color: #ff7496;
707
+ }
460
708
 
461
- ::-moz-placeholder {
462
- color: #616f77 !important;
463
- opacity: 1.0;
464
- }
709
+ @media screen and (max-width: 480px) {
465
710
 
466
- :-ms-input-placeholder {
467
- color: #616f77 !important;
468
- opacity: 1.0;
469
- }
711
+ ul.icons li a:before {
712
+ font-size: 1.5rem;
713
+ }
470
714
 
471
- .formerize-placeholder {
472
- color: #616f77 !important;
473
- opacity: 1.0;
474
715
  }
475
716
 
476
- /* Icon */
717
+ ul.actions {
718
+ cursor: default;
719
+ list-style: none;
720
+ padding-left: 0;
721
+ }
477
722
 
478
- .icon {
479
- text-decoration: none;
480
- position: relative;
481
- border-bottom: none;
723
+ ul.actions li {
724
+ display: inline-block;
725
+ padding: 0 0.75em 0 0;
726
+ vertical-align: middle;
482
727
  }
483
728
 
484
- .icon:before {
485
- -moz-osx-font-smoothing: grayscale;
486
- -webkit-font-smoothing: antialiased;
487
- font-family: FontAwesome;
488
- font-style: normal;
489
- font-weight: normal;
490
- text-transform: none !important;
729
+ ul.actions li:last-child {
730
+ padding-right: 0;
491
731
  }
492
732
 
493
- .icon > .label {
494
- display: none;
495
- }
733
+ dl {
734
+ margin: 0 0 1.5em 0;
735
+ }
496
736
 
737
+ dl dt {
738
+ display: block;
739
+ margin: 0 0 0.75em 0;
740
+ }
497
741
 
498
- /* List */
499
-
500
- ul.download {
501
- cursor: default;
502
- list-style: none;
503
- padding-left: 0;
504
- margin-top: -0.675em;
505
- }
506
-
507
- ul.download li {
508
- padding: 0.375em 0.5em;
509
- text-align: center;
510
- line-height: 1.5em;
511
- }
512
-
742
+ dl dd {
743
+ margin-left: 1.5em;
744
+ }
513
745
 
514
- ol {
515
- list-style: decimal;
516
- margin: 0 0 1.5em 0;
517
- padding-left: 1.25em;
518
- }
746
+ /* Button */
747
+
748
+ input[type="submit"],
749
+ input[type="reset"],
750
+ input[type="button"],
751
+ button,
752
+ .button {
753
+ -moz-appearance: none;
754
+ -webkit-appearance: none;
755
+ -ms-appearance: none;
756
+ appearance: none;
757
+ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
758
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
759
+ -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
760
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
761
+ display: inline-block;
762
+ height: 2.75em;
763
+ line-height: 2.75em;
764
+ padding: 0 1.5em;
765
+ background-color: transparent;
766
+ border-radius: 4px;
767
+ border: solid 1px #c8cccf;
768
+ color: #414f57 !important;
769
+ cursor: pointer;
770
+ text-align: center;
771
+ text-decoration: none;
772
+ white-space: nowrap;
773
+ }
774
+
775
+ input[type="submit"]:hover,
776
+ input[type="reset"]:hover,
777
+ input[type="button"]:hover,
778
+ button:hover,
779
+ .button:hover {
780
+ border-color: #ff7496;
781
+ color: #ff7496 !important;
782
+ }
519
783
 
520
- ol li {
521
- padding-left: 0.25em;
522
- }
784
+ input[type="submit"].icon,
785
+ input[type="reset"].icon,
786
+ input[type="button"].icon,
787
+ button.icon,
788
+ .button.icon {
789
+ padding-left: 1.35em;
790
+ }
523
791
 
524
- ul {
525
- list-style: disc;
526
- margin: 0 0 1.5em 0;
527
- padding-left: 1em;
792
+ input[type="submit"].icon:before,
793
+ input[type="reset"].icon:before,
794
+ input[type="button"].icon:before,
795
+ button.icon:before,
796
+ .button.icon:before {
797
+ margin-right: 0.5em;
528
798
  }
529
799
 
530
- ul li {
531
- padding-left: 0.5em;
532
- }
533
-
534
- ul.alt {
535
- list-style: none;
536
- padding-left: 0;
537
- }
538
-
539
- ul.alt li {
540
- border-top: solid 1px #c8cccf;
541
- padding: 0.5em 0;
542
- }
800
+ input[type="submit"].fit,
801
+ input[type="reset"].fit,
802
+ input[type="button"].fit,
803
+ button.fit,
804
+ .button.fit {
805
+ display: block;
806
+ width: 100%;
807
+ margin: 0 0 0.75em 0;
808
+ }
543
809
 
544
- ul.alt li:first-child {
545
- border-top: 0;
546
- padding-top: 0;
547
- }
810
+ input[type="submit"].small,
811
+ input[type="reset"].small,
812
+ input[type="button"].small,
813
+ button.small,
814
+ .button.small {
815
+ font-size: 0.8em;
816
+ }
548
817
 
549
- ul.icons {
550
- cursor: default;
551
- list-style: none;
552
- padding-left: 0;
553
- margin-top: -1.5em;
554
- }
818
+ input[type="submit"].big,
819
+ input[type="reset"].big,
820
+ input[type="button"].big,
821
+ button.big,
822
+ .button.big {
823
+ font-size: 1.35em;
824
+ }
555
825
 
556
- ul.icons li {
557
- display: inline-block;
558
- padding: 0.675em 0.5em;
559
- text-align: center;
560
- line-height: 1.5em;
561
- }
826
+ input[type="submit"].disabled, input[type="submit"]:disabled,
827
+ input[type="reset"].disabled,
828
+ input[type="reset"]:disabled,
829
+ input[type="button"].disabled,
830
+ input[type="button"]:disabled,
831
+ button.disabled,
832
+ button:disabled,
833
+ .button.disabled,
834
+ .button:disabled {
835
+ -moz-pointer-events: none;
836
+ -webkit-pointer-events: none;
837
+ -ms-pointer-events: none;
838
+ pointer-events: none;
839
+ opacity: 0.5;
840
+ }
562
841
 
563
- ul.icons li a {
564
- text-decoration: none;
565
- position: relative;
566
- display: inline-block;
567
- width: 3.75em;
568
- height: 3.75em;
569
- border-radius: 100%;
570
- border: solid 1px #c8cccf;
571
- line-height: 3.75em;
572
- overflow: hidden;
573
- text-align: center;
574
- text-indent: 3.75em;
575
- white-space: nowrap;
576
- }
577
-
578
- ul.icons li a:before {
579
- -moz-osx-font-smoothing: grayscale;
580
- -webkit-font-smoothing: antialiased;
581
- font-family: FontAwesome;
582
- font-style: normal;
583
- font-weight: normal;
584
- text-transform: none !important;
585
- }
586
-
587
- ul.icons li span {
588
- font-size: 0.7em;
589
- padding: 0;
590
- margin: 0;
591
- }
592
-
593
- ul.icons li a:before {
594
- color: #ffffff;
595
- text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf;
596
- }
597
-
598
- ul.icons li a:hover:before {
599
- text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496;
600
- }
601
-
602
- ul.icons li a:before {
603
- position: absolute;
604
- top: 0;
605
- left: 0;
606
- width: inherit;
607
- height: inherit;
608
- font-size: 1.85rem;
609
- line-height: inherit;
610
- text-align: center;
611
- text-indent: 0;
612
- }
613
-
614
- ul.icons li a:hover {
615
- border-color: #ff7496;
616
- }
617
-
618
- @media screen and (max-width: 480px) {
619
-
620
- ul.icons li a:before {
621
- font-size: 1.5rem;
622
- }
842
+ /* Card Flip */
843
+ .tab {
844
+ background-color: #FFFFFF;
845
+ border-radius: 4px 4px 0px 0px;
846
+ position: absolute;
847
+ top: 0.5em;
848
+ height: 2.5em;
849
+ width: 45%;
850
+ display: block;
851
+ cursor: pointer;
852
+ overflow: hidden;
853
+ display: flex;
854
+ align-items: center;
855
+ justify-content: center;
856
+ opacity: 0.95;
857
+ z-index: 0;
858
+ }
859
+
860
+ .bar {
861
+ background-color: #FFFFFF;
862
+ /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
863
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,0)));
864
+ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
865
+ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
866
+ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
867
+ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);*/
868
+ border-radius: 4px 4px 0px 0px;
869
+ position: relative;
870
+ z-index: 0;
871
+ display: block;
872
+ opacity: 0.95;
873
+ margin: 0;
874
+
875
+ padding: 0.5em 0em 0em 0em;
876
+ }
877
+
878
+ @supports (-webkit-touch-callout: none) {
879
+ /* Fix for iOS rendering */
880
+ .bar {
881
+ margin: 0 0 -1px 0;
882
+ }
883
+ }
884
+
885
+ .tab div {
886
+ font-size: 1.1em;
887
+ }
888
+
889
+ #booking:target .tab.left, #booking:not(:target) .tab.right {
890
+ background-color: rgb(242, 242, 242);
891
+ z-index: -1;
892
+ }
893
+ #booking:target .tab.left {
894
+ -moz-box-shadow: inset -10px -10px 10px -10px #666;
895
+ -webkit-box-shadow: inset -10px -10px 10px -10px #666;
896
+ box-shadow: inset -10px -10px 10px -10px #666;
897
+ }
898
+
899
+ #booking:not(:target) .tab.right {
900
+ -moz-box-shadow: inset 10px -10px 10px -10px #666;
901
+ -webkit-box-shadow: inset 10px -10px 10px -10px #666;
902
+ box-shadow: inset 10px -10px 10px -10px #666;
903
+ }
904
+
905
+ #booking:target .tab.right, #booking:not(:target) .tab.left {
906
+ background-color: #FFFFFF;
907
+ -moz-box-shadow: none;
908
+ -webkit-box-shadow: none;
909
+ box-shadow: none;
910
+ color: #000;
911
+ cursor: default;
912
+ }
913
+
914
+ .tab.left {
915
+ left: 5%;
916
+ }
917
+ .tab.right {
918
+ left: 50%;
919
+ }
920
+
921
+ @media screen and (max-width: 480px) {
922
+ .tab {
923
+ width: 40%;
924
+ }
623
925
 
624
- }
926
+ .tab.left {
927
+ left: 10%;
928
+ }
929
+ }
625
930
 
626
- ul.actions {
627
- cursor: default;
628
- list-style: none;
629
- padding-left: 0;
630
- }
931
+ @media screen and (max-width: 540px) {
631
932
 
632
- ul.actions li {
633
- display: inline-block;
634
- padding: 0 0.75em 0 0;
635
- vertical-align: middle;
636
- }
933
+ .tab .short {
934
+ display: none;
935
+ }
637
936
 
638
- ul.actions li:last-child {
639
- padding-right: 0;
640
- }
937
+ }
938
+
939
+ .baseurl {
940
+ margin-bottom: 1.5em;
941
+ }
942
+
943
+ .baseurls {
944
+ margin-bottom: 2.5em;
945
+ }
946
+
947
+ .code {
948
+ font-family: 'Courier New', Courier, monospace;
949
+ font-size: 0.8em;
950
+ text-transform: none;
951
+ letter-spacing: 0px;
952
+ }
953
+
954
+
955
+ /* Main */
956
+
957
+ .front {
958
+ display: block;
959
+ }
960
+ .back {
961
+ display: none;
962
+ }
963
+
964
+ #booking:target .front {
965
+ display: none;
966
+ }
967
+
968
+ #booking:target .back {
969
+ display: block;
970
+ }
971
+
972
+ /* Only enable animation on modern browsers */
973
+ @supports (((backface-visibility: hidden) or (-webkit-backface-visibility: hidden)) and (transform-style: preserve-3d) and (display: grid)) {
974
+ .flip {
975
+ position: relative;
976
+ display: grid;
977
+ grid-template: 1fr / 1fr;
978
+ align-items: start;
979
+ justify-items: stretch;
980
+ }
981
+ .flip > * {
982
+ grid-column: 1 / 1;
983
+ grid-row: 1 / 1;
984
+ }
641
985
 
642
- dl {
643
- margin: 0 0 1.5em 0;
986
+ /* Multi-level perspective is buggy in firefox */
987
+ @supports not (-moz-backface-visibility: hidden) {
988
+ .outerscene {
989
+ perspective: 1000px;
644
990
  }
645
991
 
646
- dl dt {
647
- display: block;
648
- margin: 0 0 0.75em 0;
649
- }
650
-
651
- dl dd {
652
- margin-left: 1.5em;
653
- }
654
-
655
- /* Button */
656
-
657
- input[type="submit"],
658
- input[type="reset"],
659
- input[type="button"],
660
- button,
661
- .button {
662
- -moz-appearance: none;
663
- -webkit-appearance: none;
664
- -ms-appearance: none;
665
- appearance: none;
666
- -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
667
- -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
668
- -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
669
- transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
670
- display: inline-block;
671
- height: 2.75em;
672
- line-height: 2.75em;
673
- padding: 0 1.5em;
674
- background-color: transparent;
675
- border-radius: 4px;
676
- border: solid 1px #c8cccf;
677
- color: #414f57 !important;
678
- cursor: pointer;
679
- text-align: center;
680
- text-decoration: none;
681
- white-space: nowrap;
992
+ #wrapper {
993
+ transform-style: preserve-3d;
994
+ animation: 1s ease 0s 1 twistFadeOnLoad;
682
995
  }
996
+ }
683
997
 
684
- input[type="submit"]:hover,
685
- input[type="reset"]:hover,
686
- input[type="button"]:hover,
687
- button:hover,
688
- .button:hover {
689
- border-color: #ff7496;
690
- color: #ff7496 !important;
691
- }
692
-
693
- input[type="submit"].icon,
694
- input[type="reset"].icon,
695
- input[type="button"].icon,
696
- button.icon,
697
- .button.icon {
698
- padding-left: 1.35em;
699
- }
700
-
701
- input[type="submit"].icon:before,
702
- input[type="reset"].icon:before,
703
- input[type="button"].icon:before,
704
- button.icon:before,
705
- .button.icon:before {
706
- margin-right: 0.5em;
707
- }
708
-
709
- input[type="submit"].fit,
710
- input[type="reset"].fit,
711
- input[type="button"].fit,
712
- button.fit,
713
- .button.fit {
714
- display: block;
715
- width: 100%;
716
- margin: 0 0 0.75em 0;
717
- }
718
-
719
- input[type="submit"].small,
720
- input[type="reset"].small,
721
- input[type="button"].small,
722
- button.small,
723
- .button.small {
724
- font-size: 0.8em;
725
- }
726
-
727
- input[type="submit"].big,
728
- input[type="reset"].big,
729
- input[type="button"].big,
730
- button.big,
731
- .button.big {
732
- font-size: 1.35em;
733
- }
734
-
735
- input[type="submit"].disabled, input[type="submit"]:disabled,
736
- input[type="reset"].disabled,
737
- input[type="reset"]:disabled,
738
- input[type="button"].disabled,
739
- input[type="button"]:disabled,
740
- button.disabled,
741
- button:disabled,
742
- .button.disabled,
743
- .button:disabled {
744
- -moz-pointer-events: none;
745
- -webkit-pointer-events: none;
746
- -ms-pointer-events: none;
747
- pointer-events: none;
748
- opacity: 0.5;
749
- }
750
-
751
- /* Main */
752
-
753
- #main {
754
- position: relative;
755
- max-width: 100%;
756
- min-width: 27em;
757
- padding: 4.5em 3em 3em 3em ;
758
- background: #ffffff;
759
- border-radius: 4px;
760
- cursor: default;
761
- opacity: 0.95;
762
- text-align: center;
763
- -moz-transform-origin: 50% 50%;
764
- -webkit-transform-origin: 50% 50%;
765
- -ms-transform-origin: 50% 50%;
766
- transform-origin: 50% 50%;
767
- -moz-transform: rotateX(0deg);
768
- -webkit-transform: rotateX(0deg);
769
- -ms-transform: rotateX(0deg);
770
- transform: rotateX(0deg);
771
- -moz-transition: opacity 1s ease, -moz-transform 1s ease;
772
- -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
773
- -ms-transition: opacity 1s ease, -ms-transform 1s ease;
774
- transition: opacity 1s ease, transform 1s ease;
998
+ @supports (-moz-backface-visibility: hidden) {
999
+ #wrapper {
1000
+ animation: 0.5s ease 0s 1 fadeOnLoad;
775
1001
  }
1002
+ }
776
1003
 
777
- #main .avatar {
778
- position: relative;
779
- display: block;
780
- margin-bottom: 1.5em;
781
- }
1004
+ #anchor {
1005
+ display: block;
1006
+ width: 100%;
1007
+ height: 0.5em;
1008
+ }
782
1009
 
783
- #main .avatar img {
784
- display: block;
785
- margin: 0 auto;
786
- box-shadow: 0 0 0 1.5em #ffffff;
787
- background-color: white;
788
- }
1010
+ .content {
1011
+ z-index: 2;
1012
+ }
789
1013
 
790
- #main .avatar:before {
791
- content: '';
792
- display: block;
793
- position: absolute;
794
- top: 50%;
795
- left: -3em;
796
- width: calc(100% + 6em);
797
- height: 1px;
798
- z-index: -1;
799
- background: #c8cccf;
800
- }
1014
+ .scene {
1015
+ perspective: 1000px;
1016
+ z-index: 3;
1017
+ }
1018
+
1019
+ .flip {
1020
+ transform-style: preserve-3d;
1021
+ transition: transform 0.75s;
1022
+ }
1023
+
1024
+ .front,
1025
+ .back {
1026
+ -webkit-backface-visibility: hidden;
1027
+ backface-visibility: hidden;
1028
+
1029
+ top: 0;
1030
+ left: 0;
1031
+
1032
+ display: block !important;
1033
+ position: relative;
1034
+ }
801
1035
 
802
- @media screen and (max-width: 480px) {
1036
+ .front {
1037
+ transform: rotateY(0deg);
1038
+ }
803
1039
 
804
- #main {
805
- min-width: 0;
806
- width: 100%;
807
- padding: 4em 2em 2.5em 2em ;
808
- }
1040
+ .back {
1041
+ transform: rotateY(-180deg);
1042
+ }
809
1043
 
810
- #main .avatar:before {
811
- left: -2em;
812
- width: calc(100% + 4em);
813
- }
1044
+ #booking:target .flip {
1045
+ transform: rotateY( 180deg ) ;
1046
+ }
1047
+ }
1048
+
1049
+ .card {
1050
+ /* position: relative; */
1051
+ overflow: hidden;
1052
+ max-width: 45em;
1053
+ min-width: 27em;
1054
+ background: #ffffff;
1055
+ cursor: default;
1056
+ opacity: 0.95;
1057
+ text-align: center;
1058
+ }
1059
+
1060
+ .front, .back {
1061
+ padding: 2em 3em 3em 3em;
1062
+ border-radius: 0px 0px 4px 4px;
1063
+ }
1064
+
1065
+ .card .avatar {
1066
+ position: relative;
1067
+ display: block;
1068
+ margin-bottom: 1.5em;
1069
+ }
814
1070
 
815
- }
1071
+ .card .avatar img, .card .avatar .logo-sm {
1072
+ display: block;
1073
+ margin: 0 auto;
1074
+ box-shadow: 0 0 0 1.5em #ffffff;
1075
+ background-color: white;
1076
+ }
816
1077
 
817
- body.is-loading #main {
818
- opacity: 0;
819
- -moz-transform: rotateX(15deg);
820
- -webkit-transform: rotateX(15deg);
821
- -ms-transform: rotateX(15deg);
822
- transform: rotateX(15deg);
823
- }
1078
+ .card .avatar:before {
1079
+ content: '';
1080
+ display: block;
1081
+ position: absolute;
1082
+ top: 50%;
1083
+ left: -3em;
1084
+ width: calc(100% + 6em);
1085
+ height: 1px;
1086
+ z-index: -1;
1087
+ background: #c8cccf;
1088
+ }
824
1089
 
825
- /* Footer */
1090
+ @media screen and (max-width: 480px) {
826
1091
 
827
- #footer {
828
- -moz-align-self: -moz-flex-end;
829
- -webkit-align-self: -webkit-flex-end;
830
- -ms-align-self: -ms-flex-end;
831
- align-self: flex-end;
1092
+ .card {
1093
+ min-width: 0;
832
1094
  width: 100%;
833
- padding: 1.5em 0 0 0;
834
- color: rgba(255, 255, 255, 0.75);
835
- cursor: default;
836
- text-align: center;
1095
+ padding: 2.5em 2em 2.5em 2em ;
837
1096
  }
838
1097
 
839
- #footer .copyright {
840
- margin: 0;
841
- padding: 0;
842
- font-size: 0.7em;
843
- list-style: none;
1098
+ .card .avatar:before {
1099
+ left: -2em;
1100
+ width: calc(100% + 4em);
844
1101
  }
845
1102
 
846
- #footer .copyright li {
847
- display: inline-block;
848
- margin: 0 0 0 0.45em;
849
- padding: 0 0 0 0.85em;
850
- border-left: solid 1px rgba(255, 255, 255, 0.5);
851
- line-height: 1;
852
- }
853
-
854
- #footer .copyright li:first-child {
855
- border-left: 0;
856
- }
857
-
858
- /* Wrapper */
1103
+ }
859
1104
 
860
- body {
861
- text-align: center;
1105
+ /* Footer */
1106
+
1107
+ #footer {
1108
+ -moz-align-self: -moz-flex-end;
1109
+ -webkit-align-self: -webkit-flex-end;
1110
+ -ms-align-self: -ms-flex-end;
1111
+ align-self: flex-end;
1112
+ width: 100%;
1113
+ padding: 1.5em 0 0 0;
1114
+ color: rgba(255, 255, 255, 0.75);
1115
+ cursor: default;
1116
+ text-align: center;
1117
+ }
1118
+
1119
+ #footer .copyright {
1120
+ margin: 0;
1121
+ padding: 0;
1122
+ font-size: 0.8em;
1123
+ list-style: none;
862
1124
  }
863
1125
 
864
- #wrapper {
1126
+ #footer .copyright li {
865
1127
  display: inline-block;
866
- align-items: center;
867
- perspective: 1000px;
868
- position: relative;
869
- min-height: 100%;
870
- padding: 1.5em;
871
- z-index: 2;
1128
+ margin: 0 0 0 0.45em;
1129
+ padding: 0 0 0 0.85em;
1130
+ border-left: solid 1px rgba(255, 255, 255, 0.5);
1131
+ line-height: 1;
872
1132
  }
873
1133
 
874
- #wrapper > * {
875
- z-index: 1;
876
- }
877
-
878
- #wrapper:before {
879
- content: '';
880
- display: block;
881
- }
882
-
883
- @media screen and (max-width: 360px) {
884
-
885
- #wrapper {
886
- padding: 0.75em;
887
- }
888
-
1134
+ #footer .copyright li:first-child {
1135
+ border-left: 0;
889
1136
  }
890
1137
 
891
- body.is-ie #wrapper {
892
- height: 100%;
893
- }
1138
+ /* Wrapper */
894
1139
 
1140
+ body {
1141
+ text-align: center;
1142
+ }
895
1143
 
1144
+ #wrapper {
1145
+ display: inline-block;
1146
+ align-items: center;
1147
+ position: relative;
1148
+ min-height: 100%;
1149
+ padding: 3em 1.5em 1.5em 1.5em;
1150
+ z-index: 2;
1151
+ }
896
1152
 
897
- .metadata {
898
- display: none;
1153
+ #wrapper > * {
1154
+ /*z-index: 1;*/
899
1155
  }
900
1156
 
901
- .license, .description {
902
- font-size: 0.8em;
903
- max-width: 400px;
904
- display: inline-block;
905
- }
906
-
907
- .warning {
908
- font-size: 0.8em;
909
- max-width: 400px;
910
- display: inline-block;
911
- font-weight: bolder;
912
- color: red;
913
- margin-top: -50px;
914
- font-family: sans-serif;
1157
+ #wrapper:before {
1158
+ content: '';
1159
+ display: block;
915
1160
  }
916
1161
 
917
- .logo {
918
- max-width: 230px;
919
- max-height: 80px;
920
- }
1162
+ @media screen and (max-width: 360px) {
921
1163
 
922
- .badge {
923
- background-size: contain;
924
- background-repeat: no-repeat;
925
- background-position: center;
926
- border-radius: initial !important;
927
- border: none !important;
928
- opacity: 0.5;
929
- }
1164
+ #wrapper {
1165
+ padding: 2.25 0.75em 0.75em 0.75em;
1166
+ }
930
1167
 
931
- .badge:hover {
932
- opacity: 1;
933
- }
934
- </style>
935
- <style>
936
- body {
937
- background-image: url(data:image/png;base64,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), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("{{{backgroundImage.url}}}");
938
1168
  }
939
- </style>
940
1169
 
941
- <!-- JSON-LD conforming to Google Structured Data specification. -->
942
- <script type="application/ld+json">
943
- {{{json}}}
944
- </script>
1170
+ .metadata, .always-hidden {
1171
+ display: none;
1172
+ }
1173
+
1174
+ .license, .description {
1175
+ font-size: 0.8em;
1176
+ max-width: 45em;
1177
+ display: inline-block;
1178
+ }
1179
+
1180
+ .license {
1181
+ margin-bottom: 3em;
1182
+ }
1183
+
1184
+ .warning {
1185
+ font-size: 0.9em;
1186
+ max-width: 45em;
1187
+ display: inline-block;
1188
+ color: red;
1189
+ margin: 0.3em 0;
1190
+ padding: 0 3em;
1191
+ font-weight: 600;
1192
+ letter-spacing: 0.1em;
1193
+ }
1194
+
1195
+ .logo {
1196
+ max-width: 230px;
1197
+ max-height: 80px;
1198
+ }
1199
+
1200
+ .badge {
1201
+ background-size: contain;
1202
+ background-repeat: no-repeat;
1203
+ background-position: center;
1204
+ border-radius: initial !important;
1205
+ border: none !important;
1206
+ opacity: 0.5;
1207
+ }
1208
+
1209
+ .badge:hover {
1210
+ opacity: 1;
1211
+ }
1212
+ </style>
945
1213
  </head>
946
- <body class="is-loading">
947
-
948
- <!-- Wrapper -->
949
- <div id="wrapper" typeof="dcat:Dataset" resource="{{url}}">
950
-
951
- <!-- Main -->
952
- <section id="main">
953
- <header>
954
- <div>
955
- <a href="{{publisher.url}}" about="{{publisher.url}}" property="foaf:homepage">
956
- <span class="avatar" property="foaf:name" content="{{publisher.name}}"><img class="logo" src="{{publisher.logo.url}}" alt="" /></span>
957
- </a>
1214
+ <body id="booking" background="{{backgroundImage.url}}">
1215
+ <div class="outerscene">
1216
+ <div id="anchor"></div>
1217
+ <!-- Wrapper -->
1218
+ <div id="wrapper" typeof="dcat:Dataset" resource="{{url}}">
1219
+ {{#accessService}}
1220
+ <a class="tab left" href="#"><div>Open Data</div></a>
1221
+ <a class="tab right" href="#booking"><div><span class="short">Open</span> Booking <span class="short">API</span></div></a>
1222
+ {{/accessService}}
1223
+ <div class="content">
1224
+ <div class="bar">
1225
+ {{#disambiguatingDescription}}
1226
+ <p class="warning">{{.}}</p>
1227
+ {{/disambiguatingDescription}}
958
1228
  </div>
1229
+ <div class="scene">
1230
+ <div class="flip">
1231
+ <!-- Front -->
1232
+ <section id="main" class="front card">
1233
+
1234
+ <header>
1235
+ <div>
1236
+ <a href="{{publisher.url}}" about="{{publisher.url}}" property="foaf:homepage">
1237
+ <span class="avatar" property="foaf:name" content="{{publisher.name}}"><img class="logo" src="{{publisher.logo.url}}" alt="" /></span>
1238
+ </a>
1239
+ </div>
1240
+
1241
+ <h1>Open Data</h1>
1242
+
1243
+ <h2 property="dct:title">{{name}}</h2>
1244
+
1245
+ <p class="description">{{description}}, published using <a href='https://www.openactive.io/'>OpenActive</a> <a href='https://openactive.io/realtime-paged-data-exchange/1.0/'>RPDE 1.0</a> and <a href='{{schemaVersion}}'>Model 2.0</a>.</p>
1246
+ <p class="metadata" property="dct:description">{{description}}.</p>
1247
+ <p class="metadata" property="dct:created" content='{{datePublished}}' datatype='xsd:dateTime'></p>
1248
+ {{#keywords}}
1249
+ <p class="metadata" property="dcat:keyword">{{.}}</p>
1250
+ {{/keywords}}
1251
+ <a class="metadata" href="http://purl.org/linked-data/sdmx/2009/code#freq-N" property="dct:accrualPeriodicity">Every minute</a>
1252
+ <ul class="icons">
1253
+ <li><a href="{{documentation}}" class="fa-info">Documentation</a><br /><span>Documentation</span></li>
1254
+ <li><a href="{{discussionUrl}}" class="fa-comments">Discussion</a><br /><span>Discussion</span></li>
1255
+ {{#bookingService.hasCredential}}
1256
+ <li><a href="{{.}}" class="fa-certificate">Certificate</a><br /><span>Certificate</span></li>
1257
+ {{/bookingService.hasCredential}}
1258
+ </ul>
1259
+ </header>
1260
+
1261
+ <ul class="download">
1262
+ {{#distribution}}
1263
+ <li>
1264
+ <a property='dcat:distribution' typeof='dcat:Distribution' href='{{contentUrl}}'>
1265
+ <i class="fa fa-cloud-download"></i>
1266
+ <span property="dct:title">{{name}}</span>
1267
+ <span class="metadata" content='{{encodingFormat}}' property='dcat:mediaType'>OpenActive RPDE v1.0 Endpoints conforming to Modelling Specification 2.0.</span>
1268
+ </a>
1269
+ </li>
1270
+ {{/distribution}}
1271
+ </ul>
1272
+
1273
+ <footer>
1274
+ <div class="license">
1275
+ <span property="dct:license" resource="{{license}}">
1276
+ This data is owned by <a property="dct:publisher" href="{{publisher.url}}">{{publisher.legalName}}</a> and is licensed under the
1277
+ <a href="{{license}}"><span property="dct:title">Creative Commons Attribution Licence (CC-BY v4.0)</span></a>
1278
+ for anyone to access, use and share;
1279
+ </span>
1280
+ <span property="dct:rights" resource="#rights" typeof="odrs:RightsStatement">
1281
+ <span class="metadata" property="rdfs:label">Rights Statement</span>
1282
+ <a class="metadata" href="{{license}}" property="odrs:dataLicense">Creative Commons Attribution Licence (CC-BY v4.0)</a>
1283
+ <a class="metadata" href="{{license}}" property="odrs:contentLicense">Creative Commons Attribution Licence (CC-BY v4.0)</a>
1284
+ using attribution
1285
+ "<a href="{{url}}" property="odrs:attributionURL"><span property="odrs:attributionText">{{publisher.name}}</span></a>".
1286
+ </span>
1287
+ </div>
1288
+ <span class="avatar"><a href="https://www.openactive.io/"><div class="logo-sm openactive-logo" alt="OpenActive"></div></a></span>
1289
+ </footer>
1290
+ </section>
1291
+
1292
+ <!-- Back -->
1293
+ <section id="access" class="back card">
1294
+ <header>
1295
+ <div>
1296
+ <a href="{{publisher.url}}">
1297
+ <span class="avatar"><img class="logo" src="{{publisher.logo.url}}" alt="" /></span>
1298
+ </a>
1299
+ </div>
1300
+
1301
+ <h1>Open Booking API</h1>
1302
+
1303
+ <h2>{{name}}</h2>
1304
+
1305
+ <p class="description">{{accessService.description}}, conforming to <a href='https://www.openactive.io/'>OpenActive</a> <a href='https://openactive.io/open-booking-api/EditorsDraft/1.0CR3/'>Open Booking 1.0 CR3</a>.</p>
1306
+ <ul class="icons">
1307
+ <li><a href="{{accessService.landingPage}}" class="fa-key">Access</a><br /><span>Access</span></li>
1308
+ <li><a href="{{accessService.documentation}}" class="fa-info">Documentation</a><br /><span>Documentation</span></li>
1309
+ <li><a href="{{discussionUrl}}" class="fa-comments">Discussion</a><br /><span>Discussion</span></li>
1310
+ <li><a href="{{bookingService.hasCredential}}" class="fa-certificate">Certificate</a><br /><span>Certificate</span></li>
1311
+ </ul>
1312
+ </header>
1313
+
1314
+ <div class="baseurls">
1315
+ <div class="baseurl">
1316
+ <label for="txtEndpointUrl">Base URI</label>
1317
+ <input id="txtEndpointUrl" type="text" class="code" value="{{accessService.endpointUrl}}" disabled>
1318
+ </div>
1319
+
1320
+ {{#accessService.authenticationAuthority}}
1321
+ <div class="baseurl">
1322
+ <label for="txtAuthenticationAuthority">Authentication Authority</label>
1323
+ <input id="txtAuthenticationAuthority" type="text" class="code" value="{{.}}" disabled>
1324
+ </div>
1325
+ {{/accessService.authenticationAuthority}}
1326
+ </div>
1327
+
1328
+ <footer>
1329
+ {{#accessService.termsOfService}}
1330
+ <div class="license">
1331
+ Use of this API is governed by specific <a href="{{.}}">Terms of Service</a>.
1332
+ </div>
1333
+ {{/accessService.termsOfService}}
1334
+ <span class="avatar"><a href="https://www.openactive.io/"><div class="logo-sm openactive-logo" alt="OpenActive"></div></a></span>
1335
+ </footer>
1336
+ </section>
1337
+ </div>
1338
+ </div>
1339
+ </div>
959
1340
 
960
- <h1>Open Data</h1>
961
-
962
- <h2 property="dct:title">{{name}}</h2>
963
-
964
- <p class="description">{{description}}, published using <a href='https://www.openactive.io/'>OpenActive</a> <a href='https://www.openactive.io/realtime-paged-data-exchange/1.0/'>RPDE 1.0</a> and <a href='{{schemaVersion}}'>Model 2.0</a>.</p>
965
- <p class="metadata" property="dct:description">{{description}}.</p>
966
- <p class="metadata" property="dct:created" content='{{datePublished}}' datatype='xsd:dateTime'></p>
967
- {{#keywords}}
968
- <p class="metadata" property="dcat:keyword">{{.}}</p>
969
- {{/keywords}}
970
- <a class="metadata" href="http://purl.org/linked-data/sdmx/2009/code#freq-N" property="dct:accrualPeriodicity">Every minute</a>
971
- <ul class="icons">
972
- <li><a href="{{documentation}}" class="fa-info">Documentation</a><br /><span>Documentation</span></li>
973
- <li><a href="{{discussionUrl}}" class="fa-comments">Discussion</a><br /><span>Discussion</span></li>
1341
+ <!-- Footer -->
1342
+ <footer id="footer">
1343
+ <ul class="copyright">
1344
+ <li>{{#bookingService}}Platform: <a href="{{url}}">{{name}} {{softwareVersion}}</a>. {{/bookingService}}Design: <a href="http://html5up.net">HTML5 UP</a>.</li>
974
1345
  </ul>
975
- </header>
976
-
977
- <ul class="download">
978
- {{#distribution}}
979
- <li>
980
- <a property='dcat:distribution' typeof='dcat:Distribution' href='{{contentUrl}}'>
981
- <i class="fa fa-cloud-download"></i>
982
- <span property="dct:title">{{name}}</span>
983
- <span class="metadata" content='{{encodingFormat}}' property='dcat:mediaType'>OpenActive RPDE v1.0 Endpoints conforming to Modelling Specification 2.0.</span>
984
- </a>
985
- </li>
986
- {{/distribution}}
987
- </ul>
988
-
989
- <footer>
990
- <div class="license">
991
- <span property="dct:license" resource="{{license}}">
992
- This data is owned by <a property="dct:publisher" href="{{publisher.url}}">{{publisher.legalName}}</a> and is licensed under the
993
- <a href="{{license}}"><span property="dct:title">Creative Commons Attribution Licence (CC-BY v4.0)</span></a>
994
- for anyone to access, use and share;
995
- </span>
996
- <span property="dct:rights" resource="#rights" typeof="odrs:RightsStatement">
997
- <span class="metadata" property="rdfs:label">Rights Statement</span>
998
- <a class="metadata" href="{{license}}" property="odrs:dataLicense">Creative Commons Attribution Licence (CC-BY v4.0)</a>
999
- <a class="metadata" href="{{license}}" property="odrs:contentLicense">Creative Commons Attribution Licence (CC-BY v4.0)</a>
1000
- using attribution
1001
- "<a href="{{url}}" property="odrs:attributionURL"><span property="odrs:attributionText">{{publisher.name}}</span></a>".
1002
- </span>
1003
- </div>
1004
- <p></p>
1005
- <span class="avatar"><a href="https://www.openactive.io/"><img src="https://www.openactive.io/assets/openactive-logo-small.png" width="100" alt="OpenActive" /></a></span>
1006
1346
  </footer>
1007
- </section>
1008
-
1009
- <!-- Footer -->
1010
- <footer id="footer">
1011
- <ul class="copyright">
1012
- <li>{{#bookingService}}Platform: <a href="{{url}}">{{name}} {{softwareVersion}}</a>. {{/bookingService}}Design: <a href="http://html5up.net">HTML5 UP</a>.</li>
1013
- </ul>
1014
- </footer>
1015
-
1347
+ </div>
1016
1348
  </div>
1017
-
1018
- <!-- Scripts -->
1019
- <script>if ('addEventListener' in window) { window.addEventListener('load', function () { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); }); document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : ''); }</script>
1020
1349
  </body>
1021
1350
  </html>