0001-thonon-agglomeration-online-new-theme-58367.patch
static/thonon-agglomeration-online/_custom.scss | ||
---|---|---|
1 |
.color-cyan { |
|
2 |
color: $cyan; |
|
3 |
} |
|
4 | ||
5 |
.list-nude { |
|
6 |
margin: 0; |
|
7 |
padding: 0; |
|
8 |
list-style-type: none; |
|
9 |
} |
|
10 | ||
11 |
.download-link { |
|
12 |
&::after { |
|
13 |
content: "\00A0\f019"; |
|
14 |
font-family: FontAwesome, sans-serif; |
|
15 |
} |
|
16 |
} |
|
17 | ||
18 | ||
19 |
%title { |
|
20 |
display: flex; |
|
21 |
margin-bottom: 1em; |
|
22 |
padding-bottom: 0; |
|
23 |
&::before { |
|
24 |
content: ""; |
|
25 |
order: 1; |
|
26 |
height: 1px; |
|
27 |
flex: 1 0 0; |
|
28 |
align-self: center; |
|
29 |
background-color: currentColor; |
|
30 |
margin-left: .66em; |
|
31 |
} |
|
32 |
} |
|
33 | ||
34 |
%button { |
|
35 |
text-transform: uppercase; |
|
36 |
font-size: $fz-small; |
|
37 |
font-weight: 500; |
|
38 |
padding: 1em; |
|
39 |
} |
|
40 | ||
41 |
.button-right-arrow { |
|
42 |
@extend %button; |
|
43 |
display: inline-flex; |
|
44 |
align-items: center; |
|
45 |
padding: 0; |
|
46 |
padding-left: 15px; |
|
47 |
overflow: hidden; |
|
48 | ||
49 |
&::after { |
|
50 |
content: "→"; |
|
51 |
color: white; |
|
52 |
background-color: $cyan; |
|
53 |
padding: 10px; |
|
54 |
font-weight: bold; |
|
55 |
margin-left: 1em; |
|
56 |
} |
|
57 |
} |
|
58 | ||
59 |
.button-left-arrow { |
|
60 |
@extend .button-right-arrow; |
|
61 |
padding-left: 0; |
|
62 |
padding-right: 1em; |
|
63 |
&::after { |
|
64 |
content: "←"; |
|
65 |
order: -1; |
|
66 |
margin-left: 0; |
|
67 |
margin-right: 1em; |
|
68 |
} |
|
69 |
} |
|
70 | ||
71 |
label { |
|
72 |
font-weight: 600; |
|
73 |
} |
|
74 | ||
75 |
// |
|
76 |
// HEADER |
|
77 |
// |
|
78 | ||
79 |
#top { |
|
80 |
display: flex; |
|
81 |
flex-wrap: wrap; |
|
82 |
align-items: center; |
|
83 | ||
84 |
@media ($max-mobile-viewport) { |
|
85 |
height: 75px; |
|
86 |
} |
|
87 |
@media ($min-desktop-viewport) { |
|
88 |
padding-bottom: 20px; |
|
89 |
} |
|
90 |
} |
|
91 | ||
92 | ||
93 |
h1#logo.has-logo{ |
|
94 |
padding-left: 0; |
|
95 |
a { |
|
96 |
min-width: 0; |
|
97 |
width: 100px; |
|
98 |
height: 50px; |
|
99 |
@media ($min-desktop-viewport) { |
|
100 |
width: 180px; |
|
101 |
height: 85px; |
|
102 |
margin-right: 20px; |
|
103 |
} |
|
104 |
} |
|
105 |
@media ($max-mobile-viewport) { |
|
106 |
flex-grow: 1; |
|
107 |
} |
|
108 |
} |
|
109 | ||
110 |
.theme-header--baseline { |
|
111 |
font-size: $fz-small; |
|
112 |
text-transform: uppercase; |
|
113 |
} |
|
114 | ||
115 |
// |
|
116 |
// TOPLINKS |
|
117 |
// |
|
118 | ||
119 |
#toplinks { |
|
120 |
position: static; |
|
121 |
border: none; |
|
122 |
box-shadow: none; |
|
123 |
border-radius: 0; |
|
124 |
padding: 0; |
|
125 | ||
126 |
@media ($max-mobile-viewport) { |
|
127 |
padding-right: $mobile-header-height; |
|
128 |
} |
|
129 | ||
130 |
span { |
|
131 |
display: inline-block; |
|
132 |
} |
|
133 | ||
134 |
a { |
|
135 |
text-transform: uppercase; |
|
136 |
display: inline-block; |
|
137 | ||
138 |
&.login-link, &.logout { |
|
139 |
background-color: $gray-dark; |
|
140 |
color: white; |
|
141 |
padding: .66em 1em; |
|
142 |
&:hover { |
|
143 |
background-color: $cyan; |
|
144 |
text-decoration: none; |
|
145 |
} |
|
146 |
} |
|
147 | ||
148 |
&.registration { |
|
149 |
display: none; |
|
150 |
} |
|
151 |
&.account-link { |
|
152 |
color: $gray-medium; |
|
153 |
font-weight: 500; |
|
154 |
} |
|
155 |
} |
|
156 |
.sep { |
|
157 |
display: none; |
|
158 |
} |
|
159 |
@media ($max-mobile-viewport) { |
|
160 |
a { |
|
161 |
display: block; |
|
162 |
font-size: $fz-small; |
|
163 |
} |
|
164 |
} |
|
165 |
@media ($min-desktop-viewport) { |
|
166 |
flex: 1 0 100%; |
|
167 |
order: -1; |
|
168 |
text-align: right; |
|
169 |
} |
|
170 |
} |
|
171 | ||
172 |
// |
|
173 |
// NAV |
|
174 |
// |
|
175 | ||
176 |
.site-nav { |
|
177 |
@media ($min-desktop-viewport) { |
|
178 |
flex-grow: 1; |
|
179 |
text-align: right; |
|
180 |
align-self: flex-end; |
|
181 |
} |
|
182 |
} |
|
183 | ||
184 |
div.gru-nav .gru-nav-button + ul { |
|
185 |
margin: 0; |
|
186 |
> li { |
|
187 |
a { |
|
188 |
font-weight: 500; |
|
189 |
> span { |
|
190 |
position: relative; |
|
191 |
} |
|
192 |
} |
|
193 |
> a { |
|
194 |
background: no-repeat white; |
|
195 |
@media ($max-mobile-viewport) { |
|
196 |
background-size: 2.1em; |
|
197 |
background-position: left 0.66em center ; |
|
198 |
border-radius: 1em !important; |
|
199 |
border-bottom: none; |
|
200 |
margin-bottom: 10px; |
|
201 |
padding-left: 3.5em; |
|
202 |
+ ul { |
|
203 |
display: none; |
|
204 |
} |
|
205 |
} |
|
206 |
@media ($min-desktop-viewport) { |
|
207 |
background-position: bottom 2.2em center ; |
|
208 |
padding-bottom: 0; |
|
209 |
padding-top: 4em; |
|
210 |
} |
|
211 |
} |
|
212 |
} |
|
213 |
} |
|
214 |
// submenu |
|
215 |
div.gru-nav > ul ul { |
|
216 |
padding: .33em; |
|
217 |
a:hover { |
|
218 |
border-color: transparent; |
|
219 |
color: $nav-color; |
|
220 |
} |
|
221 |
} |
|
222 |
// badge |
|
223 |
div.gru-nav span.badge, |
|
224 |
div.menucell span.badge { |
|
225 |
$size: 1.5em; |
|
226 |
&::before, &::after { |
|
227 |
content: none; |
|
228 |
} |
|
229 |
display: inline-block; |
|
230 |
width: $size; |
|
231 |
height: $size; |
|
232 |
line-height: $size; |
|
233 |
border-radius: 50%; |
|
234 |
text-align: center; |
|
235 |
background-color: #E10000; |
|
236 |
color: white; |
|
237 |
font-weight: bold; |
|
238 |
} |
|
239 |
div.gru-nav span.badge { |
|
240 |
position: absolute; |
|
241 |
right: calc(100% + .5em); |
|
242 |
bottom: 50%; |
|
243 |
@media ($min-desktop-viewport) { |
|
244 |
right: auto; |
|
245 |
bottom: calc( 100% + 2em); |
|
246 |
left: calc(50%); |
|
247 |
} |
|
248 |
} |
|
249 | ||
250 |
// right-to-left adaptation |
|
251 |
@media ($max-mobile-viewport) { |
|
252 |
@if $responsive-menu == left-to-right { |
|
253 |
body { |
|
254 |
border-left: none; |
|
255 |
} |
|
256 |
div.gru-nav .gru-nav-button { |
|
257 |
border: 20px solid; |
|
258 |
left: auto; |
|
259 |
right: 0; |
|
260 |
top: 0; |
|
261 |
+ ul { |
|
262 |
transform: translateX(100%); |
|
263 |
left: auto; |
|
264 |
right: 0; |
|
265 |
width: auto; |
|
266 |
padding-left: 1em; |
|
267 |
padding-right: 1em; |
|
268 |
} |
|
269 |
} |
|
270 |
} |
|
271 |
} |
|
272 | ||
273 |
// |
|
274 |
// MAIN |
|
275 |
// |
|
276 | ||
277 |
main { |
|
278 |
padding-top: $columns-gutter; |
|
279 |
} |
|
280 |
.gru-content { |
|
281 |
padding-left: 0.7em; |
|
282 |
padding-right: 0.7em; |
|
283 |
} |
|
284 | ||
285 |
// |
|
286 |
// CELLS |
|
287 |
// |
|
288 | ||
289 |
// cell--body |
|
290 |
.column div.a2-block, |
|
291 |
.gru-content div.cell, |
|
292 |
.block { |
|
293 |
margin-bottom: $columns-gutter; |
|
294 |
& h2 ~ div, |
|
295 |
.cell--body, |
|
296 |
&.menu-cell { |
|
297 |
background-color: white; |
|
298 |
border-radius: $cell-border-radius; |
|
299 |
overflow: hidden; |
|
300 |
} |
|
301 |
} |
|
302 | ||
303 |
// cell pagination |
|
304 |
.cell-items-pagination { |
|
305 |
background: none !important; |
|
306 |
} |
|
307 | ||
308 |
// Custom search form |
|
309 |
div.search-cell { |
|
310 |
form { |
|
311 |
background-color: white; |
|
312 |
padding: 0; |
|
313 |
border: 1px solid $gray; |
|
314 |
border-radius: 10em; |
|
315 |
overflow: hidden; |
|
316 |
input, input:focus { |
|
317 |
margin-right: 0; |
|
318 |
border: none !important; |
|
319 |
} |
|
320 |
button { |
|
321 |
border-radius: 50%; |
|
322 |
order: -1; |
|
323 |
background-color: $font-color; |
|
324 |
color: white; |
|
325 |
position: relative; |
|
326 |
padding: 5px; |
|
327 |
font-size: $fz-2; |
|
328 |
width: 3em; |
|
329 |
height: 3em; |
|
330 |
&:hover { |
|
331 |
background-color: $cyan; |
|
332 |
color: white; |
|
333 |
} |
|
334 |
} |
|
335 |
} |
|
336 |
} |
|
337 |
.combo-search--button { |
|
338 |
&::before { |
|
339 |
content: "\f002"; |
|
340 |
font-family: FontAwesome; |
|
341 |
} |
|
342 |
&-label { |
|
343 |
display: none; |
|
344 |
} |
|
345 |
} |
|
346 | ||
347 |
// Custom link cell |
|
348 |
.btn-with-icon { |
|
349 |
&--link { |
|
350 |
@extend %button; |
|
351 |
text-transform: none; |
|
352 |
padding: 0; |
|
353 |
overflow: hidden; |
|
354 |
display: flex; |
|
355 |
align-items: center; |
|
356 |
text-align: left; |
|
357 |
margin-right: 0; |
|
358 |
margin-bottom: 0.5rem; |
|
359 |
font-size: 1rem; |
|
360 |
font-weight: normal; |
|
361 |
&:hover { |
|
362 |
background-color: $font-color; |
|
363 |
} |
|
364 |
} |
|
365 |
&--icon { |
|
366 |
background-color: white; |
|
367 |
background-origin: content-box; |
|
368 |
background-size: contain; |
|
369 |
background-position: center; |
|
370 |
background-repeat: no-repeat; |
|
371 |
display: inline-block; |
|
372 |
flex-basis: 3.2em; |
|
373 |
border: .5em solid transparent; |
|
374 |
border-left-width: 1em; |
|
375 |
align-self: stretch; |
|
376 |
} |
|
377 |
&--label { |
|
378 |
padding: .8em; |
|
379 |
display: inline-block; |
|
380 |
line-height: 1.2em; |
|
381 |
} |
|
382 |
} |
|
383 |
.big-btn-with-icon { |
|
384 |
.btn-with-icon { |
|
385 |
&--link { |
|
386 |
font-size: $fz-2; |
|
387 |
&:hover { |
|
388 |
background-color: $cyan; |
|
389 |
} |
|
390 |
} |
|
391 |
} |
|
392 |
} |
|
393 |
// custom .menu-cell |
|
394 |
div.menu-cell ul { |
|
395 |
padding-top: 1rem; |
|
396 |
padding-bottom: 1rem; |
|
397 |
& > li { |
|
398 |
border-bottom: none !important; |
|
399 |
} |
|
400 |
& > li > a { |
|
401 |
color: $font-color; |
|
402 |
padding-top: .5rem; |
|
403 |
padding-bottom: .5rem; |
|
404 |
&::before { |
|
405 |
content: ">"; |
|
406 |
color: $gray; |
|
407 |
font-weight: bold; |
|
408 |
margin-right: .33em; |
|
409 |
} |
|
410 |
&:hover { |
|
411 |
color: $cyan; |
|
412 |
background-color: transparent; |
|
413 |
} |
|
414 |
} |
|
415 |
} |
|
416 | ||
417 | ||
418 |
// |
|
419 |
// JSON CELLS (TILES) |
|
420 |
// |
|
421 | ||
422 |
// all tiles |
|
423 |
.tiles--list { |
|
424 |
@extend .list-nude; |
|
425 |
} |
|
426 |
.tiles--item { |
|
427 |
margin-bottom: 0.5rem; |
|
428 |
} |
|
429 |
.tiles--btn { |
|
430 |
text-align: right; |
|
431 |
> a:last-child { |
|
432 |
margin-right: 0; |
|
433 |
} |
|
434 |
} |
|
435 |
.tile { |
|
436 |
color: inherit; |
|
437 |
text-decoration: none; |
|
438 |
display: block; |
|
439 |
line-height: 1.4; |
|
440 | ||
441 |
&:hover { |
|
442 |
text-decoration: none; |
|
443 | ||
444 |
.tile--title { |
|
445 |
color: $cyan; |
|
446 |
} |
|
447 |
} |
|
448 |
} |
|
449 |
.tile--picture { |
|
450 |
background-color: white; |
|
451 |
display: block; |
|
452 |
position: relative; |
|
453 |
height: auto; |
|
454 |
} |
|
455 |
.tile--img { |
|
456 |
position: absolute; |
|
457 |
inset: 0 0 0 0; |
|
458 |
width: 100%; |
|
459 |
height: 100%; |
|
460 |
object-fit: cover; |
|
461 |
display: block; |
|
462 |
} |
|
463 |
.tile--body { |
|
464 |
background-color: white; |
|
465 |
padding: 2rem; |
|
466 | ||
467 |
& > * { |
|
468 |
margin-top: 0; |
|
469 |
&:last-child { |
|
470 |
margin-bottom: 0; |
|
471 |
} |
|
472 |
} |
|
473 |
} |
|
474 |
.actu--date, |
|
475 |
.tile--date { |
|
476 |
color: $gray-medium; |
|
477 |
margin-bottom: 0.2rem; |
|
478 |
} |
|
479 |
.tile--title { |
|
480 |
font-size: $fz-2; |
|
481 |
text-transform: uppercase; |
|
482 |
font-weight: 600; |
|
483 |
} |
|
484 |
// Actus tiles |
|
485 |
.tile-actu { |
|
486 |
@media ($min-desktop-viewport) { |
|
487 |
display: flex; |
|
488 | ||
489 |
> * { |
|
490 |
flex-basis: 50%; |
|
491 |
flex-grow: 1 |
|
492 |
} |
|
493 |
} |
|
494 |
.tile--picture { |
|
495 |
padding-top: 54%; |
|
496 |
@media ($min-desktop-viewport) { |
|
497 |
padding-top: 27%; |
|
498 |
} |
|
499 |
} |
|
500 |
} |
|
501 |
// tile actu small |
|
502 |
.tile-actu-small { |
|
503 |
.tile--picture { |
|
504 |
padding-top: 64%; |
|
505 |
@media ($min-desktop-viewport) { |
|
506 |
padding-top: 32%; |
|
507 |
} |
|
508 |
} |
|
509 |
} |
|
510 |
// tile actu mini |
|
511 |
.actus-mini--list { |
|
512 |
display: flex; |
|
513 |
flex-wrap: wrap; |
|
514 |
gap: 2px; |
|
515 |
margin-bottom: 0.5rem; |
|
516 |
} |
|
517 |
.actus-mini--item { |
|
518 |
min-width: 12rem; |
|
519 |
flex: 1 0 0; |
|
520 |
background-color: white; |
|
521 |
margin-bottom: 0; |
|
522 |
} |
|
523 |
.tile-actu-mini { |
|
524 |
display: block; |
|
525 |
} |
|
526 |
// People tiles |
|
527 |
.peoples--list { |
|
528 |
display: flex; |
|
529 |
flex-wrap: wrap; |
|
530 |
gap: 1rem; |
|
531 | ||
532 |
} |
|
533 |
.peoples--item { |
|
534 |
background-color: white; |
|
535 |
flex: 1 1 20%; |
|
536 |
max-width: 15rem; |
|
537 |
min-width: 9rem; |
|
538 |
@media (max-width: $very-small-limit) { |
|
539 |
flex-basis: 40%; |
|
540 |
} |
|
541 |
} |
|
542 |
.tile-people { |
|
543 |
.tile--body { |
|
544 |
padding: .33em; |
|
545 |
} |
|
546 |
.tile--title { |
|
547 |
font-size: 1rem; |
|
548 |
margin-bottom: 0; |
|
549 |
} |
|
550 |
.tile--subtitle { |
|
551 |
color: $gray-medium; |
|
552 |
text-transform: uppercase; |
|
553 |
font-weight: normal; |
|
554 |
} |
|
555 |
.tile--picture { |
|
556 |
padding-top: 13rem; |
|
557 |
} |
|
558 |
} |
|
559 |
// actus |
|
560 |
.actu--title { |
|
561 |
@extend %title; |
|
562 |
&::before { |
|
563 |
content: none; |
|
564 |
} |
|
565 |
} |
|
566 |
.actu--insert-title, |
|
567 |
.actu--footer-title { |
|
568 |
font-size: $fz-2 !important; |
|
569 |
margin-bottom: 0.2em !important; |
|
570 |
&::before { |
|
571 |
content: none !important; |
|
572 |
} |
|
573 |
} |
|
574 |
.actu--picture { |
|
575 |
background-color: white; |
|
576 |
display: block; |
|
577 |
} |
|
578 |
.actu--legend { |
|
579 |
color: $gray-medium; |
|
580 |
font-size: $fz-small; |
|
581 |
padding: 1em; |
|
582 |
} |
|
583 |
.actu--body, |
|
584 |
.actu-footer { |
|
585 |
line-height: 1.4; |
|
586 |
} |
|
587 |
.actu--insert { |
|
588 |
border-left: .33em solid $cyan; |
|
589 |
padding: .66em; |
|
590 |
background-color: hsla(0, 0%, 0%, 0.05); |
|
591 |
} |
|
592 |
.actu--footer { |
|
593 |
ul { |
|
594 |
@extend .list-nude; |
|
595 |
margin-bottom: 1em; |
|
596 |
} |
|
597 |
li { |
|
598 |
margin-bottom: 0.33em; |
|
599 |
&::before { |
|
600 |
content: ">"; |
|
601 |
color: $gray; |
|
602 |
font-weight: bold; |
|
603 |
margin-right: .33em; |
|
604 |
} |
|
605 |
} |
|
606 |
} |
|
607 | ||
608 | ||
609 |
// |
|
610 |
// FORMS |
|
611 |
// |
|
612 | ||
613 |
div.buttons .submit-button button, |
|
614 |
.gru-content form:not(.combo-search-form) button.submit-button, { |
|
615 |
@extend .button-right-arrow; |
|
616 |
} |
|
617 | ||
618 |
div.gru-content button.previous-button, |
|
619 |
div.buttons .previous-button button { |
|
620 |
@extend .button-left-arrow; |
|
621 |
} |
|
622 | ||
623 | ||
624 |
// |
|
625 |
// WCS |
|
626 |
// |
|
627 | ||
628 |
div.widget div.title { |
|
629 |
margin-bottom: .25em; |
|
630 |
} |
|
631 |
static/thonon-agglomeration-online/_vars.scss | ||
---|---|---|
1 |
// colors |
|
2 |
$cyan: #178387; |
|
3 |
$gold: #FEC307; |
|
4 |
$green: #06B486; |
|
5 |
$orange: #FF6F00; |
|
6 |
$violet: #8338EC; |
|
7 |
$blue: #3A86FF; |
|
8 |
$pink: #EF237B; |
|
9 |
$gray-dark: #2E2E2E; |
|
10 |
$gray-medium: #828282; |
|
11 |
$gray: #B4B4B4; |
|
12 |
$gray-light: #DBDBDB; |
|
13 |
$gray-xlight: #F4F4F4; |
|
14 | ||
15 |
// font-size |
|
16 |
$base-font: 15; |
|
17 |
$fz-1: 25em / $base-font; |
|
18 |
$fz-2: 20em / $base-font; |
|
19 |
$fz-small: 12em / $base-font; |
|
20 | ||
21 |
$mobile-header-height: 75px; |
|
22 |
// $desktop-header-height: ; |
|
23 | ||
24 |
// Core vars |
|
25 |
$width: 1400em / $base-font; |
|
26 |
$mobile-limit: 64em; |
|
27 |
$very-small-limit: 35em; |
|
28 |
$columns-gutter: 40em / 15; |
|
29 |
$sidebar-position: right; |
|
30 |
$sidebar-width: 480em / 15; |
|
31 |
$sidebar-columns-gutter: 80em / 15; |
|
32 |
$grid-gutter: 2rem; |
|
33 |
$columns-gutter: 2rem; |
|
34 | ||
35 |
$font-family: Poppins, sans-serif; |
|
36 |
$font-size: $base-font / 16 * 100%; |
|
37 |
$font-color: $gray-dark; |
|
38 |
$link-color: $cyan; |
|
39 | ||
40 |
$primary-color: $cyan; |
|
41 |
$body-background: $gray-xlight; |
|
42 | ||
43 |
$header-background-color: white; |
|
44 | ||
45 |
$nav-item-selected-mode: bottom-border; |
|
46 |
$nav-color: $gray-dark; |
|
47 |
$nav-active-color: $nav-color; |
|
48 |
$nav-item-selected-background: transparent; |
|
49 |
$nav-item-selected-color: $nav-color; |
|
50 |
$nav-menu-side: $mobile-header-height; |
|
51 |
$nav-button-background: $gray-dark; |
|
52 |
$nav-button-color: white !important; |
|
53 |
$nav-submenu-background: white; |
|
54 |
$nav-submenu-color: $gray-medium; |
|
55 |
$nav-mobile-menu-background: $gray-dark; |
|
56 |
$nav-mobile-menu-item-color: $gray-dark; |
|
57 |
$nav-mobile-menu-item-hover-background: $gray-xlight; |
|
58 |
$nav-after-image: false; |
|
59 |
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left |
|
60 | ||
61 |
$nav-mobile-bottom-bar-item-hover-color: $gold; |
|
62 | ||
63 |
$title-background: transparent; |
|
64 |
$title-color: $gray-dark; |
|
65 |
$title-font-size: $fz-1; |
|
66 |
$title-weight: bold; |
|
67 |
$title-transform: uppercase; |
|
68 |
$title-padding: 0; |
|
69 | ||
70 |
$cell-background: transparent; |
|
71 |
$cell-border: none; |
|
72 |
$cell-title-cover-border: false; |
|
73 |
$cell-entry-border: 1px solid $body-background; |
|
74 |
$cell-entry-hover-color: white; |
|
75 |
$cell-entry-hover-background: $cyan; |
|
76 |
$cell-border-radius: 1rem; |
|
77 | ||
78 |
$button-background: white; |
|
79 |
$button-hover-background: $cyan; |
|
80 |
$button-color: $font-color; |
|
81 |
$button-hover-color: white; |
|
82 |
$button-border-radius: $cell-border-radius; |
|
83 |
$button-border: none; |
|
84 | ||
85 |
$form-sidebar-position: right; |
|
86 |
$form-sidebar-width: 400em / 15; |
|
87 |
$form-sidebar-gutter: $sidebar-columns-gutter; |
|
88 | ||
89 |
$widget-unique-checkbox-position: left; |
|
90 |
$widget-border: 1px solid $gray; |
|
91 |
$widget-focus-border: 1px solid $gray-dark; |
|
92 |
$widget-border-radius: 1em; |
|
93 | ||
94 |
$footer-background: $gray-dark; |
|
95 |
$footer-color: white; |
|
96 |
$footer-link-color: $footer-color; |
static/thonon-agglomeration-online/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Thonon Agglomération Online", |
|
3 |
"variables": { |
|
4 |
"pwa_display": "standalone", |
|
5 |
"theme_color": "#178387", |
|
6 |
"include_top_links": true, |
|
7 |
"email_header_asset": "emails:logo" |
|
8 |
}, |
|
9 |
"settings": { |
|
10 |
"combo": { |
|
11 |
"COMBO_ASSET_SLOTS.update": { |
|
12 |
"header:logo": { "label": "Têtière : logo" }, |
|
13 |
"emails:logo": {"label": "Emails : logo"} |
|
14 |
}, |
|
15 |
"COMBO_CELL_TEMPLATES.update" : { |
|
16 |
"data_linkcell" : { |
|
17 |
"big-btn-icon" : { |
|
18 |
"extra-css-classes" : "big-btn-with-icon", |
|
19 |
"label" : "bouton avec image (grand)", |
|
20 |
"template" : "combo/cells/btn-with-icon/link-cell.html" |
|
21 |
}, |
|
22 |
"btn-icon" : { |
|
23 |
"extra-css-classes" : "btn-with-icon", |
|
24 |
"label" : "bouton avec image", |
|
25 |
"template" : "combo/cells/btn-with-icon/link-cell.html" |
|
26 |
} |
|
27 |
} |
|
28 |
}, |
|
29 |
"COMBO_CELL_ASSET_SLOTS.update": { |
|
30 |
"data_linkcell": { |
|
31 |
"picture": {"prefix": "Icône"} |
|
32 |
} |
|
33 |
}, |
|
34 |
"JSON_CELL_TYPES.update": { |
|
35 |
"tile_actu": { |
|
36 |
"cache_duration": 60, |
|
37 |
"name": "Tuile actualité", |
|
38 |
"url": "{{eservices_url}}api/cards/actualites/list/{{list_filter}}?email=accesapi@entrouvert.com&full=on&limit={{limit}}", |
|
39 |
"form": [ |
|
40 |
{ |
|
41 |
"varname": "title", |
|
42 |
"type": "string", |
|
43 |
"label": "Titre", |
|
44 |
"required": true |
|
45 |
},{ |
|
46 |
"varname": "list_filter", |
|
47 |
"type": "string", |
|
48 |
"label": "Vues personnalisées", |
|
49 |
"required": true |
|
50 |
},{ |
|
51 |
"varname": "layout", |
|
52 |
"type": "string", |
|
53 |
"label": "Format de la tuile", |
|
54 |
"required": true |
|
55 |
},{ |
|
56 |
"varname": "limit", |
|
57 |
"type": "string", |
|
58 |
"label": "Limite", |
|
59 |
"required": true |
|
60 |
},{ |
|
61 |
"varname": "button_url", |
|
62 |
"type": "string", |
|
63 |
"label": "Url du bouton", |
|
64 |
"required": true |
|
65 |
},{ |
|
66 |
"varname": "button_label", |
|
67 |
"type": "string", |
|
68 |
"label": "label du bouton", |
|
69 |
"required": true |
|
70 |
} |
|
71 |
] |
|
72 |
}, |
|
73 |
"tile_people": { |
|
74 |
"cache_duration": 60, |
|
75 |
"name": "Tuile people", |
|
76 |
"url": "{{eservices_url}}api/cards/people/list/{{list_filter}}?email=accesapi@entrouvert.com&full=on&limit={{limit}}", |
|
77 |
"form": [ |
|
78 |
{ |
|
79 |
"varname": "title", |
|
80 |
"type": "string", |
|
81 |
"label": "Titre", |
|
82 |
"required": true |
|
83 |
},{ |
|
84 |
"varname": "list_filter", |
|
85 |
"type": "string", |
|
86 |
"label": "Vues personnalisées", |
|
87 |
"required": true |
|
88 |
},{ |
|
89 |
"varname": "limit", |
|
90 |
"type": "string", |
|
91 |
"label": "Limite", |
|
92 |
"required": true |
|
93 |
},{ |
|
94 |
"varname": "button_url", |
|
95 |
"type": "string", |
|
96 |
"label": "Url du bouton", |
|
97 |
"required": true |
|
98 |
},{ |
|
99 |
"varname": "button_label", |
|
100 |
"type": "string", |
|
101 |
"label": "label du bouton", |
|
102 |
"required": true |
|
103 |
} |
|
104 |
] |
|
105 |
}, |
|
106 |
"actu": { |
|
107 |
"cache_duration": 60, |
|
108 |
"name": "actualité", |
|
109 |
"url": "{{ eservices_url }}api/cards/actualites/{{ actualites_id }}/?email=accesapi@entrouvert.com&full=on", |
|
110 |
"varnames": ["actualites_id"] |
|
111 |
}, |
|
112 |
"actus_list": { |
|
113 |
"cache_duration": 60, |
|
114 |
"name": "Liste d'actualités (paginée)", |
|
115 |
"url": "{{ eservices_url }}api/cards/actualites/list/{{list_filter}}?email=accesapi@entrouvert.com&full=on", |
|
116 |
"form": [ |
|
117 |
{ |
|
118 |
"varname": "title", |
|
119 |
"type": "string", |
|
120 |
"label": "Titre", |
|
121 |
"required": true |
|
122 |
},{ |
|
123 |
"varname": "list_filter", |
|
124 |
"type": "string", |
|
125 |
"label": "Vues personnalisées", |
|
126 |
"required": true |
|
127 |
},{ |
|
128 |
"varname": "page_limit", |
|
129 |
"type": "string", |
|
130 |
"label": "Limite par page", |
|
131 |
"required": true |
|
132 |
} |
|
133 |
] |
|
134 |
} |
|
135 |
} |
|
136 |
} |
|
137 |
} |
|
138 |
} |
static/thonon-agglomeration-online/img/menu/bell.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="23.689" height="28.267" viewBox="0 0 23.689 28.267"><defs><style>.a{fill:#2e2e2e;stroke:#2e2e2e;stroke-width:0.8px;}</style></defs><g transform="translate(-1.6 0.4)"><g transform="translate(11.156 0)"><path class="a" d="M14.006,4.784a.572.572,0,0,1-.572-.572V2.289a1.144,1.144,0,0,0-2.289,0V4.212a.572.572,0,1,1-1.144,0V2.289a2.289,2.289,0,1,1,4.578,0V4.212A.572.572,0,0,1,14.006,4.784Z" transform="translate(-10 0)"/></g><g transform="translate(9.439 22.889)"><path class="a" d="M12.506,24.578A4.01,4.01,0,0,1,8.5,20.572a.572.572,0,1,1,1.144,0,2.861,2.861,0,0,0,5.722,0,.572.572,0,1,1,1.144,0A4.01,4.01,0,0,1,12.506,24.578Z" transform="translate(-8.5 -20)"/></g><g transform="translate(2 3.433)"><path class="a" d="M23.172,23.6H3.717A1.717,1.717,0,0,1,2.6,20.579a7.957,7.957,0,0,0,2.832-6.091V11.011a8.011,8.011,0,1,1,16.022,0v3.477a7.948,7.948,0,0,0,2.823,6.083A1.717,1.717,0,0,1,23.172,23.6ZM13.444,4.144a6.874,6.874,0,0,0-6.867,6.867v3.477a9.092,9.092,0,0,1-3.228,6.957.572.572,0,0,0,.367,1.011H23.172a.572.572,0,0,0,.372-1.007,9.1,9.1,0,0,1-3.233-6.961V11.011a6.874,6.874,0,0,0-6.867-6.867Z" transform="translate(-2 -3)"/></g></g></svg> |
static/thonon-agglomeration-online/img/menu/books.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="34.092" height="34.88" viewBox="0 0 34.092 34.88"><defs><style>.a{fill:#8338ec;stroke:#8338ec;stroke-width:0.2px;}</style></defs><g transform="translate(0.1 0.113)"><g transform="translate(0 0)"><g transform="translate(0)"><path class="a" d="M39.394,31.922h0L30.952.416a.562.562,0,0,0-.687-.4L22.659,2.057a.549.549,0,0,0-.267.176V1.025A.562.562,0,0,0,21.83.463H6.084a.562.562,0,0,0-.562.562V33.641a.562.562,0,0,0,.562.562H21.83a.562.562,0,0,0,.562-.562V3.234L30.7,34.25a.562.562,0,0,0,.543.417.582.582,0,0,0,.144-.019l7.6-2.038A.562.562,0,0,0,39.394,31.922Zm-26,1.157H6.647V1.588h6.748Zm7.873,0H14.519V1.588h6.748Zm10.376.337L23.493,3,30.011,1.25l8.15,30.418Z" transform="translate(-5.522 0)"/></g></g><g transform="translate(2.249 3.837)"><path class="a" d="M41.458,54.589H38.084a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-37.522 -54.589)"/></g><g transform="translate(2.249 6.087)"><path class="a" d="M41.458,86.589H38.084a.562.562,0,1,0,0,1.125h3.374a.562.562,0,1,0,0-1.125Z" transform="translate(-37.522 -86.589)"/></g><g transform="translate(10.122 3.837)"><path class="a" d="M153.458,54.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -54.589)"/></g><g transform="translate(10.122 6.087)"><path class="a" d="M153.458,86.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -86.589)"/></g><g transform="translate(19.758 3.837)"><path class="a" d="M291,55.023a.562.562,0,0,0-.678-.416l-.029.008-3.262.873a.562.562,0,0,0,.286,1.088h.005l3.262-.873A.562.562,0,0,0,291,55.023Z" transform="translate(-286.608 -54.591)"/></g><g transform="translate(20.345 6.014)"><path class="a" d="M299.329,85.971a.562.562,0,0,0-.689-.4h0l-3.259.873a.562.562,0,0,0,.286,1.088h.005l3.262-.873A.563.563,0,0,0,299.329,85.971Z" transform="translate(-294.96 -85.554)"/></g><g transform="translate(25.876 26.655)"><path class="a" d="M378.008,379.62a.562.562,0,0,0-.685-.4l-3.262.873a.562.562,0,0,0,.146,1.106h0a.568.568,0,0,0,.146-.019l3.259-.873A.562.562,0,0,0,378.008,379.62Z" transform="translate(-373.644 -379.205)"/></g><g transform="translate(26.463 28.828)"><path class="a" d="M386.353,410.532a.562.562,0,0,0-.685-.4l-3.262.873a.562.562,0,0,0,.146,1.105.539.539,0,0,0,.146-.02l3.262-.873A.562.562,0,0,0,386.353,410.532Z" transform="translate(-381.988 -410.117)"/></g><g transform="translate(10.122 27.455)"><path class="a" d="M153.458,390.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -390.589)"/></g><g transform="translate(10.122 29.705)"><path class="a" d="M153.458,422.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -422.589)"/></g><g transform="translate(2.249 27.455)"><path class="a" d="M41.458,390.589H38.084a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-37.522 -390.589)"/></g><g transform="translate(2.249 29.705)"><path class="a" d="M41.458,422.589H38.084a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-37.522 -422.589)"/></g><g transform="translate(0 0)"><g transform="translate(0 0)"><path class="a" d="M39.394,31.922h0L30.952.416a.562.562,0,0,0-.687-.4L22.659,2.057a.549.549,0,0,0-.267.176V1.025A.562.562,0,0,0,21.83.463H6.084a.562.562,0,0,0-.562.562V33.641a.562.562,0,0,0,.562.562H21.83a.562.562,0,0,0,.562-.562V3.234L30.7,34.25a.562.562,0,0,0,.543.417.582.582,0,0,0,.144-.019l7.6-2.038A.562.562,0,0,0,39.394,31.922Zm-26,1.157H6.647V1.588h6.748Zm7.873,0H14.519V1.588h6.748Zm10.376.337L23.493,3,30.011,1.25l8.15,30.418Z" transform="translate(-5.522 0)"/></g></g></g></svg> |
static/thonon-agglomeration-online/img/menu/click.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="27.503" height="36.591" viewBox="0 0 27.503 36.591"><defs><style>.a{fill:#5980ff;stroke:#5980ff;stroke-width:0.2px;}</style></defs><g transform="translate(0.1 0.1)"><g transform="translate(10.613 10.616)"><g transform="translate(0)"><path class="a" d="M229.806,164.755l-15.161-15.161a.759.759,0,0,0-1.295.537v20.993a.758.758,0,0,0,1.224.6l3.849-3.01,3.36,6.046a.76.76,0,0,0,1,.309l4.548-2.274a.756.756,0,0,0,.385-.453.769.769,0,0,0-.061-.593l-3.166-5.7h4.776a.759.759,0,0,0,.537-1.295Zm-6.6-.22a.76.76,0,0,0-.664,1.126l3.407,6.13-3.191,1.6-3.437-6.189a.76.76,0,0,0-.512-.376.747.747,0,0,0-.152-.015.761.761,0,0,0-.467.161l-3.323,2.6V151.96l12.575,12.575Z" transform="translate(-213.35 -149.372)"/></g></g><g transform="translate(10.613)"><g transform="translate(0)"><path class="a" d="M214.108,0a.758.758,0,0,0-.758.758V5.307a.758.758,0,0,0,1.516,0V.758A.758.758,0,0,0,214.108,0Z" transform="translate(-213.35)"/></g></g><g transform="translate(0 10.613)"><path class="a" d="M69.323,149.333H64.774a.758.758,0,1,0,0,1.516h4.548a.758.758,0,1,0,0-1.516Z" transform="translate(-64.016 -149.333)"/></g><g transform="translate(16.678 10.613)"><g transform="translate(0)"><path class="a" d="M303.99,149.333h-4.548a.758.758,0,0,0,0,1.516h4.548a.758.758,0,1,0,0-1.516Z" transform="translate(-298.683 -149.333)"/></g></g><g transform="translate(3.108 3.109)"><g transform="translate(0)"><path class="a" d="M112.256,47.186l-3.217-3.216a.758.758,0,0,0-1.072,1.072l3.217,3.216a.762.762,0,0,0,.537.221.749.749,0,0,0,.535-.221A.759.759,0,0,0,112.256,47.186Z" transform="translate(-107.745 -43.749)"/></g></g><g transform="translate(3.108 14.903)"><g transform="translate(0)"><path class="a" d="M112.256,209.923a.759.759,0,0,0-1.072,0l-3.217,3.216a.758.758,0,0,0,1.072,1.072l3.217-3.216A.759.759,0,0,0,112.256,209.923Z" transform="translate(-107.745 -209.701)"/></g></g><g transform="translate(14.9 3.108)"><g transform="translate(0)"><path class="a" d="M278.188,43.956a.758.758,0,0,0-1.073,0L273.9,47.172a.759.759,0,0,0,1.073,1.072l3.217-3.216A.759.759,0,0,0,278.188,43.956Z" transform="translate(-273.676 -43.733)"/></g></g></g></svg> |
static/thonon-agglomeration-online/img/menu/group-green.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="38.306" height="37.711" viewBox="0 0 38.306 37.711"><defs><style>.a{fill:#06b486;stroke:#06b486;stroke-width:0.5px;}</style></defs><g transform="translate(-3988.48 -1406.597)"><g transform="translate(4004.237 1406.847)"><path class="a" d="M4036.844,1413.641a3.4,3.4,0,1,1,3.4-3.4A3.4,3.4,0,0,1,4036.844,1413.641Zm0-5.731a2.334,2.334,0,1,0,2.334,2.334A2.337,2.337,0,0,0,4036.844,1407.91Z" transform="translate(-4033.447 -1406.847)"/></g><g transform="translate(3988.73 1417.141)"><path class="a" d="M3998.279,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-10.711a2.006,2.006,0,0,1-.826.27,2.094,2.094,0,0,1-2.3-2.083v-8.242a3.659,3.659,0,0,1,3.655-3.655h7.789a.532.532,0,0,1,.5.71,2.825,2.825,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617.546.546,0,0,1,.083.283v.6h0v12.295A2.5,2.5,0,0,1,3998.279,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.614c0-.044,0-.089,0-.137a2.2,2.2,0,0,1-.27-1.047V1438.2a3.855,3.855,0,0,1,.049-.608h-7.105a2.6,2.6,0,0,0-2.592,2.592v8.242a1.029,1.029,0,0,0,1.133,1.026,1.076,1.076,0,0,0,.928-1.093V1442.7a.531.531,0,1,1,1.063,0v18.25a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-3988.73 -1436.532)"/></g><g transform="translate(3993.145 1409.737)"><path class="a" d="M4004.63,1421.521a3.17,3.17,0,1,1,3.169-3.169A3.173,3.173,0,0,1,4004.63,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.105,2.107A2.108,2.108,0,0,0,4004.63,1416.245Z" transform="translate(-4001.46 -1415.182)"/></g><g transform="translate(4014.492 1417.141)"><path class="a" d="M4069.443,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-12.591a.57.57,0,0,1,.023-.157,5.992,5.992,0,0,0,.247-1.049V1438.2a2.837,2.837,0,0,0-.17-.961.531.531,0,0,1,.5-.71h7.788a3.658,3.658,0,0,1,3.654,3.655v8.242a2.094,2.094,0,0,1-2.3,2.083,1.989,1.989,0,0,1-.826-.271v10.712A2.5,2.5,0,0,1,4069.443,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.547c0-.015,0-.029,0-.044V1442.7a.532.532,0,0,1,1.063,0v5.62c0,.014,0,.029,0,.042a1.076,1.076,0,0,0,.927,1.089,1.031,1.031,0,0,0,1.134-1.026v-8.242a2.6,2.6,0,0,0-2.592-2.592h-7.1a3.856,3.856,0,0,1,.048.608v8.952a5.885,5.885,0,0,1-.271,1.285v12.512a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-4063.019 -1436.532)"/></g><g transform="translate(3999.442 1414.889)"><path class="a" d="M4029.946,1459.18a2.662,2.662,0,0,0-4.268,0,2.668,2.668,0,0,1-2.665-2.665V1444.8a2.125,2.125,0,0,1-.947.33,2.244,2.244,0,0,1-2.445-2.218v-8.952a3.935,3.935,0,0,1,3.923-3.924h8.535a3.932,3.932,0,0,1,3.693,2.605h0a3.917,3.917,0,0,1,.231,1.318v8.952a2.245,2.245,0,0,1-2.445,2.218,2.119,2.119,0,0,1-.947-.33v11.716A2.668,2.668,0,0,1,4029.946,1459.18Zm-2.134-3.2a.531.531,0,0,1,.531.532,1.6,1.6,0,1,0,3.2,0v-13.67a.532.532,0,0,1,.531-.531h0a.531.531,0,0,1,.531.53,1.215,1.215,0,0,0,1.049,1.228,1.164,1.164,0,0,0,1.094-.539,1.146,1.146,0,0,0,.188-.621v-8.952a2.873,2.873,0,0,0-2.861-2.861h-8.535a2.866,2.866,0,0,0-2.691,1.9,2.829,2.829,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617,1.161,1.161,0,0,0,1.1.543,1.214,1.214,0,0,0,1.049-1.232.531.531,0,1,1,1.063,0v13.676a1.6,1.6,0,0,0,3.205,0A.532.532,0,0,1,4027.812,1455.983Z" transform="translate(-4019.621 -1430.036)"/></g><g transform="translate(4015.783 1409.737)"><path class="a" d="M4069.911,1421.521a3.17,3.17,0,1,1,3.17-3.169A3.172,3.172,0,0,1,4069.911,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.107,2.107A2.109,2.109,0,0,0,4069.911,1416.245Z" transform="translate(-4066.742 -1415.182)"/></g><g transform="translate(4007.103 1430.575)"><path class="a" d="M4042.242,1486.594a.532.532,0,0,1-.531-.531V1475.8a.531.531,0,1,1,1.063,0v10.261A.532.532,0,0,1,4042.242,1486.594Z" transform="translate(-4041.71 -1475.269)"/></g><g transform="translate(4002.835 1420.18)"><path class="a" d="M4029.936,1453.338a.532.532,0,0,1-.531-.531v-6.98a.531.531,0,1,1,1.063,0v6.98A.532.532,0,0,1,4029.936,1453.338Z" transform="translate(-4029.404 -1445.295)"/></g><g transform="translate(4011.37 1420.18)"><path class="a" d="M4054.547,1453.344a.532.532,0,0,1-.532-.531v-6.986a.532.532,0,1,1,1.063,0v6.986A.532.532,0,0,1,4054.547,1453.344Z" transform="translate(-4054.015 -1445.295)"/></g></g></svg> |
static/thonon-agglomeration-online/img/menu/group-yellow.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="38.306" height="37.711" viewBox="0 0 38.306 37.711"><defs><style>.a{fill:#fec307;stroke:#fec307;stroke-width:0.5px;}</style></defs><g transform="translate(-3988.48 -1406.597)"><g transform="translate(4004.237 1406.847)"><path class="a" d="M4036.844,1413.641a3.4,3.4,0,1,1,3.4-3.4A3.4,3.4,0,0,1,4036.844,1413.641Zm0-5.731a2.334,2.334,0,1,0,2.334,2.334A2.337,2.337,0,0,0,4036.844,1407.91Z" transform="translate(-4033.447 -1406.847)"/></g><g transform="translate(3988.73 1417.141)"><path class="a" d="M3998.279,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-10.711a2.006,2.006,0,0,1-.826.27,2.094,2.094,0,0,1-2.3-2.083v-8.242a3.659,3.659,0,0,1,3.655-3.655h7.789a.532.532,0,0,1,.5.71,2.825,2.825,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617.546.546,0,0,1,.083.283v.6h0v12.295A2.5,2.5,0,0,1,3998.279,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.614c0-.044,0-.089,0-.137a2.2,2.2,0,0,1-.27-1.047V1438.2a3.855,3.855,0,0,1,.049-.608h-7.105a2.6,2.6,0,0,0-2.592,2.592v8.242a1.029,1.029,0,0,0,1.133,1.026,1.076,1.076,0,0,0,.928-1.093V1442.7a.531.531,0,1,1,1.063,0v18.25a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-3988.73 -1436.532)"/></g><g transform="translate(3993.145 1409.737)"><path class="a" d="M4004.63,1421.521a3.17,3.17,0,1,1,3.169-3.169A3.173,3.173,0,0,1,4004.63,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.105,2.107A2.108,2.108,0,0,0,4004.63,1416.245Z" transform="translate(-4001.46 -1415.182)"/></g><g transform="translate(4014.492 1417.141)"><path class="a" d="M4069.443,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-12.591a.57.57,0,0,1,.023-.157,5.992,5.992,0,0,0,.247-1.049V1438.2a2.837,2.837,0,0,0-.17-.961.531.531,0,0,1,.5-.71h7.788a3.658,3.658,0,0,1,3.654,3.655v8.242a2.094,2.094,0,0,1-2.3,2.083,1.989,1.989,0,0,1-.826-.271v10.712A2.5,2.5,0,0,1,4069.443,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.547c0-.015,0-.029,0-.044V1442.7a.532.532,0,0,1,1.063,0v5.62c0,.014,0,.029,0,.042a1.076,1.076,0,0,0,.927,1.089,1.031,1.031,0,0,0,1.134-1.026v-8.242a2.6,2.6,0,0,0-2.592-2.592h-7.1a3.856,3.856,0,0,1,.048.608v8.952a5.885,5.885,0,0,1-.271,1.285v12.512a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-4063.019 -1436.532)"/></g><g transform="translate(3999.442 1414.889)"><path class="a" d="M4029.946,1459.18a2.662,2.662,0,0,0-4.268,0,2.668,2.668,0,0,1-2.665-2.665V1444.8a2.125,2.125,0,0,1-.947.33,2.244,2.244,0,0,1-2.445-2.218v-8.952a3.935,3.935,0,0,1,3.923-3.924h8.535a3.932,3.932,0,0,1,3.693,2.605h0a3.917,3.917,0,0,1,.231,1.318v8.952a2.245,2.245,0,0,1-2.445,2.218,2.119,2.119,0,0,1-.947-.33v11.716A2.668,2.668,0,0,1,4029.946,1459.18Zm-2.134-3.2a.531.531,0,0,1,.531.532,1.6,1.6,0,1,0,3.2,0v-13.67a.532.532,0,0,1,.531-.531h0a.531.531,0,0,1,.531.53,1.215,1.215,0,0,0,1.049,1.228,1.164,1.164,0,0,0,1.094-.539,1.146,1.146,0,0,0,.188-.621v-8.952a2.873,2.873,0,0,0-2.861-2.861h-8.535a2.866,2.866,0,0,0-2.691,1.9,2.829,2.829,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617,1.161,1.161,0,0,0,1.1.543,1.214,1.214,0,0,0,1.049-1.232.531.531,0,1,1,1.063,0v13.676a1.6,1.6,0,0,0,3.205,0A.532.532,0,0,1,4027.812,1455.983Z" transform="translate(-4019.621 -1430.036)"/></g><g transform="translate(4015.783 1409.737)"><path class="a" d="M4069.911,1421.521a3.17,3.17,0,1,1,3.17-3.169A3.172,3.172,0,0,1,4069.911,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.107,2.107A2.109,2.109,0,0,0,4069.911,1416.245Z" transform="translate(-4066.742 -1415.182)"/></g><g transform="translate(4007.103 1430.575)"><path class="a" d="M4042.242,1486.594a.532.532,0,0,1-.531-.531V1475.8a.531.531,0,1,1,1.063,0v10.261A.532.532,0,0,1,4042.242,1486.594Z" transform="translate(-4041.71 -1475.269)"/></g><g transform="translate(4002.835 1420.18)"><path class="a" d="M4029.936,1453.338a.532.532,0,0,1-.531-.531v-6.98a.531.531,0,1,1,1.063,0v6.98A.532.532,0,0,1,4029.936,1453.338Z" transform="translate(-4029.404 -1445.295)"/></g><g transform="translate(4011.37 1420.18)"><path class="a" d="M4054.547,1453.344a.532.532,0,0,1-.532-.531v-6.986a.532.532,0,1,1,1.063,0v6.986A.532.532,0,0,1,4054.547,1453.344Z" transform="translate(-4054.015 -1445.295)"/></g></g></svg> |
static/thonon-agglomeration-online/img/menu/meeting.svg | ||
---|---|---|
1 |
<?xml version="1.0" encoding="UTF-8"?> |
|
2 |
<svg width="44" height="44" version="1.1" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> |
|
3 |
<metadata> |
|
4 |
<rdf:RDF> |
|
5 |
<cc:Work rdf:about=""> |
|
6 |
<dc:format>image/svg+xml</dc:format> |
|
7 |
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> |
|
8 |
<dc:title/> |
|
9 |
</cc:Work> |
|
10 |
</rdf:RDF> |
|
11 |
</metadata> |
|
12 |
<defs> |
|
13 |
<style>.a{fill:#ff6f00;stroke:#ff6f00;stroke-width:0.2px;}</style> |
|
14 |
</defs> |
|
15 |
<g transform="translate(-3083.4 -629.49)"> |
|
16 |
<g transform="translate(3093 629.59)"> |
|
17 |
<g transform="translate(0 .38)"> |
|
18 |
<path class="a" transform="translate(-3106.3 -630.51)" d="m3122.1 645.74a0.637 0.637 0 0 1-0.635-0.638v-2.97a0.636 0.636 0 0 1 0.219-0.479l3.134-2.729a13.5 13.5 0 0 0 3.544-4.883l0.632-1.492a0.556 0.556 0 0 0-1-0.484l-0.484 0.884a14.761 14.761 0 0 1-4.37 4.925 3.284 3.284 0 0 1-1.916 0.613h-5.817a3.288 3.288 0 0 1-1.926-0.619 14.785 14.785 0 0 1-4.329-4.9l-0.495-0.907a0.557 0.557 0 0 0-1 0.484l0.632 1.492a13.507 13.507 0 0 0 3.544 4.883l3.134 2.729a0.634 0.634 0 0 1 0.219 0.48v2.971a0.637 0.637 0 0 1-1.273 0v-2.681l-2.916-2.539a14.771 14.771 0 0 1-3.88-5.346l-0.632-1.492a1.829 1.829 0 0 1 3.29-1.589l0.5 0.907a13.487 13.487 0 0 0 3.953 4.471 2.017 2.017 0 0 0 1.184 0.381h5.817a2.021 2.021 0 0 0 1.178-0.376 13.491 13.491 0 0 0 3.991-4.5l0.484-0.884a1.829 1.829 0 0 1 3.289 1.59l-0.632 1.492a14.759 14.759 0 0 1-3.88 5.346l-2.916 2.539v2.682a0.637 0.637 0 0 1-0.643 0.639z"/> |
|
19 |
</g> |
|
20 |
<g transform="translate(8.81)"> |
|
21 |
<path class="a" transform="translate(-3127.5 -629.59)" d="m3130.7 635.92a3.164 3.164 0 1 1 3.164-3.163 3.167 3.167 0 0 1-3.164 3.163zm0-5.054a1.891 1.891 0 1 0 1.891 1.891 1.893 1.893 0 0 0-1.891-1.891z"/> |
|
22 |
</g> |
|
23 |
</g> |
|
24 |
<g transform="translate(3083.5 658.5)"> |
|
25 |
<g transform="translate(0,7.286)"> |
|
26 |
<path class="a" transform="translate(-3083.5 -716.76)" d="m3098 725.42a0.637 0.637 0 0 1-0.636-0.637v-4.324a2.439 2.439 0 0 0-2.437-2.437h-7.733a2.439 2.439 0 0 0-2.437 2.437v4.324a0.637 0.637 0 1 1-1.273 0v-4.324a3.714 3.714 0 0 1 3.71-3.71h7.733a3.714 3.714 0 0 1 3.71 3.71v4.324a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
27 |
</g> |
|
28 |
<g transform="translate(4.344)"> |
|
29 |
<path class="a" transform="translate(-3094 -699.21)" d="m3097.2 705.67a3.233 3.233 0 1 1 3.233-3.233 3.236 3.236 0 0 1-3.233 3.233zm0-5.193a1.96 1.96 0 1 0 1.96 1.96 1.962 1.962 0 0 0-1.96-1.959z"/> |
|
30 |
</g> |
|
31 |
<g transform="translate(2.874,10.833)"> |
|
32 |
<path class="a" transform="translate(-3090.4 -725.3)" d="m3091.1 730.42a0.637 0.637 0 0 1-0.637-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.636 0.637z"/> |
|
33 |
<g transform="translate(8.131)"> |
|
34 |
<path class="a" transform="translate(-3110 -725.3)" d="m3110.7 730.42a0.637 0.637 0 0 1-0.637-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.636 0.637z"/> |
|
35 |
</g> |
|
36 |
</g> |
|
37 |
<g transform="translate(13.88)"> |
|
38 |
<g transform="translate(0,7.286)"> |
|
39 |
<path class="a" transform="translate(-3116.9 -716.76)" d="m3131.5 725.42a0.637 0.637 0 0 1-0.637-0.637v-4.324a2.439 2.439 0 0 0-2.437-2.437h-7.733a2.439 2.439 0 0 0-2.437 2.437v4.324a0.6365 0.6365 0 1 1-1.273 0v-4.324a3.714 3.714 0 0 1 3.709-3.71h7.733a3.714 3.714 0 0 1 3.71 3.71v4.324a0.636 0.636 0 0 1-0.635 0.637z"/> |
|
40 |
</g> |
|
41 |
<g transform="translate(4.344)"> |
|
42 |
<path class="a" transform="translate(-3127.4 -699.21)" d="m3130.6 705.67a3.233 3.233 0 1 1 3.233-3.233 3.237 3.237 0 0 1-3.233 3.233zm0-5.193a1.96 1.96 0 1 0 1.96 1.96 1.962 1.962 0 0 0-1.96-1.959z"/> |
|
43 |
</g> |
|
44 |
<g transform="translate(2.874,10.833)"> |
|
45 |
<path class="a" transform="translate(-3123.9 -725.3)" d="m3124.5 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.637 0.637 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
46 |
<g transform="translate(8.131)"> |
|
47 |
<path class="a" transform="translate(-3143.5 -725.3)" d="m3144.1 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
48 |
</g> |
|
49 |
</g> |
|
50 |
</g> |
|
51 |
<g transform="translate(27.76)"> |
|
52 |
<g transform="translate(0,7.286)"> |
|
53 |
<path class="a" transform="translate(-3150.4 -716.76)" d="m3164.9 725.42a0.637 0.637 0 0 1-0.636-0.637v-4.324a2.439 2.439 0 0 0-2.437-2.437h-7.733a2.44 2.44 0 0 0-2.437 2.437v4.324a0.6365 0.6365 0 1 1-1.273 0v-4.324a3.714 3.714 0 0 1 3.71-3.71h7.732a3.715 3.715 0 0 1 3.71 3.71v4.324a0.637 0.637 0 0 1-0.636 0.637z"/> |
|
54 |
</g> |
|
55 |
<g transform="translate(4.344)"> |
|
56 |
<path class="a" transform="translate(-3160.8 -699.21)" d="m3164.1 705.67a3.233 3.233 0 1 1 3.233-3.233 3.237 3.237 0 0 1-3.233 3.233zm0-5.193a1.96 1.96 0 1 0 1.96 1.96 1.962 1.962 0 0 0-1.96-1.959z"/> |
|
57 |
</g> |
|
58 |
<g transform="translate(2.874,10.833)"> |
|
59 |
<path class="a" transform="translate(-3157.3 -725.3)" d="m3157.9 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.637 0.637 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
60 |
<g transform="translate(8.132)"> |
|
61 |
<path class="a" transform="translate(-3176.9 -725.3)" d="m3177.5 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
62 |
</g> |
|
63 |
</g> |
|
64 |
</g> |
|
65 |
</g> |
|
66 |
<g transform="translate(3098.7 644.09)"> |
|
67 |
<path class="a" transform="translate(-3120.1 -664.52)" d="m3130.7 676.27h-8.586a0.635 0.635 0 0 1-0.631-0.557l-1.315-10.482a0.637 0.637 0 0 1 0.631-0.716h11.216a0.637 0.637 0 0 1 0.631 0.716l-1.315 10.482a0.635 0.635 0 0 1-0.631 0.557zm-8.026-1.27h7.464l1.155-9.209h-9.769z"/> |
|
68 |
</g> |
|
69 |
</g> |
|
70 |
</svg> |
static/thonon-agglomeration-online/img/menu/megaphone.svg | ||
---|---|---|
1 |
<svg xmlns="http://www.w3.org/2000/svg" width="39" height="30.875" viewBox="0 0 39 30.875"><defs><style>.a{fill:#ef237b;}</style></defs><g transform="translate(-1951.772 -1425.325)"><g transform="translate(1959.897 1425.325)"><g transform="translate(0)"><path class="a" d="M1993.907,1452.951a.839.839,0,0,1-.292-.053l-21.125-8.125a.813.813,0,0,1-.52-.759v-9.75a.812.812,0,0,1,.52-.759l21.125-8.125a.814.814,0,0,1,1.1.759v26a.814.814,0,0,1-.812.813Zm-20.313-9.5,19.5,7.5v-23.634l-19.5,7.5Z" transform="translate(-1971.97 -1425.325)"/></g></g><g transform="translate(1951.772 1433.451)"><g transform="translate(0)"><path class="a" d="M1960.71,1456.9h-5.688a3.253,3.253,0,0,1-3.25-3.25v-4.875a3.253,3.253,0,0,1,3.25-3.25h5.688a.813.813,0,0,1,.812.813v9.75A.813.813,0,0,1,1960.71,1456.9Zm-5.688-9.75a1.626,1.626,0,0,0-1.625,1.625v4.875a1.625,1.625,0,0,0,1.625,1.625h4.875v-8.125Z" transform="translate(-1951.772 -1445.525)"/></g></g><g transform="translate(1956.647 1443.202)"><g transform="translate(0)"><path class="a" d="M1971.2,1482.764h-4.875a.812.812,0,0,1-.8-.7l-1.625-11.375a.812.812,0,0,1,.691-.918.823.823,0,0,1,.918.691l1.526,10.676h3.26l-1.086-9.675a.816.816,0,0,1,.717-.9.825.825,0,0,1,.9.716l1.186,10.579a.813.813,0,0,1-.806.9Z" transform="translate(-1963.89 -1469.766)"/></g></g><g transform="translate(1984.272 1430.201)"><g transform="translate(0 0)"><path class="a" d="M2033.376,1442.321a.812.812,0,0,1-.45-1.488l4.875-3.25a.812.812,0,1,1,.9,1.352l-4.875,3.25A.8.8,0,0,1,2033.376,1442.321Z" transform="translate(-2032.564 -1437.447)"/></g></g><g transform="translate(1984.272 1444.827)"><g transform="translate(0 0)"><path class="a" d="M2038.252,1478.678a.8.8,0,0,1-.45-.137l-4.875-3.25a.812.812,0,0,1,.9-1.352l4.875,3.25a.813.813,0,0,1-.45,1.489Z" transform="translate(-2032.565 -1473.804)"/></g></g><g transform="translate(1984.272 1439.138)"><g transform="translate(0 0)"><path class="a" d="M2038.251,1461.288h-4.875a.813.813,0,0,1,0-1.625h4.875a.813.813,0,0,1,0,1.625Z" transform="translate(-2032.564 -1459.663)"/></g></g></g></svg> |
static/thonon-agglomeration-online/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 |
@import '../includes/fonts/poppins'; |
|
3 | ||
4 |
@import 'vars'; |
|
5 |
@import '../includes/publik'; |
|
6 |
@import 'custom'; |
templates/variants/thonon-agglomeration-online/combo/cells/btn-with-icon/link-cell.html | ||
---|---|---|
1 |
{% load assets %} |
|
2 |
{% get_asset cell=cell type='picture' as asset %} |
|
3 |
<a class="btn-with-icon--link" href="{{url}}"> |
|
4 |
{% if asset %} |
|
5 |
<span |
|
6 |
class="btn-with-icon--icon" |
|
7 |
style="background-image: url({{asset.asset.url}})" |
|
8 |
></span> |
|
9 |
{% endif %} |
|
10 |
<span class="btn-with-icon--label">{{ title }}</span> |
|
11 |
</a> |
templates/variants/thonon-agglomeration-online/combo/json/actu.html | ||
---|---|---|
1 |
<div class="actu--header"> |
|
2 |
<p class="actu--date">{{ json.fields.date|date:"d M Y" }}</div> |
|
3 |
<h1 class="actu--title">{{ json.fields.titre }}</h1> |
|
4 |
{% if json.fields.image %} |
|
5 |
<picture class="actu--picture"> |
|
6 |
<img class="actu--img" src="{% make_public_url url=json.fields.image.url %}" width="100%"> |
|
7 |
{% if json.fields.legende %}<legend class="actu--legend">{{ json.fields.legende }}</legend>{% endif %} |
|
8 |
</picture> |
|
9 |
{% endif %} |
|
10 |
</div> |
|
11 | ||
12 |
<div class="actu--body"> |
|
13 |
<p>{{ json.fields.resume|linebreaksbr }}</p> |
|
14 | ||
15 |
{% if json.fields.encart == "Oui" %} |
|
16 |
<section class="actu--insert"> |
|
17 |
{% if json.fields.titreencart %} |
|
18 |
<h2 class="actu--insert-title">{{ json.fields.titreencart }}</h2> |
|
19 |
{% endif %} |
|
20 |
<p class="actu--insert-body"> |
|
21 |
{{ json.fields.contenuencart|linebreaksbr }} |
|
22 |
</p> |
|
23 |
{% if json.fields.lienencart %} |
|
24 |
<p> |
|
25 |
<a class="actu--insert-link" href="{{ json.fields.lienencart }}" target="{{ json.fields.targetlienencart }}">{{ json.fields.libellelienencart }}</a> |
|
26 |
</p> |
|
27 |
{% endif %} |
|
28 |
</section> |
|
29 |
{% endif %} |
|
30 | ||
31 |
{% if json.fields.contenu_supplementaire %} |
|
32 |
<p>{{ json.fields.contenu_supplementaire|linebreaksbr }}</p> |
|
33 |
{% endif %} |
|
34 |
</div> |
|
35 | ||
36 |
{% if json.fields.liens == "Oui" or json.fields.fichier1 or json.fields.fichier2 or json.fields.fichier3 %} |
|
37 |
<footer class="actu--footer"> |
|
38 |
{% if json.fields.liens == "Oui" %} |
|
39 |
<div> |
|
40 |
<h2 class="actu--footer-title"> |
|
41 |
{{ json.fields.titreliens }} |
|
42 |
</h2> |
|
43 |
<ul> |
|
44 |
{% for lien in json.fields.lienscomplementaires_raw %} |
|
45 |
<li> |
|
46 |
<a href="{{ lien.url }}" target="{{ lien.target }}"> |
|
47 |
{{ lien.libelle }} |
|
48 |
</a> |
|
49 |
</li> |
|
50 |
{% endfor %} |
|
51 |
</ul> |
|
52 |
</div> |
|
53 |
{% endif %} |
|
54 | ||
55 |
{% if json.fields.fichier1 or json.fields.fichier2 or json.fields.fichier3 %} |
|
56 |
<div> |
|
57 |
{% if json.fields.titrefichiers %} |
|
58 |
<h2 class="actu--footer-title">{{ json.fields.titrefichiers }}</h2> |
|
59 |
{% endif %} |
|
60 |
<ul> |
|
61 |
{% if json.fields.fichier1 %} |
|
62 |
<li> |
|
63 |
<a class="download-link" type="{{ json.fields.fichier1.content_type }}" href="{% make_public_url url=json.fields.fichier1.url %}" download="{{ json.fields.fichier1.filename }}"> |
|
64 |
{{ json.fields.libelle_fichier1 }} libellé du fichier |
|
65 |
</a> |
|
66 |
</li> |
|
67 |
{% endif %} |
|
68 |
{% if json.fields.fichier2 %} |
|
69 |
<li> |
|
70 |
<a class="download-link" type="{{ json.fields.fichier2.content_type }}" href="{% make_public_url url=json.fields.fichier2.url %}" download="{{ json.fields.fichier2.filename }}"> |
|
71 |
{{ json.fields.libelle_fichier1 }} libellé du fichier |
|
72 |
</a> |
|
73 |
</li> |
|
74 |
{% endif %} |
|
75 |
{% if json.fields.fichier3 %} |
|
76 |
<li> |
|
77 |
<a class="download-link" type="{{ json.fields.fichier3.content_type }}" href="{% make_public_url url=json.fields.fichier3.url %}" download="{{ json.fields.fichier3.filename }}"> |
|
78 |
{{ json.fields.libelle_fichier1 }} libellé du fichier |
|
79 |
</a> |
|
80 |
</li> |
|
81 |
{% endif %} |
|
82 |
</ul> |
|
83 |
</div> |
|
84 |
{% endif %} |
|
85 |
</footer> |
|
86 |
{% endif %} |
templates/variants/thonon-agglomeration-online/combo/json/actus_list.html | ||
---|---|---|
1 |
<h2>{{ parameters.title }}</h2> |
|
2 | ||
3 |
<ul class="actus--list tiles--list"> |
|
4 |
{% for fiche in json.data %} |
|
5 |
<li class="actus--item tiles--item"> |
|
6 |
<a |
|
7 |
class="tile tile-actu" |
|
8 |
href=" |
|
9 |
{% if fiche.fields.typecontenu_raw == 'externe' %} |
|
10 |
{{ fiche.fields.urldetail }} |
|
11 |
{% else %} |
|
12 |
{{ portal_url }}themes/tao/detail-actualite/{{ fiche.id }}/ |
|
13 |
{% endif %}" |
|
14 |
> |
|
15 |
{% if fiche.fields.image %} |
|
16 |
<picture class="tile--picture"> |
|
17 |
<img class="tile--img" loading="lazy" src="{% make_public_url url=fiche.fields.image.url %}"/> |
|
18 |
</picture> |
|
19 |
{% endif %} |
|
20 | ||
21 |
<div class="tile--body"> |
|
22 |
<p class="tile--date">{{ fiche.fields.date|date:"d M Y" }}</p> |
|
23 |
<h3 class="tile--title">{{ fiche.fields.titre }}</h3> |
|
24 |
<p class="tile--resume">{{ fiche.fields.resume|linebreaksbr }}</p> |
|
25 |
</div> |
|
26 |
</a> |
|
27 |
</li> |
|
28 |
{% endfor %} |
|
29 |
</ul> |
|
30 | ||
31 |
{% include "combo/pagination.html" with paginate_by=parameters.page_limit %} |
templates/variants/thonon-agglomeration-online/combo/json/tile_actu.html | ||
---|---|---|
1 |
<h2>{{ parameters.title }}</h2> |
|
2 | ||
3 |
{% if parameters.layout == "grande" %} |
|
4 | ||
5 |
<ul class="actus--list tiles--list"> |
|
6 |
{% for fiche in json.data %} |
|
7 |
<li class="actus--item tiles--item"> |
|
8 |
<a |
|
9 |
class="tile tile-actu" |
|
10 |
href=" |
|
11 |
{% if fiche.fields.typecontenu_raw == 'externe' %} |
|
12 |
{{ fiche.fields.urldetail }} |
|
13 |
{% else %} |
|
14 |
{{ portal_url }}themes/tao/detail-actualite/{{ fiche.id }}/ |
|
15 |
{% endif %}" |
|
16 |
> |
|
17 |
{% if fiche.fields.image %} |
|
18 |
<picture class="tile--picture"> |
|
19 |
<img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/> |
|
20 |
</picture> |
|
21 |
{% endif %} |
|
22 | ||
23 |
<div class="tile--body"> |
|
24 |
<p class="tile--date">{{ fiche.fields.date|date:"d M Y" }}</p> |
|
25 |
<h3 class="tile--title">{{ fiche.fields.titre }}</h3> |
|
26 |
<p class="tile--resume">{{ fiche.fields.resume|linebreaksbr }}</p> |
|
27 |
</div> |
|
28 |
</a> |
|
29 |
</li> |
|
30 |
{% endfor %} |
|
31 |
</ul> |
|
32 | ||
33 |
{% elif parameters.layout == "petite" %} |
|
34 | ||
35 |
<ul class="actus-small--list tiles--list"> |
|
36 |
{% for fiche in json.data %} |
|
37 |
<li class="actus-small--item tiles--item"> |
|
38 |
<a |
|
39 |
class="tile tile-actu tile-actu-small" |
|
40 |
href=" |
|
41 |
{% if fiche.fields.typecontenu_raw == 'externe' %} |
|
42 |
{{ fiche.fields.urldetail }} |
|
43 |
{% else %} |
|
44 |
{{ portal_url }}detail-tuile/{{ fiche.id }}/ |
|
45 |
{% endif %}" |
|
46 |
> |
|
47 |
{% if fiche.fields.image %} |
|
48 |
<picture class="tile--picture"> |
|
49 |
<img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/> |
|
50 |
</picture> |
|
51 |
{% endif %} |
|
52 | ||
53 |
<div class="tile--body"> |
|
54 |
<h3 class="tile--title">{{ fiche.fields.titre }}</h3> |
|
55 |
</div> |
|
56 |
</a> |
|
57 |
</li> |
|
58 |
{% endfor %} |
|
59 |
</ul> |
|
60 | ||
61 |
{% elif parameters.layout == "mini" %} |
|
62 | ||
63 |
<ul class="actus-mini--list tiles--list"> |
|
64 |
{% for fiche in json.data %} |
|
65 |
<li class="actus-mini--item tiles--item"> |
|
66 |
<a |
|
67 |
class="tile tile-actu tile-actu-mini" |
|
68 |
href=" |
|
69 |
{% if fiche.fields.typecontenu_raw == 'externe' %} |
|
70 |
{{ fiche.fields.urldetail }} |
|
71 |
{% else %} |
|
72 |
{{ portal_url }}detail-tuile/{{ fiche.id }}/ |
|
73 |
{% endif %}" |
|
74 |
> |
|
75 |
<div class="tile--body"> |
|
76 |
<p class="tile--date">{{ fiche.fields.date|date:"d M Y" }}</p> |
|
77 |
<h3 class="tile--title">{{ fiche.fields.titre }}</h3> |
|
78 |
</div> |
|
79 |
</a> |
|
80 |
</li> |
|
81 |
{% endfor %} |
|
82 |
</ul> |
|
83 | ||
84 |
{% endif %} |
|
85 | ||
86 | ||
87 | ||
88 |
<p class="tiles--btn"> |
|
89 |
<a href="{{ parameters.button_url }}" class="button-right-arrow">{{ parameters.button_label }}</a> |
|
90 |
</p> |
templates/variants/thonon-agglomeration-online/combo/json/tile_people.html | ||
---|---|---|
1 |
<h2>{{ parameters.title }}</h2> |
|
2 | ||
3 |
<ul class="peoples--list tiles--list"> |
|
4 |
{% for fiche in json.data %} |
|
5 |
<li class="peoples--item tiles--item"> |
|
6 |
<a |
|
7 |
class="tile tile-people" |
|
8 |
href=" |
|
9 |
{% if fiche.fields.typecontenu_raw == 'externe' %} |
|
10 |
{{ fiche.fields.urldetail }} |
|
11 |
{% else %} |
|
12 |
{{ portal_url }}detail-tuile/{{ fiche.id }}/ |
|
13 |
{% endif %}" |
|
14 |
> |
|
15 |
<picture class="tile--picture"> |
|
16 |
<img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/> |
|
17 |
</picture> |
|
18 | ||
19 |
<div class="tile--body"> |
|
20 |
<h3 class="tile--title">{{ fiche.fields.titre }}</h3> |
|
21 |
{% if fiche.fields.soustitre %} |
|
22 |
<h4 class="tile--subtitle">{{ fiche.fields.soustitre }}</h4> |
|
23 |
{% endif %} |
|
24 |
</div> |
|
25 |
</a> |
|
26 |
</li> |
|
27 |
{% endfor %} |
|
28 |
</ul> |
|
29 | ||
30 |
<p class="tiles--btn"> |
|
31 |
<a href="{{ parameters.button_url }}" class="button-right-arrow">{{ parameters.button_label }}</a> |
|
32 |
</p> |
templates/variants/thonon-agglomeration-online/combo/page_template.html | ||
---|---|---|
1 |
{% extends "combo/page_template.html" %} |
|
2 | ||
3 |
{# add header baseline #} |
|
4 |
{% block header-title %} |
|
5 |
{{ block.super }} |
|
6 |
<p class="theme-header--baseline desktop-only"> |
|
7 |
L'espace intranet <br> |
|
8 |
de <span class="color-cyan">Thonon agglo</span> |
|
9 |
</p> |
|
10 |
{% endblock %} |
templates/variants/thonon-agglomeration-online/theme.html | ||
---|---|---|
1 |
{% extends "theme.html" %} |
|
2 |
{% load static %} |
|
3 | ||
4 |
{# map menu icons #} |
|
5 |
{% block extra_css %} |
|
6 |
<style> |
|
7 |
{% if menu_icons %} |
|
8 |
{% for icon, slug in menu_icons.items %} |
|
9 |
div.gru-nav > ul > li.menu-{{ slug }} > a { |
|
10 |
background-image: url("{{site_base}}{% static "" %}{{css_variant}}/img/menu/{{ icon }}.svg"); |
|
11 |
} |
|
12 |
{% endfor %} |
|
13 |
{% endif %} |
|
14 |
</style> |
|
15 |
{% endblock %} |
|
16 | ||
17 |
{# move nav inside header #top #} |
|
18 |
{% block header-content %} |
|
19 |
{{ block.super }} |
|
20 |
{% block nav %}{% endblock %} |
|
21 |
{% endblock %} |
|
22 |
{% block after-header %}{% endblock %} |
|
0 |
- |