application de la nouvelle identité sur toutes les pages
This commit is contained in:
@@ -1,31 +0,0 @@
|
|||||||
uuid: fbafd41d-6910-4030-b311-94796bfdea06
|
|
||||||
langcode: fr
|
|
||||||
status: true
|
|
||||||
dependencies:
|
|
||||||
config:
|
|
||||||
- system.menu.main
|
|
||||||
module:
|
|
||||||
- menu_block
|
|
||||||
theme:
|
|
||||||
- erabletheme
|
|
||||||
id: erabletheme_navigationprincipale
|
|
||||||
theme: erabletheme
|
|
||||||
region: primary_menu
|
|
||||||
weight: -5
|
|
||||||
provider: null
|
|
||||||
plugin: 'menu_block:main'
|
|
||||||
settings:
|
|
||||||
id: 'menu_block:main'
|
|
||||||
label: 'Navigation principale'
|
|
||||||
label_display: '0'
|
|
||||||
provider: menu_block
|
|
||||||
follow: false
|
|
||||||
follow_parent: child
|
|
||||||
label_link: false
|
|
||||||
label_type: block
|
|
||||||
level: 1
|
|
||||||
depth: 0
|
|
||||||
expand_all_items: false
|
|
||||||
parent: 'main:'
|
|
||||||
suggestion: main
|
|
||||||
visibility: { }
|
|
||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
@@ -1,59 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="18.789001mm"
|
|
||||||
height="18.789001mm"
|
|
||||||
viewBox="0 0 18.789001 18.789001"
|
|
||||||
version="1.1"
|
|
||||||
id="svg1"
|
|
||||||
xml:space="preserve"
|
|
||||||
sodipodi:docname="collibri.svg"
|
|
||||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
|
||||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
||||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
|
||||||
id="namedview1"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#000000"
|
|
||||||
borderopacity="0.25"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1"
|
|
||||||
inkscape:document-units="mm"
|
|
||||||
inkscape:export-bgcolor="#ffffff00"
|
|
||||||
inkscape:zoom="5.8200712"
|
|
||||||
inkscape:cx="38.143863"
|
|
||||||
inkscape:cy="62.112642"
|
|
||||||
inkscape:window-width="2160"
|
|
||||||
inkscape:window-height="1440"
|
|
||||||
inkscape:window-x="0"
|
|
||||||
inkscape:window-y="0"
|
|
||||||
inkscape:window-maximized="1"
|
|
||||||
inkscape:current-layer="layer1" /><defs
|
|
||||||
id="defs1"><style
|
|
||||||
type="text/css"
|
|
||||||
id="style1">
|
|
||||||
|
|
||||||
.fil0 {fill:black}
|
|
||||||
|
|
||||||
</style></defs><g
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(-71.945498,-50.892156)"><circle
|
|
||||||
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.4;stroke-linejoin:round;stroke-dashoffset:112.176;stroke-opacity:1;paint-order:markers fill stroke"
|
|
||||||
id="circle6"
|
|
||||||
cx="81.339996"
|
|
||||||
cy="60.286655"
|
|
||||||
r="9.1945019" /><g
|
|
||||||
id="g14"
|
|
||||||
transform="matrix(0.0136894,0,0,0.0136894,75.566564,53.811358)"><g
|
|
||||||
id="g3"
|
|
||||||
transform="translate(-18.889241,-5.3969406)"><path
|
|
||||||
d="M 84.976417,913.7594 C 138.1562,852.66937 166.06616,771.15485 199.08485,698.39697 c 16.62859,-36.64166 34.27059,-72.9248 54.58478,-107.68536 19.49477,-33.35828 41.57671,-67.10108 70.15376,-93.43085 7.32074,-6.74496 14.96442,-13.28378 22.88389,-19.319 7.91931,-6.03509 16.94851,-6.76584 26.36151,-9.44229 16.10278,-4.57861 42.44653,-12.49811 52.19992,-27.35202 -54.29633,22.68448 -108.0943,25.16098 -162.94263,7.59448 48.1163,-4.24103 91.32806,-20.36706 129.28757,-52.17596 C 354.0903,332.534 301.01263,285.17374 236.21996,250.06616 c 25.73545,22.62299 51.47093,45.24603 77.2064,67.86902 -28.94696,-15.62152 -59.74968,-26.38443 -90.60234,-37.1391 40.6216,23.00293 81.9157,44.75269 121.22881,70.24518 -34.80835,-5.7991 -69.8443,-7.72611 -104.82883,-10.87878 39.08298,14.99639 79.53512,25.3952 120.07233,36.35925 -31.54422,7.71557 -63.38953,13.24118 -95.44809,17.96969 28.72119,3.48703 57.46252,3.38715 86.81311,1.81196 -26.00144,19.43908 -52.94254,40.36889 -87.28571,38.2391 -29.68782,-1.84109 -51.36449,-20.62265 -66.33578,-45.13422 12.80749,0.0778 24.23658,2.41501 35.91691,0.22358 -32.83711,-5.79371 -59.82387,-20.04538 -76.67009,-51.79651 13.17826,2.60562 24.92993,3.99963 37.03215,4.18258 -38.53874,-9.58282 -69.85038,-30.04907 -94.461095,-61.14276 27.159775,4.11878 53.583505,11.38825 81.042895,12.69272 C 125.99121,281.04181 83.636139,252.52966 55.100441,204.47244 88.08464,225.50519 124.48814,234.49478 162.77838,237.55933 129.04747,230.82864 97.323799,216.48668 69.589355,196.20207 55.869667,186.16768 42.90263,174.88473 31.66288,162.1091 20.788347,149.74864 8.1770945,134.15553 6.8140354,117.08855 c 35.7900996,0.3163 73.8587956,16.04905 106.4343546,29.64178 34.33766,14.32797 67.55984,31.41394 100.14152,49.33925 62.61656,34.4494 122.5489,73.9744 177.41823,119.84406 15.28741,12.77996 30.50192,25.77767 44.37991,40.1004 12.06299,12.44955 28.82898,28.15777 28.23682,46.97598 5.00543,-2.70566 4.89071,-14.05951 7.63281,-18.98114 3.96002,-7.10757 10.16049,-12.58874 16.77695,-17.16034 15.51153,-10.71762 34.54422,-11.55527 50.11612,-21.6878 14.42529,-9.38648 21.73095,-23.30054 29.07171,-38.27961 8.32862,-16.99487 20.62885,-31.59744 37.10071,-41.18158 35.81812,-20.84069 72.22955,-9.90374 105.35193,10.05646 39.06409,23.54086 82.08838,15.28482 125.4458,12.37821 52.34808,-3.50931 104.49731,-6.44034 156.96832,-6.44034 1.34662,-0.0816 1.98114,2.00329 0.21894,2.38141 -68.74207,6.88858 -137.64472,11.54168 -205.06592,27.65033 -27.77112,6.63525 -57.31,14.96527 -76.75568,37.23895 -9.02783,10.34076 -16.11798,21.9888 -25.84045,31.81964 -10.56281,10.68057 -22.5434,19.42648 -35.73572,26.56778 -12.23578,6.6235 -12.09894,13.00958 -12.2041,26.32114 -0.1062,13.41449 -1.6593,26.81305 -4.62049,39.89685 -5.59063,24.70263 -16.2069,48.20419 -30.96466,68.78244 -14.21966,19.82776 -32.24188,36.88385 -52.85138,49.94885 -25.17755,15.96094 -53.45095,22.86523 -81.15975,32.95679 -26.89811,9.79651 -52.34842,23.77118 -73.61948,43.08148 -10.71134,9.72394 -20.27121,20.68957 -28.4541,32.61932 -4.23148,6.16901 -8.09424,12.58869 -11.59189,19.20093 -1.9281,3.64502 -5.09784,14.9798 -9.48297,15.17755 -0.74802,-15.57818 4.7337,-29.61224 9.9555,-43.78058 -8.03235,10.42884 -12.37228,22.48841 -16.11752,36.77454 -11.46933,-27.51672 0.64636,-49.51752 12.14539,-72.49823 -12.78696,10.01172 -18.1572,20.83325 -31.95157,63.63458 -7.2049,-18.43964 -4.40311,-40.77185 -2.92819,-60.05658 1.68411,-22.02069 5.06933,-43.88421 9.65667,-65.48077 -6.19043,8.21576 -9.18774,14.97394 -11.87503,20.18658 -4.12686,8.00531 -8.17892,16.04901 -12.19342,24.11121 -8.33853,16.74609 -16.50323,33.578 -24.81811,50.33581 -15.63391,31.50861 -31.77362,62.8432 -50.51189,92.64197 -17.64476,28.05975 -37.47067,54.77649 -59.99954,79.1181 -11.08077,11.97229 -22.70613,23.7602 -35.39902,34.03693 -11.7032,9.47546 -28.64463,22.59564 -44.748423,19.3985 z M 602.59741,476.10681 c -0.67969,1.34989 -1.45819,2.65973 -2.02435,4.05567 -9.62048,23.72229 -24.66541,43.66998 -42.79138,61.45904 -25.00379,24.53906 -54.35459,43.0921 -84.17118,60.99622 -3.99377,2.39813 -8.0216,4.74163 -11.971,7.21063 -3.68659,2.30469 -7.91864,3.86798 -10.85883,7.22644 74.8541,-20.896 135.50821,-57.15735 151.81674,-140.948 z m 62.65448,-181.84332 c -15.33496,0.46445 -17.28351,23.75693 -1.70788,25.77322 17.50476,2.26605 18.62072,-26.28543 1.70788,-25.77322 z"
|
|
||||||
id="path1-8" /><path
|
|
||||||
d="m 195.50197,160.04015 c 26.38882,20.47216 55.75253,28.27119 86.96043,30.82188 -28.36142,-6.09451 -53.95306,-18.05714 -76.34283,-36.46222 -22.33968,-18.36389 -43.01232,-38.09668 -50.86029,-68.562263 9.18554,-0.534072 16.66816,1.475106 24.06253,3.37571 37.95239,9.755234 72.93469,26.605923 106.84299,45.757123 76.59738,43.26187 146.67297,95.06324 206.6426,159.81938 11.25022,12.1482 22.12577,24.77143 29.03623,41.47663 -21.13379,7.05923 -42.03452,14.11041 -58.05527,31.57525 -4.1365,-4.84854 -8.05109,-9.43698 -12.48755,-14.63699 4.98633,-3.08011 9.30777,-5.74945 14.49957,-8.95645 -27.07949,-58.83554 -69.9772,-103.06091 -124.00576,-137.99942 20.12716,21.22041 39.93829,42.10763 59.90158,63.15536 -23.43799,-14.99261 -48.5687,-26.88038 -74.63507,-36.96942 31.99246,21.78563 65.54904,41.17105 98.52871,64.95926 -15.35202,-3.28012 -28.77868,-5.87243 -42.05212,-9.09564 -7.18466,-1.74463 -12.492,-7.1803 -18.28812,-11.44272 -47.22757,-34.7303 -96.89904,-65.58 -148.30688,-93.68149 -9.23799,-5.04985 -17.66069,-10.78462 -21.44075,-23.13398 z"
|
|
||||||
id="path2" /><path
|
|
||||||
d="M 144.62123,886.72101 C 207.46822,823.0177 258.13165,752.90613 301.00848,675.06799 293.66251,728.0531 200.83531,853.63708 144.62123,886.72101 Z"
|
|
||||||
id="path3" /></g></g></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 7.3 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 11 KiB |
@@ -1,58 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="18.789001mm"
|
|
||||||
height="18.789001mm"
|
|
||||||
viewBox="0 0 18.789001 18.789001"
|
|
||||||
version="1.1"
|
|
||||||
id="svg1"
|
|
||||||
xml:space="preserve"
|
|
||||||
sodipodi:docname="marmotte.svg"
|
|
||||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
|
||||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
||||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
|
||||||
id="namedview1"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#000000"
|
|
||||||
borderopacity="0.25"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1"
|
|
||||||
inkscape:document-units="mm"
|
|
||||||
inkscape:zoom="8.2308237"
|
|
||||||
inkscape:cx="29.523169"
|
|
||||||
inkscape:cy="30.677367"
|
|
||||||
inkscape:window-width="2160"
|
|
||||||
inkscape:window-height="1440"
|
|
||||||
inkscape:window-x="0"
|
|
||||||
inkscape:window-y="0"
|
|
||||||
inkscape:window-maximized="1"
|
|
||||||
inkscape:current-layer="layer1" /><defs
|
|
||||||
id="defs1"><style
|
|
||||||
type="text/css"
|
|
||||||
id="style1">
|
|
||||||
|
|
||||||
.fil0 {fill:black}
|
|
||||||
|
|
||||||
</style></defs><g
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(-46.033716,-50.892156)"><circle
|
|
||||||
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.4;stroke-linejoin:round;stroke-dashoffset:112.176;stroke-opacity:1;paint-order:markers fill stroke"
|
|
||||||
id="circle5"
|
|
||||||
cx="55.428219"
|
|
||||||
cy="60.286655"
|
|
||||||
r="9.1945019" /><g
|
|
||||||
stroke="none"
|
|
||||||
stroke-width="1"
|
|
||||||
fill="none"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
id="g1"
|
|
||||||
transform="matrix(0.13109327,0,0,0.13109327,48.656862,53.140948)"><path
|
|
||||||
d="M 25.062355,8.8192532 C 31.624793,2.6722388 42.89405,5.5772681 46.562968,6.4638011 c 3.668918,0.8865331 8.700866,5.2665939 6.638423,12.2995059 0.159858,1.366669 0.183097,2.435471 0.06972,3.206407 -0.01286,0.08743 -0.436283,0.137402 -1.270277,0.149929 0.884276,0.248777 1.346891,0.399149 1.387846,0.451114 1.893025,2.401987 2.839538,4.918317 2.839538,7.548989 0,3.924876 1.754821,26.300357 1.883341,31.567531 0.0049,0.20021 -2.177616,0.647816 -2.177616,0.796636 0.07657,0.0056 2.336772,-0.259067 2.410561,-0.249686 2.146851,0.272925 3.124974,2.165157 3.334086,6.284556 0.365777,7.205643 -1.124066,11.662384 -1.124066,12.650859 11.698002,-7.971382 24.215426,2.93413 27.720491,6.457341 1.372843,1.387113 2.947839,3.509416 4.724987,6.36691 -2.139219,1.341476 -5.179735,1.341476 -9.121546,0 -11.685627,-4.360165 -20.658577,-2.845912 -23.323932,-2.76547 -1.776903,0.05363 -2.588751,-0.201668 -2.435545,-0.765888 -1.545409,0.510592 -4.406033,0.765888 -8.581872,0.765888 -6.263759,0 -22.889193,0.106834 -23.775904,0 0,-0.372343 -0.709397,-1.753749 -0.698846,-2.49528 0.01111,-0.780451 0.865818,-1.598347 1.985562,-2.147793 0.928996,-0.455848 2.02935,0.35125 2.814163,0 1.523421,-0.681819 2.302497,-1.519193 2.829386,-2.131134 0.193326,-0.224533 0.3527,-0.418716 0.502434,-0.563729 -0.289611,-0.112813 -0.538891,-0.0745 -0.770071,-0.06712 -0.30751,0.0098 -0.582993,-0.03507 -0.878771,-0.563142 0,-2.594936 -4.587367,-9.540639 -3.125344,-17.050235 1.327581,-6.81904 2.82114,-10.538385 3.084599,-12.264685 0.02668,-0.17482 3.848538,-3.355902 3.848538,-3.490992 -2.803534,2.114748 -2.711132,1.30177 -4.156171,2.901011 -1.202688,1.331029 -1.927545,2.73542 -1.810639,3.370217 0.17158,0.931673 -0.271357,2.127171 -1.328811,3.586492 -2.021191,-0.419082 -2.916798,-1.892765 -2.686822,-4.42105 0.344966,-3.792428 -0.854214,-4.478181 1.097546,-7.802368 1.95176,-3.324187 3.68818,-5.192025 4.382642,-8.359625 0.678776,-3.096054 -0.143692,-7.305259 1.575419,-10.770788 0.03973,-0.08008 1.422102,-1.004698 1.464593,-1.083965 -0.787619,0.108414 -1.030729,0.251824 -0.909784,0 1.235249,-2.571967 0.191131,-2.19092 0.191131,-3.679376 0,-1.634193 0,-2.896184 0,-3.725048 C 32.527451,19.384812 30.348449,17.600035 30.409158,16.884071 29.596909,16.84503 28.428639,15.492213 28.05723,15.067109 27.414656,14.331638 26.416075,12.69128 25.761201,10.99871 24.939009,10.287143 24.931899,9.6027219 25.062355,8.8192532 Z m 9.111998,-1.2653878 c 0.907418,1.6766897 1.976439,1.6118644 3.541431,0.8022447 -0.670953,-0.9626694 -2.02437,-1.490335 -3.541431,-0.8022447 z"
|
|
||||||
fill="#000000"
|
|
||||||
fill-rule="nonzero"
|
|
||||||
id="path1-9" /></g></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 4.3 KiB |
@@ -1,101 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="18.789001mm"
|
|
||||||
height="18.789001mm"
|
|
||||||
viewBox="0 0 18.789001 18.789001"
|
|
||||||
version="1.1"
|
|
||||||
id="svg1"
|
|
||||||
xml:space="preserve"
|
|
||||||
sodipodi:docname="nenuphar.svg"
|
|
||||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
|
||||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
||||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
|
||||||
id="namedview1"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#000000"
|
|
||||||
borderopacity="0.25"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1"
|
|
||||||
inkscape:document-units="mm"
|
|
||||||
inkscape:zoom="8.2308237"
|
|
||||||
inkscape:cx="25.270861"
|
|
||||||
inkscape:cy="60.686514"
|
|
||||||
inkscape:window-width="2160"
|
|
||||||
inkscape:window-height="1440"
|
|
||||||
inkscape:window-x="0"
|
|
||||||
inkscape:window-y="0"
|
|
||||||
inkscape:window-maximized="1"
|
|
||||||
inkscape:current-layer="layer1" /><defs
|
|
||||||
id="defs1"><style
|
|
||||||
type="text/css"
|
|
||||||
id="style1">
|
|
||||||
|
|
||||||
.fil0 {fill:black}
|
|
||||||
|
|
||||||
</style></defs><g
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(-123.76906,-50.892156)"><circle
|
|
||||||
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.4;stroke-linejoin:round;stroke-dashoffset:112.176;stroke-opacity:1;paint-order:markers fill stroke"
|
|
||||||
id="circle8"
|
|
||||||
cx="133.16356"
|
|
||||||
cy="60.286655"
|
|
||||||
r="9.1945019" /><g
|
|
||||||
style="clip-rule:evenodd;fill-rule:evenodd;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
|
|
||||||
id="g17"
|
|
||||||
transform="matrix(0.05071677,0,0,0.05071677,148.34439,26.88155)"><g
|
|
||||||
id="g16"
|
|
||||||
transform="matrix(0.31972414,0,0,0.31972414,-434.40912,525.1701)"><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 403,405 c 145,74 125,229 12,225 -14,-1 -29,0 -43,-2 -95,0 -94,-169 31,-223 z"
|
|
||||||
id="path1-2" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 334,443 c -51,-57 -151,-63 -225,-72 25,111 97,178 170,209 7,3 14,5 21,5 -16,-48 3,-105 34,-142 z"
|
|
||||||
id="path2-9" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="M 473,445 C 606,344 623,433 721,382 693,467 607,586 507,585 529,536 507,482 473,445 Z"
|
|
||||||
id="path3-3" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 243,382 c 3,-28 18,-64 31,-91 58,24 78,76 83,130 -6,5 -11,10 -16,15 -25,-28 -60,-44 -98,-54 z"
|
|
||||||
id="path4" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 581,382 c -14,-30 -35,-55 -56,-70 -17,-12 -16,-25 -19,-33 -57,35 -67,88 -64,138 9,7 17,14 25,21 35,-27 70,-49 114,-56 z"
|
|
||||||
id="path5-1" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 344,340 c 14,-24 32,-40 52,-56 12,20 35,50 52,41 -8,6 -15,30 -15,39 -9,-1 -35,-48 -35,-44 4,33 40,61 32,89 -9,-5 -18,-11 -27,-15 -11,5 -25,10 -35,17 -3,-23 -13,-50 -24,-71 z"
|
|
||||||
id="path6" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="M 147,484 C 93,482 35,489 5,524 75,530 150,686 263,584 217,561 176,527 147,484 Z"
|
|
||||||
id="path7" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="M 233,379 C 216,318 172,252 48,256 c 51,30 -6,102 75,186 -13,-28 -20,-53 -26,-82 45,5 92,9 136,19 z"
|
|
||||||
id="path8" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 228,174 c 74,46 107,101 104,148 -18,-22 -37,-33 -62,-43 -13,26 -26,53 -33,82 -11,-32 -28,-57 -54,-79 19,-37 54,-68 45,-108 z"
|
|
||||||
id="path9" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 326,257 c 31,-41 76,-74 69,-107 21,20 88,97 81,140 -6,3 -16,13 -25,28 -14,3 -45,-37 -52,-49 -22,18 -42,34 -58,57 2,-25 -3,-46 -15,-69 z"
|
|
||||||
id="path10" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 674,493 c 53,-8 107,-12 162,45 -95,-27 -84,155 -281,48 47,-17 88,-55 119,-93 z"
|
|
||||||
id="path11" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 747,480 c 68,-64 34,-115 93,-153 -90,-5 -167,25 -223,58 29,2 59,9 121,-22 -13,52 -19,72 -55,119 21,-3 42,-5 64,-2 z"
|
|
||||||
id="path12" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 565,337 c 32,-59 86,-111 187,-119 -43,51 -35,83 -17,107 -4,1 -8,2 -12,3 -42,10 -78,26 -109,44 l -14,9 -8,1 -2,-5 c -7,-14 -16,-28 -25,-40 z"
|
|
||||||
id="path13" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 474,240 c 14,-29 33,-57 95,-88 -7,62 11,92 45,108 -24,20 -42,44 -56,69 -9,-10 -18,-18 -27,-25 v 0 c -10,-7 -12,-14 -14,-20 0,-3 -1,-6 -2,-9 l -5,-10 -9,6 c -6,3 -11,6 -15,10 -1,-13 -5,-27 -12,-41 z"
|
|
||||||
id="path14" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="M 336,626 C 210,771 158,597 40,646 c 7,-22 28,-43 54,-60 66,49 113,57 178,-1 13,6 21,6 34,7 7,14 16,26 30,34 z"
|
|
||||||
id="path15" /><path
|
|
||||||
class="fil0"
|
|
||||||
d="m 543,587 c 100,55 141,62 226,-20 22,19 39,42 49,70 -135,-55 -155,136 -355,-10 23,-12 27,-15 38,-35 15,0 27,-1 42,-5 z"
|
|
||||||
id="path16" /></g></g></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 4.8 KiB |
@@ -1,52 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="18.789001mm"
|
|
||||||
height="18.789001mm"
|
|
||||||
viewBox="0 0 18.789001 18.789001"
|
|
||||||
version="1.1"
|
|
||||||
id="svg1"
|
|
||||||
xml:space="preserve"
|
|
||||||
sodipodi:docname="papillon.svg"
|
|
||||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
|
||||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
||||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
|
||||||
id="namedview1"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#000000"
|
|
||||||
borderopacity="0.25"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1"
|
|
||||||
inkscape:document-units="mm"
|
|
||||||
inkscape:zoom="16.461647"
|
|
||||||
inkscape:cx="35.476401"
|
|
||||||
inkscape:cy="35.506774"
|
|
||||||
inkscape:window-width="2160"
|
|
||||||
inkscape:window-height="1440"
|
|
||||||
inkscape:window-x="0"
|
|
||||||
inkscape:window-y="0"
|
|
||||||
inkscape:window-maximized="1"
|
|
||||||
inkscape:current-layer="layer1" /><defs
|
|
||||||
id="defs1"><style
|
|
||||||
type="text/css"
|
|
||||||
id="style1">
|
|
||||||
|
|
||||||
.fil0 {fill:black}
|
|
||||||
|
|
||||||
</style></defs><g
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(-97.85728,-50.892156)"><circle
|
|
||||||
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.4;stroke-linejoin:round;stroke-dashoffset:112.176;stroke-opacity:1;paint-order:markers fill stroke"
|
|
||||||
id="circle7"
|
|
||||||
cx="107.25178"
|
|
||||||
cy="60.286655"
|
|
||||||
r="9.1945019" /><g
|
|
||||||
id="g1-9"
|
|
||||||
transform="matrix(0.19059642,0,0,0.19059642,100.96208,53.99698)"><path
|
|
||||||
d="m 59.2982,8.9316 c -6.87,1.32 -14.2999,5.39 -19.89,12.25 -2.23,2.74 -3.61,5.4 -4.52,7.46 -0.1799,-0.8 -0.3999,-1.48 -0.6599,-2.01 0.3199,-0.58 0.73,-1.31 1.1899,-2.14 1.1699,-2.18 2.96,-5.08 3.8101,-8.37 0.5299,-2.06 0.7,-5.77 -0.8501,-6.96 -0.58,-0.47 -1.48,-0.52 -1.96,-0.02 -1.3,1.28 0.14,3.03 0.62,3.57 -0.4401,-0.54 -1.83,-2.27 -0.52,-3.47 0.4401,-0.42 1.2101,-0.35 1.7201,0.09 1.4199,1.16 1.0699,4.84 0.5299,6.67 -0.9301,3.15 -2.7799,5.94 -4.0399,8.09 -0.3901,0.65 -0.74,1.23 -1.04,1.73 -0.21,-0.22 -0.4399,-0.34 -0.6801,-0.34 -0.25,0 -0.48,0.1201 -0.7,0.34 -0.3,-0.5 -0.65,-1.07 -1.04,-1.73 -1.26,-2.15 -3.11,-4.94 -4.0399,-8.09 -0.4701,-1.57 -0.6101,-3.23 -0.3601,-4.75 0.51,-3.27 3.3701,-2.68 3.1101,-0.5 -0.1201,0.9 -0.8101,1.7 -1.0601,2.02 0.39,-0.45 2.01,-2.3 0.6599,-3.63 -0.48,-0.5 -1.3799,-0.45 -1.96,0.02 -0.61,0.47 -0.8999,1.27 -1.05,2.03 -0.3099,1.56 -0.22,3.29 0.2101,4.93 0.84,3.29 2.63,6.19 3.7999,8.37 0.4701,0.84 0.8701,1.56 1.1901,2.15 -0.2999,0.61 -0.5499,1.43 -0.74,2.41 -0.89,-2.09 -2.26,-4.87 -4.5699,-7.74 -2.51,-3.12 -6,-6.47 -10.5,-8.87 -3.3701,-1.82 -7.1401,-3.07 -9.26,-3.47 -3.64,-0.71 -5.8301,1.27 -5.6901,4.19 0.05,0.83 0.2101,1.49 0.33,2.12 l 0.3601,1.93 c 2.86,15.11 2.11,17.98 7.97,18.08 -1.75,1.88 -1.97,4.14 -1.5601,6.78 0.8801,5.64 4.3101,10.65 8.74,13.63 7.9601,4.95 11.1901,-3.25 15.2001,-10.35 0.0299,0.5 0.0599,1 0.11,1.49 0.3,2.31 0.73,3.33 0.75,3.42 h 0.1899 c 0.02,-0.09 0.4501,-1.15 0.74,-3.42 0.0701,-0.55 0.1101,-1.12 0.1301,-1.69 0.6499,1.16 1.3499,2.41 2.08,3.73 0.7999,1.41 1.5499,2.87 2.5699,4.39 8.8101,12.97 24.8401,-10.68 17.76,-18.13 2.3,-0.04 4,-0.63 4.8601,-2.94 0.5699,-1.48 3.71,-18.48 3.75,-19.04 0.1699,-2.7599 -1.8401,-4.93 -5.6901,-4.23 z"
|
|
||||||
id="path1-7" /></g></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.4 KiB |
3
web/themes/erabletheme/assets/leaflet-point.svg
Normal file
3
web/themes/erabletheme/assets/leaflet-point.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||||
|
<circle cx="9" cy="9" r="6" style="fill: #4a4a49;" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 159 B |
BIN
web/themes/erabletheme/assets/logo_epau.png
Normal file
BIN
web/themes/erabletheme/assets/logo_epau.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
115
web/themes/erabletheme/assets/logo_erable_ardoise.svg
Normal file
115
web/themes/erabletheme/assets/logo_erable_ardoise.svg
Normal file
@@ -0,0 +1,115 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
version="1.1"
|
||||||
|
id="svg1"
|
||||||
|
width="1096.0667"
|
||||||
|
height="1223.1733"
|
||||||
|
viewBox="0 0 1096.0667 1223.1733"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||||||
|
<defs
|
||||||
|
id="defs1" />
|
||||||
|
<g
|
||||||
|
id="g1">
|
||||||
|
<g
|
||||||
|
id="group-R5">
|
||||||
|
<path
|
||||||
|
id="path2"
|
||||||
|
d="m 2952.13,6412.45 c 0,135.01 -37.16,243.68 -111.38,326.18 -74.3,82.46 -172.13,123.76 -293.59,123.76 h -384.73 v -9.63 c 1.87,-4.36 4.76,-8.6 8.68,-12.89 11.54,-4.32 28.42,-9.63 50.64,-16.07 22.12,-6.41 44.31,-16.63 66.5,-30.5 22.15,-13.99 41.41,-34.31 57.85,-61.08 16.37,-26.8 24.61,-63.78 24.61,-110.87 V 4612.73 h 38.44 c 299.85,0 542.98,243.09 542.98,542.98 v 1256.74"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path3"
|
||||||
|
d="m 4316.45,4638.44 c -57.53,0 -102.86,24.61 -136.1,73.93 -33.22,49.25 -64.23,110.87 -92.94,184.76 -28.7,73.93 -60.63,153.76 -95.64,239.44 -35.04,85.68 -82.64,166.02 -142.84,241.04 -60.2,74.95 -138.33,137.64 -234.42,187.99 -96.11,50.35 -220.46,76.6 -373.15,78.76 h 32.29 c 120.4,0 229.04,16.08 326.07,48.19 97,32.18 180.04,75.54 249.21,130.17 69.13,54.63 122.15,117.79 158.99,189.63 36.84,71.73 55.25,146.21 55.25,223.36 0,77.12 -14.79,153.13 -44.45,228.16 -29.62,74.99 -74.59,141.92 -134.78,200.87 -60.16,58.92 -135.12,106.56 -224.97,142.99 -89.82,36.43 -194.87,54.67 -315.2,54.67 h -121.3 c 64.7,0 118.96,-30.03 163.01,-90 44.01,-60.02 76.82,-134.97 98.39,-224.97 21.53,-89.97 31.85,-187.52 30.94,-292.46 -0.88,-104.98 -12.12,-202.45 -33.65,-292.45 -21.53,-90 -54.38,-165.51 -98.39,-226.58 -44.01,-61.04 -98.35,-91.58 -163.01,-91.58 h -10.77 c 37.72,0 67.37,-25.7 88.94,-77.11 21.53,-51.45 40.83,-115.23 57.93,-191.25 17.02,-76.05 35.41,-159.06 55.22,-249.06 19.73,-90.01 48.55,-173.05 86.26,-249.07 37.68,-76.08 86.6,-139.29 146.87,-189.6 60.12,-50.38 139.58,-75.53 238.45,-75.53 h 441.92 v 12.85 c -3.63,8.53 -6.37,12.85 -8.13,12.85"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path4"
|
||||||
|
d="m 4753.34,5417.62 c 95.86,0 173.01,23.69 231.38,71.18 58.4,47.42 105.89,107 142.51,178.73 36.58,71.66 64.51,149.94 83.63,234.74 19.26,84.84 37.09,163.09 53.6,234.79 16.59,71.66 35.34,131.78 56.25,180.22 20.5,47.46 48.59,71.37 84.14,72.36 -144.96,-3.15 -300.47,-27.65 -391.39,-73.86 -93.15,-47.49 -169.02,-106.55 -227.42,-177.22 -58.41,-70.71 -104.62,-146.43 -138.63,-227.21 -33.98,-80.77 -64.89,-155.98 -92.83,-225.66 -27.82,-69.64 -57.89,-127.72 -90.14,-174.18 -32.26,-46.47 -76.24,-69.65 -132.08,-69.65 -1.72,0 -4.32,-4.06 -7.84,-12.12 v -12.12 h 428.82"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path5"
|
||||||
|
d="M 5364.62,7710.54 6441.21,5640.85 c 17.14,-34.27 37.5,-62.65 61.04,-85.17 23.62,-22.48 46.65,-41.27 69.13,-56.21 22.52,-15.01 43.87,-26.84 64.26,-35.37 20.36,-8.57 36.98,-15.01 49.84,-19.29 6.44,0 9.66,-4.29 9.66,-12.86 2.09,-4.28 3.19,-8.56 3.19,-12.85 H 5667.29 v 12.85 c 4.25,8.57 7.43,12.86 9.59,12.86 12.86,4.28 30.03,10.14 51.45,17.68 21.42,7.47 40.68,18.2 57.85,32.15 17.07,13.91 28.34,32.11 33.76,54.63 5.31,22.48 -1.65,53.02 -20.94,91.58 l -718.01,1454.76 270.74,614.93 h 12.89"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path6"
|
||||||
|
d="m 6399.03,3861.07 c 52.51,-61.04 91.65,-136.58 117.35,-226.58 25.71,-89.97 39.04,-187.44 40.17,-292.45 1.06,-104.95 -11.28,-202.49 -36.98,-292.46 -25.71,-90 -64.81,-164.95 -117.28,-224.97 -52.55,-59.98 -117.28,-89.96 -194.44,-89.96 h 144.64 c 143.5,0 268.8,18.19 375.97,54.63 107.14,36.47 196.56,84.1 268.36,142.98 71.74,58.96 125.34,125.89 160.71,200.88 35.34,75.03 53.02,151.04 53.02,228.16 0,77.15 -22,151.62 -65.91,223.35 -43.9,71.84 -107.13,135.01 -189.59,189.64 -82.5,54.63 -181.55,98.02 -297.29,130.17 -115.67,32.11 -245.33,48.19 -388.87,48.19 h -64.29 c 77.15,0 141.96,-30.54 194.43,-91.58"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path7"
|
||||||
|
d="m 6366.21,4887.06 c 43.6,-50.75 76.16,-113.51 97.5,-188.32 21.42,-74.81 32.48,-155.8 33.4,-243.06 0.91,-87.22 -9.38,-168.32 -30.72,-243.09 -21.39,-74.81 -53.87,-137.09 -97.51,-186.97 -43.61,-49.83 -97.47,-74.8 -161.59,-74.8 h 120.21 c 119.3,0 223.43,15.16 312.48,45.4 89.09,30.32 163.39,69.9 223.03,118.86 59.69,48.99 104.21,104.65 133.58,166.97 29.44,62.35 44.12,125.52 44.12,189.63 0,64.12 -18.31,126 -54.81,185.65 -36.51,59.68 -89.05,112.19 -157.6,157.63 -68.58,45.37 -150.89,81.43 -247.05,108.16 -96.12,26.7 -203.91,40.06 -323.21,40.06 h -53.42 c 64.11,0 117.97,-25.37 161.59,-76.12"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path8"
|
||||||
|
d="m 5861.77,4864.23 c -74.26,82.46 -172.1,123.72 -293.63,123.72 h -381.83 v -9.63 c 1.94,-4.32 4.83,-8.6 8.75,-12.85 11.53,-4.32 28.34,-9.63 50.6,-16.07 22.12,-6.41 43.79,-16.63 65.07,-30.54 21.16,-13.95 40.5,-33.73 57.85,-59.43 17.36,-25.74 26,-61.08 26,-106.08 V 3245.13 c 0,-279.89 226.95,-506.8 506.84,-506.8 h 71.73 v 1799.72 c 0,134.97 -37.16,243.68 -111.38,326.18"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path9"
|
||||||
|
d="m 6380.04,1168.3 h 5.57 l 11.13,3.07 c -7.43,0 -13,-1.06 -16.7,-3.07"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path10"
|
||||||
|
d="m 1093.11,8379.41 c 78.47,0 141.45,19.37 189.16,58.18 47.78,38.75 86.52,87.45 116.48,146.07 29.91,58.55 52.69,122.55 68.36,191.87 15.71,69.31 30.28,133.28 43.83,191.86 13.51,58.56 28.85,107.69 45.95,147.31 16.74,38.82 39.69,58.33 68.73,59.1 -118.49,-2.53 -245.55,-22.59 -319.84,-60.34 -76.16,-38.78 -138.15,-87.08 -185.9,-144.82 -47.68,-57.78 -85.5,-119.7 -113.22,-185.68 -27.828,-66.02 -53.129,-127.5 -75.906,-184.44 -22.738,-56.93 -47.344,-104.43 -73.672,-142.36 -26.398,-38.01 -62.32,-56.94 -107.98,-56.94 -1.391,0 -3.551,-3.33 -6.372,-9.92 v -9.89 h 350.38"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path11"
|
||||||
|
d="M 1194.38,7137.68 901.852,6968.77 1194.38,6799.86 c 130.06,-75.06 292.56,18.78 292.56,168.91 0,150.16 -162.5,243.97 -292.56,168.91"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path12"
|
||||||
|
d="M 786.773,8087.45 H 0 v -9.63 c 1.83203,-4.32 4.79688,-8.6 8.67969,-12.85 11.49611,-4.36 28.41411,-9.63 50.56641,-16.07 22.1523,-6.45 44.3399,-16.63 66.5669,-30.54 22.152,-13.95 41.449,-34.31 57.816,-61.04 16.367,-26.84 24.605,-63.82 24.605,-110.91 V 6416.33 c 0,-319.52 259.024,-578.54 578.539,-578.54 v 2249.66"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path13"
|
||||||
|
d="m 1937.32,7363.83 v 712.96 H 1117.3 c 380.7,-129.33 680.74,-389.16 820.02,-712.96"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path14"
|
||||||
|
d="M 1937.32,6550.75 V 5837.79 H 1117.3 c 380.7,129.33 680.74,389.16 820.02,712.96"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path15"
|
||||||
|
d="m 7385.59,1299.9 -292.52,-168.91 292.52,-168.908 c 130.06,-75.07 292.6,18.777 292.6,168.908 0,150.12 -162.54,243.97 -292.6,168.91"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path16"
|
||||||
|
d="m 7028.16,2249.66 h -786.78 v -9.63 c 1.84,-4.32 4.8,-8.6 8.68,-12.85 11.5,-4.32 28.42,-9.63 50.57,-16.07 22.12,-6.41 44.34,-16.63 66.57,-30.54 22.15,-13.95 41.45,-34.31 57.81,-61.04 16.37,-26.84 24.61,-63.82 24.61,-110.87 V 578.539 C 6449.62,259.02 6708.61,0 7028.16,0 v 2249.66"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path17"
|
||||||
|
d="M 8220.47,1526.04 V 2239 h -820.02 c 380.74,-129.33 680.77,-389.16 820.02,-712.96"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path18"
|
||||||
|
d="M 8220.47,712.961 V 0.0117188 H 7400.45 C 7781.19,129.34 8081.22,389.172 8220.47,712.961"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path19"
|
||||||
|
d="m 4804.86,1504.11 c -11.57,4.24 -32.84,10.69 -63.64,19.26 -30.86,8.57 -62.72,25.74 -95.45,51.44 -32.81,25.71 -61.74,63.17 -86.82,112.45 -25.05,49.29 -37.61,116.77 -37.61,202.49 v 1844.72 h -786.77 v -9.63 c 1.87,-4.35 4.76,-8.6 8.72,-12.89 11.49,-4.32 28.37,-9.63 50.6,-16.03 22.12,-6.45 44.31,-16.66 66.49,-30.54 22.16,-13.99 41.45,-34.31 57.86,-61.08 16.33,-26.8 24.6,-63.78 24.6,-110.87 V 1729.08 c 0,-47.17 -8.27,-84.11 -24.6,-110.91 -16.41,-26.81 -35.7,-47.13 -57.86,-61.04 -22.18,-13.95 -44.37,-24.13 -66.49,-30.54 -22.23,-6.45 -39.11,-11.79 -50.6,-16.08 -2.02,0 -4.87,-4.28 -8.72,-12.85 v -12.85 h 1076.08 v 9.63 c 0,6.44 -1.98,9.67 -5.79,9.67"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
<path
|
||||||
|
id="path20"
|
||||||
|
d="m 5648.4,2363.05 v -878.24 h -673.71 c 312.78,159.32 559.28,479.38 673.71,878.24"
|
||||||
|
style="fill:#484b4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
transform="matrix(0.13333333,0,0,-0.13333333,0,1223.1733)" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 10 KiB |
File diff suppressed because it is too large
Load Diff
@@ -27,6 +27,27 @@ function erabletheme_preprocess_node(&$variables) {
|
|||||||
$date_formatter = \Drupal::service('date.formatter');
|
$date_formatter = \Drupal::service('date.formatter');
|
||||||
$variables['date'] = $date_formatter->format($node->created->value, 'custom', 'j F Y', null, 'fr');
|
$variables['date'] = $date_formatter->format($node->created->value, 'custom', 'j F Y', null, 'fr');
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* Inject le label du tag courant pour les pages d'archive taxonomy
|
||||||
|
* (rendu par node--view--taxonomy-term.html.twig).
|
||||||
|
*/
|
||||||
|
function erabletheme_preprocess_node__view__taxonomy_term(&$variables) {
|
||||||
|
$route_match = \Drupal::routeMatch();
|
||||||
|
if ($route_match->getRouteName() === 'entity.taxonomy_term.canonical') {
|
||||||
|
$term = $route_match->getParameter('taxonomy_term');
|
||||||
|
if ($term) {
|
||||||
|
$variables['taxonomy_term_label'] = $term->label();
|
||||||
|
// Le rendu du node est caché : on déclare la dépendance sur la route
|
||||||
|
// courante (sinon tous les terms partagent la même valeur cachée).
|
||||||
|
$variables['#cache']['contexts'][] = 'route';
|
||||||
|
$variables['#cache']['tags'] = array_merge(
|
||||||
|
$variables['#cache']['tags'] ?? [],
|
||||||
|
$term->getCacheTags()
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function erabletheme_preprocess_node__view__meetup(&$variables) {
|
function erabletheme_preprocess_node__view__meetup(&$variables) {
|
||||||
/** @var \Drupal\node\Entity $node */
|
/** @var \Drupal\node\Entity $node */
|
||||||
$node = $variables['node'];
|
$node = $variables['node'];
|
||||||
|
|||||||
@@ -9,6 +9,58 @@
|
|||||||
Drupal.behaviors.erabletheme = {
|
Drupal.behaviors.erabletheme = {
|
||||||
attach: function (context, settings) {
|
attach: function (context, settings) {
|
||||||
|
|
||||||
|
//
|
||||||
|
// Bloc en-tête hors colonne (.page-header-outside) : positionné en
|
||||||
|
// absolute dans <main>, donc on mesure sa hauteur et on l'expose via
|
||||||
|
// une CSS variable pour que <main> réserve la bonne place en padding-top.
|
||||||
|
//
|
||||||
|
const header_outside = document.querySelector('.page-header-outside');
|
||||||
|
const main_el = header_outside ? header_outside.closest('main') : null;
|
||||||
|
if (header_outside && main_el && !main_el.dataset.headerOutsideMeasured) {
|
||||||
|
const updateHeaderOutsideHeight = () => {
|
||||||
|
const h = header_outside.getBoundingClientRect().height;
|
||||||
|
main_el.style.setProperty('--page-header-outside-h', h + 'px');
|
||||||
|
};
|
||||||
|
updateHeaderOutsideHeight();
|
||||||
|
window.addEventListener('resize', updateHeaderOutsideHeight);
|
||||||
|
main_el.dataset.headerOutsideMeasured = 'true';
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Sidebar projets : marquer .is-active sur le lien de la page courante
|
||||||
|
// (la vue ne pose pas cette classe automatiquement, contrairement aux
|
||||||
|
// blocs menus Drupal).
|
||||||
|
//
|
||||||
|
const projetsSidebar = document.querySelector('#block-erabletheme-views-block-projets-block-1');
|
||||||
|
if (projetsSidebar && !projetsSidebar.dataset.activeMarked) {
|
||||||
|
const currentPath = window.location.pathname.replace(/\/$/, '');
|
||||||
|
projetsSidebar.querySelectorAll('a[href]').forEach(a => {
|
||||||
|
if (a.getAttribute('href').replace(/\/$/, '') === currentPath) {
|
||||||
|
a.classList.add('is-active');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
projetsSidebar.dataset.activeMarked = 'true';
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Pages taxonomy (filtres par tag de projet) : on rend les sous-titres
|
||||||
|
// des cards cliquables (le titre est déjà lié via le Twig).
|
||||||
|
//
|
||||||
|
document.querySelectorAll('.taxonomy_page').forEach(card => {
|
||||||
|
if (card.dataset.subtitleLinked) return;
|
||||||
|
const titleLink = card.querySelector('.projet_label a');
|
||||||
|
const subtitle = card.querySelector('.sous_titre');
|
||||||
|
if (titleLink && subtitle && !subtitle.querySelector('a')) {
|
||||||
|
const href = titleLink.getAttribute('href');
|
||||||
|
// On enveloppe les enfants du sous-titre dans un <a>.
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.setAttribute('href', href);
|
||||||
|
while (subtitle.firstChild) a.appendChild(subtitle.firstChild);
|
||||||
|
subtitle.appendChild(a);
|
||||||
|
}
|
||||||
|
card.dataset.subtitleLinked = 'true';
|
||||||
|
});
|
||||||
|
|
||||||
//
|
//
|
||||||
// Home intro : sortir le .more-link (rendu profond par smart_trim)
|
// Home intro : sortir le .more-link (rendu profond par smart_trim)
|
||||||
// de .intro_body pour le placer directement sous .intro_main.
|
// de .intro_body pour le placer directement sous .intro_main.
|
||||||
@@ -310,46 +362,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
|
||||||
// Sous Menu display on hover
|
|
||||||
//
|
|
||||||
|
|
||||||
const programLink = document.querySelector("#block-erabletheme-navigationprincipale ul li:first-of-type");
|
|
||||||
const programSubmenu = document.querySelector("#block-erabletheme-leprogramme");
|
|
||||||
let isSubmenuOpen = false;
|
|
||||||
|
|
||||||
function showSubmenu() {
|
|
||||||
programLink.classList.add("submenu-open");
|
|
||||||
let rect = programLink.getBoundingClientRect();
|
|
||||||
programSubmenu.style.top = `${rect.bottom}px`;
|
|
||||||
programSubmenu.style.left = `${rect.left}px`;
|
|
||||||
programSubmenu.style.display = "block";
|
|
||||||
|
|
||||||
programSubmenu.style.display = "block";
|
|
||||||
setTimeout(() => {
|
|
||||||
programSubmenu.style.maxHeight = "50vh";
|
|
||||||
}, 10)
|
|
||||||
|
|
||||||
isSubmenuOpen = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideSubmenu() {
|
|
||||||
programLink.classList.remove("submenu-open");
|
|
||||||
programSubmenu.style.maxHeight = "0px";
|
|
||||||
isSubmenuOpen = false;
|
|
||||||
setTimeout(() => {
|
|
||||||
if (!isSubmenuOpen) {
|
|
||||||
programSubmenu.style.display = "none";
|
|
||||||
}
|
|
||||||
}, 600);
|
|
||||||
}
|
|
||||||
|
|
||||||
programLink.addEventListener("mouseenter", showSubmenu);
|
|
||||||
programLink.addEventListener("mouseleave", hideSubmenu);
|
|
||||||
|
|
||||||
programSubmenu.addEventListener("mouseenter", showSubmenu);
|
|
||||||
programSubmenu.addEventListener("mouseleave", hideSubmenu);
|
|
||||||
|
|
||||||
//
|
//
|
||||||
// Aside menu toggle
|
// Aside menu toggle
|
||||||
//
|
//
|
||||||
@@ -524,10 +536,10 @@
|
|||||||
// map on the projects page
|
// map on the projects page
|
||||||
|
|
||||||
let customIcon = L.icon({
|
let customIcon = L.icon({
|
||||||
iconUrl: '/themes/erabletheme/assets/leaf.svg',
|
iconUrl: '/themes/erabletheme/assets/leaflet-point.svg',
|
||||||
iconSize: [20, 20],
|
iconSize: [18, 18],
|
||||||
iconAnchor: [10, 20],
|
iconAnchor: [9, 9],
|
||||||
popupAnchor: [0, -20]
|
popupAnchor: [0, -9]
|
||||||
});
|
});
|
||||||
|
|
||||||
let initiatedMap = document.querySelector(`#${mapid}`);
|
let initiatedMap = document.querySelector(`#${mapid}`);
|
||||||
@@ -581,7 +593,7 @@
|
|||||||
const currentMap = document.querySelector('.leaflet-container');
|
const currentMap = document.querySelector('.leaflet-container');
|
||||||
const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img');
|
const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img');
|
||||||
for (let icon of leafletIcons) {
|
for (let icon of leafletIcons) {
|
||||||
icon.setAttribute('src', '/themes/erabletheme/assets/leaf.svg');
|
icon.setAttribute('src', '/themes/erabletheme/assets/leaflet-point.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
|
|||||||
@@ -10,6 +10,17 @@
|
|||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// En grille, deux teasers voisins peuvent se toucher : on déplace le
|
||||||
|
// border-bottom fluo de l'article vers le .preview_sous_titre pour qu'il
|
||||||
|
// reste à l'intérieur du teaser (padding de l'article en dessous).
|
||||||
|
// Spécifique à l'index actus — carousel home conserve son trait au bord.
|
||||||
|
.actus_list article.actu-teaser {
|
||||||
|
border-bottom: none;
|
||||||
|
.preview_sous_titre {
|
||||||
|
border-bottom: 7px solid $fluo_green;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullpage {
|
.fullpage {
|
||||||
|
|||||||
@@ -1,8 +1,172 @@
|
|||||||
|
// En-tête de page placé HORS de la colonne blanche (.fullpage) :
|
||||||
|
// "Retour …", <h2>, trait, .sous_titre apparaissent directement sur le fond gris.
|
||||||
|
// Couleur grisée (text_grey atténué) en cohérence avec les "meta" de la home.
|
||||||
|
.layout-content .page-header-outside {
|
||||||
|
padding: 3vh $x_margin 2vh;
|
||||||
|
background: transparent;
|
||||||
|
color: $text_grey;
|
||||||
|
.retour_projets,
|
||||||
|
.retour_actus,
|
||||||
|
.retour_ressources,
|
||||||
|
.retour-meetup {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
a {
|
||||||
|
// Marianne, pas Vogun.
|
||||||
|
font-family: $marianne;
|
||||||
|
font-weight: $fw_bold;
|
||||||
|
font-size: $fs_xs;
|
||||||
|
color: $text_grey;
|
||||||
|
opacity: 0.7;
|
||||||
|
text-decoration: none;
|
||||||
|
&:hover { opacity: 1; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Typo titre harmonisée entre toutes les pages (projets / actus / autres) :
|
||||||
|
// Vogun 36px constant, on retire le bump à 57px du main_title() par défaut.
|
||||||
|
> h2 {
|
||||||
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_xl;
|
||||||
|
color: black;
|
||||||
|
line-height: $lh_tight;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
a { color: inherit; text-decoration: none; }
|
||||||
|
}
|
||||||
|
// Trait de séparation entre titre et sous-titre.
|
||||||
|
> h2 + .sous_titre,
|
||||||
|
> h2 ~ .sous_titre {
|
||||||
|
padding-top: 1.2rem;
|
||||||
|
margin-top: 1.2rem;
|
||||||
|
border-top: 1px solid $text_grey;
|
||||||
|
}
|
||||||
|
.sous_titre {
|
||||||
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_lg; // 22px constant sur tous les breakpoints
|
||||||
|
line-height: $lh_tight;
|
||||||
|
color: $text_grey;
|
||||||
|
opacity: 0.7;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
@media (min-width: $breakpoint_tablet) {
|
||||||
|
width: 75vw;
|
||||||
|
margin-left: 12.5vw;
|
||||||
|
margin-top: 5vh;
|
||||||
|
}
|
||||||
|
@media (min-width: $breakpoint_desktop) {
|
||||||
|
width: 50vw;
|
||||||
|
margin-left: 25%;
|
||||||
|
margin-top: 5vh; // identique à tablette, en ligne avec les pages projets
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sur les pages d'index (.fullpage.large-container : /projets, /actualites,
|
||||||
|
// /meetup), la colonne blanche est plus large. On aligne le .page-header-outside
|
||||||
|
// dessus pour que le titre démarre à la même abscisse que le contenu.
|
||||||
|
.layout-content .page-header-outside:has(+ .fullpage.large-container) {
|
||||||
|
@media (min-width: $breakpoint_tablet) {
|
||||||
|
width: auto;
|
||||||
|
margin-left: calc(#{$x_margin} * 2.5);
|
||||||
|
margin-right: calc(#{$x_margin} * 2.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Quand le .page-header-outside est suivi d'une .fullpage (pages SANS
|
||||||
|
// sidebar : actus, programme…), on supprime la marge top de .fullpage pour
|
||||||
|
// rapprocher la colonne blanche du bloc en-tête.
|
||||||
|
// Exceptions :
|
||||||
|
// - /ressources : layout hacky (cf. _ressources.scss), on n'y touche pas
|
||||||
|
// - articles non-premiers d'une vue (.views-row:not(:first-of-type)) :
|
||||||
|
// leur en-tête est masqué donc pas de besoin d'override.
|
||||||
|
.layout-content .page-header-outside + .fullpage,
|
||||||
|
.layout-content .page-header-outside + article.fullpage {
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
@media (min-width: $breakpoint_tablet) {
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Restaurer le margin-top par défaut pour les cas exclus en desktop.
|
||||||
|
@media (min-width: $breakpoint_desktop) {
|
||||||
|
.views-row:not(:first-of-type) .page-header-outside + .fullpage,
|
||||||
|
.views-row:not(:first-of-type) .page-header-outside + article.fullpage,
|
||||||
|
.ressources.page-header-outside + .fullpage,
|
||||||
|
.page-header-outside + .ressources,
|
||||||
|
.page-header-outside + article.ressources {
|
||||||
|
margin-top: revert !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sur les pages SANS sidebar (mentions-legales, programme, etc.), le <h2>
|
||||||
|
// ayant été sorti dans .page-header-outside, le contenu peut se retrouver
|
||||||
|
// collé au bord supérieur de la colonne (la règle p:first-of-type
|
||||||
|
// { margin-top: 7vh } ne matche que si le premier élément est un <p>).
|
||||||
|
// On compense uniquement dans ce contexte.
|
||||||
|
main:not(:has(#block-erabletheme-leprogramme-2)):not(:has(#block-erabletheme-views-block-projets-block-1))
|
||||||
|
.layout-content .page-header-outside + .fullpage > .fullpage_content {
|
||||||
|
padding-top: 1.5rem;
|
||||||
|
// Si le premier élément est un <p>, on neutralise sa marge top par défaut
|
||||||
|
// (sinon elle s'ajoute au padding qu'on vient de poser).
|
||||||
|
p:first-of-type {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Contexte page projet (sidebar sommaire à gauche, layout en flex row-reverse
|
||||||
|
// au niveau du <main>) : on force le .page-header-outside à occuper toute la
|
||||||
|
// largeur AU-DESSUS de la sidebar et de la colonne blanche.
|
||||||
|
// Le .page-header-outside est dans .layout-content donc il flotte en
|
||||||
|
// position: absolute pour passer par-dessus et on pousse main de padding-top.
|
||||||
|
//
|
||||||
|
// IMPORTANT : on ne cible QUE les .page-header-outside enfants DIRECTS de
|
||||||
|
// .layout-content (pages node-like : projet, programme, taxonomy). Sur
|
||||||
|
// /ressources la sidebar est aussi présente mais le .page-header-outside
|
||||||
|
// est imbriqué dans une .views-row — on le laisse en flux normal.
|
||||||
|
main:has(#block-erabletheme-leprogramme-2),
|
||||||
|
main:has(#block-erabletheme-views-block-projets-block-1) {
|
||||||
|
@media (min-width: $breakpoint_tablet) {
|
||||||
|
position: relative;
|
||||||
|
// Le .page-header-outside passe en position absolute, sauf s'il est
|
||||||
|
// imbriqué dans une .views-row (cas /ressources, layout hacky : on laisse
|
||||||
|
// en flux normal et on compense via _ressources.scss).
|
||||||
|
.layout-content .page-header-outside:not(.views-row .page-header-outside) {
|
||||||
|
position: absolute;
|
||||||
|
top: 3vh;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
width: auto !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding-left: 14vw;
|
||||||
|
padding-right: 40vw;
|
||||||
|
@media (min-width: $breakpoint_desktop) {
|
||||||
|
padding-left: 15vw;
|
||||||
|
padding-right: 40vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Réserver la place du header-outside uniquement quand il est en absolute
|
||||||
|
// (= pas dans une .views-row). Sinon padding-top normal.
|
||||||
|
@media (min-width: $breakpoint_tablet) {
|
||||||
|
&:has(.layout-content .page-header-outside:not(.views-row .page-header-outside)) {
|
||||||
|
padding-top: calc(var(--page-header-outside-h, 18vh) + 4vh);
|
||||||
|
// Le padding-top de <main> réserve déjà la place du header-outside.
|
||||||
|
// On annule les marges top de la sidebar et de la colonne blanche
|
||||||
|
// pour qu'elles démarrent juste en dessous (pas de double espacement).
|
||||||
|
.fullpage,
|
||||||
|
aside.layout-sidebar-first {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.layout-content .fullpage {
|
.layout-content .fullpage {
|
||||||
margin-bottom: 10vh;
|
margin-bottom: 10vh;
|
||||||
padding-top: 3vh;
|
padding-top: 3vh;
|
||||||
padding-bottom: 3vh;
|
padding-bottom: 3vh;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
border-bottom: 7px solid $fluo_green;
|
||||||
position: relative;
|
position: relative;
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 5vh !important;
|
margin-top: 5vh !important;
|
||||||
@@ -50,6 +214,10 @@
|
|||||||
@include fluo_button();
|
@include fluo_button();
|
||||||
a {
|
a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
// En mobile, ces liens sont en flux normal dans la colonne blanche,
|
||||||
|
// donc on contraste leur fond en gris pâle (en desktop ils sont
|
||||||
|
// position: fixed sur fond gris, on garde le fond blanc d'origine).
|
||||||
|
background-color: $page_bg;
|
||||||
}
|
}
|
||||||
@media (min-width: $breakpoint_desktop) {
|
@media (min-width: $breakpoint_desktop) {
|
||||||
//margin-bottom: 0 !important;
|
//margin-bottom: 0 !important;
|
||||||
@@ -62,6 +230,7 @@
|
|||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
max-width: calc(25vw - $x_margin * 2);
|
max-width: calc(25vw - $x_margin * 2);
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -158,21 +327,27 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) {
|
|||||||
}
|
}
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
border-bottom: 7px solid $fluo_green;
|
||||||
margin-left: 2vw;
|
margin-left: 2vw;
|
||||||
> h2 {
|
> h2 {
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
border-bottom: solid 1px $teal;
|
border-bottom: solid 1px $fluo_green;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@include sous_titre();
|
// Titre sidebar : Vogun brand color, plus grand.
|
||||||
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_lg;
|
||||||
|
color: $fluo_green;
|
||||||
|
line-height: $lh_tight;
|
||||||
> div {
|
> div {
|
||||||
mask-image: url('/themes/erabletheme/assets/icons/arrow-down-s-line.svg');
|
mask-image: url('/themes/erabletheme/assets/icons/arrow-down-s-line.svg');
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-color: $teal;
|
background-color: $fluo_green;
|
||||||
width: 1.3rem;
|
width: 1.3rem;
|
||||||
height: 1.3rem;
|
height: 1.3rem;
|
||||||
color: $teal;
|
color: $fluo_green;
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
transition: transform 0.3s ease;
|
transition: transform 0.3s ease;
|
||||||
&.closed {
|
&.closed {
|
||||||
@@ -189,14 +364,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) {
|
|||||||
> li,
|
> li,
|
||||||
.views-row {
|
.views-row {
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
@include main_text_content();
|
// Items sidebar : Vogun, item actif en brand color (pas gras).
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: black;
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_regular;
|
||||||
font-size: $fs_sm;
|
font-size: $fs_sm;
|
||||||
|
color: black;
|
||||||
|
line-height: $lh_normal;
|
||||||
&:hover,
|
&:hover,
|
||||||
&.is-active {
|
&.is-active {
|
||||||
font-weight: 800;
|
font-weight: $fw_regular;
|
||||||
|
color: $fluo_green;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -49,15 +49,24 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .prenom,
|
// Prénom + nom regroupés via le template paragraph--membre-equipe.html.twig.
|
||||||
> .nom {
|
// Même typo que sur les pages projets (Marianne regular, $fs_md).
|
||||||
|
> .nom-prenom {
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
margin-bottom: 2vh;
|
margin-bottom: 2vh;
|
||||||
@include sous_titre();
|
display: flex;
|
||||||
}
|
flex-wrap: wrap;
|
||||||
|
column-gap: 0.3rem;
|
||||||
> .nom > div {
|
color: black;
|
||||||
padding-left: 0.5rem;
|
font-family: $marianne;
|
||||||
|
font-weight: $fw_regular;
|
||||||
|
font-size: $fs_md;
|
||||||
|
line-height: $lh_normal;
|
||||||
|
> .prenom,
|
||||||
|
> .nom {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .texte {
|
> .texte {
|
||||||
@@ -76,7 +85,7 @@
|
|||||||
border-radius: 5vw;
|
border-radius: 5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .prenom {
|
> .nom-prenom {
|
||||||
padding-left: 3vw;
|
padding-left: 3vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -98,15 +107,12 @@
|
|||||||
height: 7vw;
|
height: 7vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> .prenom,
|
> .nom-prenom {
|
||||||
> .nom {
|
|
||||||
margin-top: 0.8rem;
|
margin-top: 0.8rem;
|
||||||
align-self: start;
|
align-self: start;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
grid-row: 2 / 2;
|
grid-row: 2 / 2;
|
||||||
}
|
grid-column: 1 / 3;
|
||||||
> .prenom {
|
|
||||||
justify-self: end;
|
|
||||||
}
|
}
|
||||||
> .texte {
|
> .texte {
|
||||||
grid-column: 1 / 3;
|
grid-column: 1 / 3;
|
||||||
|
|||||||
@@ -34,8 +34,18 @@
|
|||||||
width: 40vw;
|
width: 40vw;
|
||||||
max-width: 14rem;
|
max-width: 14rem;
|
||||||
height: auto;
|
height: auto;
|
||||||
@media (min-width: $breakpoint_desktop) {
|
}
|
||||||
width: 100%;
|
// Desktop : le logo se cale sur la hauteur du texte de présentation
|
||||||
|
// (la colonne logo s'étire à la hauteur de la ligne grid).
|
||||||
|
@media (min-width: $breakpoint_desktop) {
|
||||||
|
align-self: stretch;
|
||||||
|
align-items: center;
|
||||||
|
img {
|
||||||
|
width: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,3 +1,8 @@
|
|||||||
|
// Wrapper config_pages (bandeau d'intro de la page meetup).
|
||||||
|
.config_pages--type--meetup {
|
||||||
|
padding-top: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.fullpage.meetup {
|
.fullpage.meetup {
|
||||||
> h2 {
|
> h2 {
|
||||||
border-bottom: solid 1px $teal;
|
border-bottom: solid 1px $teal;
|
||||||
@@ -20,8 +25,10 @@
|
|||||||
width: calc(75% - $x_margin * 2);
|
width: calc(75% - $x_margin * 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// Bouton "Déposer mon offre" : texte gris foncé (et icônes ::before /
|
||||||
|
// ::after) au repos, noir au survol. Fond brand conservé.
|
||||||
> div:last-of-type {
|
> div:last-of-type {
|
||||||
background-color: $teal;
|
background-color: $fluo_green;
|
||||||
width: 60%;
|
width: 60%;
|
||||||
margin-left: calc(40% - $x_margin);
|
margin-left: calc(40% - $x_margin);
|
||||||
margin-top: 4vh;
|
margin-top: 4vh;
|
||||||
@@ -42,26 +49,28 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: white;
|
color: $text_grey;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
transition: transform 0.2s ease-out;
|
transition: color 0.2s ease-out, transform 0.2s ease-out;
|
||||||
@media (min-width: $breakpoint_tablet) {
|
@media (min-width: $breakpoint_tablet) {
|
||||||
padding: 1rem 0.5rem;
|
padding: 1rem 0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> a::after {
|
> a::after {
|
||||||
content: "\2003 →";
|
content: "\2003 →";
|
||||||
|
color: $text_grey;
|
||||||
|
transition: color 0.2s ease-out;
|
||||||
}
|
}
|
||||||
> a::before {
|
> a::before {
|
||||||
content: "+";
|
content: "+";
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
color: white;
|
color: $text_grey;
|
||||||
border: solid 1px white;
|
border: solid 1px $text_grey;
|
||||||
width: 1.8rem;
|
width: 1.8rem;
|
||||||
height: 1.8rem;
|
height: 1.8rem;
|
||||||
border-radius: 1.5rem;
|
border-radius: 1.5rem;
|
||||||
@@ -71,6 +80,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
margin-right: 0.6rem;
|
margin-right: 0.6rem;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
transition: color 0.2s ease-out, border-color 0.2s ease-out;
|
||||||
@media (min-width: $breakpoint_tablet) {
|
@media (min-width: $breakpoint_tablet) {
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
@@ -80,10 +90,22 @@
|
|||||||
}
|
}
|
||||||
> a:hover {
|
> a:hover {
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px);
|
||||||
|
color: black;
|
||||||
|
&::after { color: black; }
|
||||||
|
&::before { color: black; border-color: black; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// Form de filtre meetup.
|
||||||
|
.js-form-item {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
// Bouton submit "Appliquer".
|
||||||
|
input.form-submit,
|
||||||
|
.form-submit {
|
||||||
|
padding: 0.5rem 1.2rem;
|
||||||
|
}
|
||||||
> .meetup_list {
|
> .meetup_list {
|
||||||
display: grid;
|
display: grid;
|
||||||
margin: 3vh $x_margin;
|
margin: 3vh $x_margin;
|
||||||
@@ -163,7 +185,7 @@
|
|||||||
grid-row: 2/3;
|
grid-row: 2/3;
|
||||||
color: black;
|
color: black;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: 800;
|
font-weight: $fw_regular;
|
||||||
//display: none;
|
//display: none;
|
||||||
}
|
}
|
||||||
> a.offre-title {
|
> a.offre-title {
|
||||||
@@ -172,8 +194,11 @@
|
|||||||
> h2 {
|
> h2 {
|
||||||
margin: unset;
|
margin: unset;
|
||||||
padding: unset;
|
padding: unset;
|
||||||
font-weight: 800;
|
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_lg;
|
||||||
|
line-height: $lh_tight;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> p.address {
|
> p.address {
|
||||||
@@ -250,11 +275,15 @@
|
|||||||
}
|
}
|
||||||
> .offre-content {
|
> .offre-content {
|
||||||
> div {
|
> div {
|
||||||
border-top: solid 1px $teal;
|
|
||||||
padding-top: 4vh;
|
padding-top: 4vh;
|
||||||
margin-left: $x_margin;
|
margin-left: $x_margin;
|
||||||
margin-right: $x_margin;
|
margin-right: $x_margin;
|
||||||
width: calc(100% - $x_margin * 2);
|
width: calc(100% - $x_margin * 2);
|
||||||
|
// Méta de l'offre : occupation + address en gris foncé.
|
||||||
|
.occupation,
|
||||||
|
.address {
|
||||||
|
color: $text_grey;
|
||||||
|
}
|
||||||
> div > div > div {
|
> div > div > div {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 0.3fr 1fr 1fr;
|
grid-template-columns: 0.3fr 1fr 1fr;
|
||||||
@@ -412,6 +441,9 @@
|
|||||||
@include fluo_button();
|
@include fluo_button();
|
||||||
a {
|
a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
// Mobile : bouton sur fond gris (colonne blanche).
|
||||||
|
// Desktop : repasse en blanc (position: fixed sur fond gris).
|
||||||
|
background-color: $page_bg;
|
||||||
}
|
}
|
||||||
@media (min-width: $breakpoint_desktop) {
|
@media (min-width: $breakpoint_desktop) {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@@ -425,6 +457,7 @@
|
|||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
max-width: calc(25vw - $x_margin * 2);
|
max-width: calc(25vw - $x_margin * 2);
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -441,6 +474,8 @@
|
|||||||
@include fluo_button();
|
@include fluo_button();
|
||||||
a {
|
a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
// Mobile : bouton sur fond gris (colonne blanche).
|
||||||
|
background-color: $page_bg;
|
||||||
}
|
}
|
||||||
@media (min-width: $breakpoint_desktop) {
|
@media (min-width: $breakpoint_desktop) {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@@ -454,6 +489,7 @@
|
|||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
max-width: calc(25vw - $x_margin * 2);
|
max-width: calc(25vw - $x_margin * 2);
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -66,6 +66,8 @@
|
|||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
@include fluo_button();
|
@include fluo_button();
|
||||||
|
// Fond carte = blanc, on contraste le CTA en gris pâle.
|
||||||
|
a { background-color: $page_bg; }
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,9 @@
|
|||||||
.layout-content .fullpage.projets {
|
.layout-content .fullpage.projets {
|
||||||
padding-top: 5vh;
|
padding-top: 5vh;
|
||||||
> .intro_map {
|
> .intro_map {
|
||||||
|
// Le bloc carte (block--sitesmap-block) est partagé avec l'accueil.
|
||||||
|
// Ici on n'affiche pas le CTA "Voir les projets" : on est déjà sur l'index.
|
||||||
|
footer.fluo_links { display: none; }
|
||||||
@media (min-width: $breakpoint_desktop) {
|
@media (min-width: $breakpoint_desktop) {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@@ -52,6 +55,8 @@
|
|||||||
//width: 85%;
|
//width: 85%;
|
||||||
}
|
}
|
||||||
#popup {
|
#popup {
|
||||||
|
// Cohérence visuelle avec la home : tooltip sur fond gris pâle.
|
||||||
|
background-color: $page_bg;
|
||||||
h3 {
|
h3 {
|
||||||
@include sous_titre();
|
@include sous_titre();
|
||||||
}
|
}
|
||||||
@@ -59,6 +64,13 @@
|
|||||||
@include main_text_content();
|
@include main_text_content();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// Carte plus petite ici → cercles plus petits.
|
||||||
|
// Le SVG point.svg fait 18x18 et est partagé avec la home ; on réduit
|
||||||
|
// visuellement sans toucher au SVG.
|
||||||
|
#projects_icons > svg {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> .projets_list {
|
> .projets_list {
|
||||||
@@ -78,24 +90,22 @@
|
|||||||
}
|
}
|
||||||
> .views-row{
|
> .views-row{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 0.5fr 1fr;
|
// Colonne image (gauche) | colonne textes (droite).
|
||||||
grid-template-rows: repeat(4, auto);
|
grid-template-columns: 0.4fr 1fr;
|
||||||
|
grid-template-rows: auto auto auto auto auto;
|
||||||
grid-column-gap: 1rem;
|
grid-column-gap: 1rem;
|
||||||
|
grid-row-gap: 0.5rem;
|
||||||
> .views-field-field-diaporama {
|
> .views-field-field-diaporama {
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 1/3;
|
grid-row: 1 / -1;
|
||||||
align-self: start;
|
align-self: start;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 100%;
|
|
||||||
> .field-content {
|
> .field-content {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
|
||||||
//height: 100%;
|
|
||||||
> a {
|
> a {
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -106,64 +116,73 @@
|
|||||||
img {
|
img {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
//object-fit: cover;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> .views-field-title {
|
// Lieu (1re ligne droite) : Vogun gris-text, petit.
|
||||||
|
> .views-field-field-localisation-textuel {
|
||||||
grid-column: 2;
|
grid-column: 2;
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
margin-bottom: 1rem;
|
font-family: $vogun;
|
||||||
//margin-left: -1rem;
|
font-weight: $fw_medium;
|
||||||
a {
|
font-size: $fs_sm;
|
||||||
color: $teal;
|
color: $text_grey;
|
||||||
}
|
line-height: $lh_tight;
|
||||||
@include sous_titre();
|
a { color: inherit; text-decoration: none; }
|
||||||
}
|
}
|
||||||
> .views-field-field-sous-titre {
|
// Titre (2e ligne droite) : Vogun plus grand mais pas trop.
|
||||||
|
> .views-field-title {
|
||||||
grid-column: 2;
|
grid-column: 2;
|
||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
font-size: 1.1rem !important;
|
font-family: $vogun;
|
||||||
margin-bottom: 1rem;
|
font-weight: $fw_medium;
|
||||||
line-height: 1.3;
|
font-size: $fs_lg;
|
||||||
font-size: $fs_sm !important;
|
color: black;
|
||||||
a {
|
line-height: $lh_tight;
|
||||||
color: black;
|
// Filet brand color en bas, sur toute la largeur disponible.
|
||||||
}
|
padding-bottom: 0.6rem;
|
||||||
@include sous_titre_alt();
|
border-bottom: 1px solid $fluo_green;
|
||||||
|
a { color: inherit; text-decoration: none; }
|
||||||
}
|
}
|
||||||
> .views-field-field-localisation-textuel {
|
// Sous-titre (3e ligne droite) : Marianne gris-text.
|
||||||
grid-column: 1/3;
|
> .views-field-field-sous-titre {
|
||||||
|
grid-column: 2;
|
||||||
grid-row: 3;
|
grid-row: 3;
|
||||||
margin-bottom: 1rem;
|
font-family: $marianne;
|
||||||
padding-left: 1.2rem;
|
font-weight: $fw_regular;
|
||||||
padding-top: 0.3rem;
|
font-size: $fs_sm;
|
||||||
//margin-left: -0.5rem;
|
color: $text_grey;
|
||||||
@include main_text_content();
|
line-height: $lh_normal;
|
||||||
a {
|
a { color: inherit; text-decoration: none; }
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
// Étiquettes thématiques (4e ligne droite) : fond blanc, contour brand.
|
||||||
> .views-field-field-th {
|
> .views-field-field-th {
|
||||||
grid-column: 1/3;
|
grid-column: 2;
|
||||||
grid-row: 4;
|
grid-row: 4;
|
||||||
padding-left: 1rem;
|
|
||||||
ul {
|
ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.5rem;
|
||||||
li {
|
li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.8rem !important;
|
font-family: $marianne;
|
||||||
background-color: #d3f0ea;
|
font-weight: $fw_regular;
|
||||||
margin: 0.2rem;
|
font-size: $fs_xs;
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid $fluo_green;
|
||||||
transition: background-color 0.3s ease;
|
transition: background-color 0.3s ease;
|
||||||
@include main_text_content();
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: #8ec2b8;
|
background-color: $fluo_green;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
color: black;
|
color: black;
|
||||||
padding: 0.2rem 0.4rem;
|
padding: 0.2rem 0.4rem;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -174,6 +193,12 @@
|
|||||||
|
|
||||||
.fullpage.projet_full {
|
.fullpage.projet_full {
|
||||||
// overflow-x: hidden; // enlever quand on ajoute le menu des projets à gauche
|
// overflow-x: hidden; // enlever quand on ajoute le menu des projets à gauche
|
||||||
|
// Wrapper interne des fields : flex column pour pouvoir inverser
|
||||||
|
// l'ordre thematiques / localisation via order.
|
||||||
|
> .fullpage_content > div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
.retour_projets {
|
.retour_projets {
|
||||||
padding-top: 3vh;
|
padding-top: 3vh;
|
||||||
padding-left: $x_margin;
|
padding-left: $x_margin;
|
||||||
@@ -187,11 +212,30 @@
|
|||||||
.sous_titre > div > div {
|
.sous_titre > div > div {
|
||||||
@include sous_titre_alt();
|
@include sous_titre_alt();
|
||||||
}
|
}
|
||||||
|
// Thématiques AVANT localisation.
|
||||||
|
.thematiques { order: 1; }
|
||||||
|
.localisation { order: 2; }
|
||||||
|
// Tous les autres fields gardent leur ordre source (order: 3 par défaut).
|
||||||
|
.intro { order: 3; }
|
||||||
|
.diapo { order: 4; }
|
||||||
|
.text-content { order: 5; }
|
||||||
|
.chiffre-clefs { order: 6; }
|
||||||
|
.carte { order: 7; }
|
||||||
|
.legende-carte { order: 8; }
|
||||||
|
.equipe { order: 9; }
|
||||||
|
.liens { order: 10; }
|
||||||
.localisation {
|
.localisation {
|
||||||
margin-left: $x_margin;
|
margin-left: $x_margin;
|
||||||
margin-top: 2rem;
|
margin-top: 1rem;
|
||||||
@include main_text_content();
|
@include main_text_content();
|
||||||
}
|
}
|
||||||
|
// Force la marge top du premier <p> de l'intro à 2rem.
|
||||||
|
// (Le sélecteur générique .layout-content .fullpage .fullpage_content
|
||||||
|
// p:first-of-type met 7vh — trop pour ce contexte.)
|
||||||
|
.intro p:first-of-type {
|
||||||
|
margin-top: 2rem !important;
|
||||||
|
}
|
||||||
|
// Thématiques : "tags" sur fond blanc avec contour 1px brand color.
|
||||||
.thematiques {
|
.thematiques {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
margin-left: $x_margin;
|
margin-left: $x_margin;
|
||||||
@@ -199,12 +243,13 @@
|
|||||||
> div {
|
> div {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.8rem !important;
|
font-size: 0.8rem !important;
|
||||||
background-color: #d3f0ea;
|
background-color: white;
|
||||||
|
border: 1px solid $fluo_green;
|
||||||
margin: 0.2rem;
|
margin: 0.2rem;
|
||||||
transition: background-color 0.3s ease;
|
transition: background-color 0.3s ease;
|
||||||
@include main_text_content();
|
@include main_text_content();
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: #8ec2b8;
|
background-color: $fluo_green;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -245,17 +290,16 @@
|
|||||||
width: 1.2rem;
|
width: 1.2rem;
|
||||||
height: 1.2rem;
|
height: 1.2rem;
|
||||||
border-radius: 1.5rem;
|
border-radius: 1.5rem;
|
||||||
background-color: $teal !important;
|
background-color: transparent !important;
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: white !important;
|
background-color: transparent !important;
|
||||||
&::before {
|
&::before {
|
||||||
color: $teal;
|
color: black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&::before {
|
&::before {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
color: white;
|
color: $text_grey;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: 'Marianne', sans-serif;
|
font-family: 'Marianne', sans-serif;
|
||||||
display: block;
|
display: block;
|
||||||
@@ -272,7 +316,13 @@
|
|||||||
.text-content {
|
.text-content {
|
||||||
.intertitre {
|
.intertitre {
|
||||||
margin-left: $x_margin;
|
margin-left: $x_margin;
|
||||||
@include sous_titre();
|
padding-right: $x_margin;
|
||||||
|
// Intertitres en Vogun un peu plus grands.
|
||||||
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_lg;
|
||||||
|
color: black;
|
||||||
|
line-height: $lh_tight;
|
||||||
}
|
}
|
||||||
.paragraph {
|
.paragraph {
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
@@ -288,7 +338,7 @@
|
|||||||
grid-column-gap: 2rem;
|
grid-column-gap: 2rem;
|
||||||
grid-row-gap: 2rem;
|
grid-row-gap: 2rem;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 4rem $x_margin;
|
margin: 0 $x_margin;
|
||||||
.paragraph {
|
.paragraph {
|
||||||
> div:first-of-type {
|
> div:first-of-type {
|
||||||
font-size: 2rem !important;
|
font-size: 2rem !important;
|
||||||
@@ -298,7 +348,7 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
color: $teal;
|
color: $text_grey;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -352,10 +402,26 @@
|
|||||||
.equipe {
|
.equipe {
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
> div {
|
> div {
|
||||||
|
// Label "Collectif du projet" : intertitre Vogun, brand color, avec un
|
||||||
|
// filet 1px à droite centré verticalement jusqu'à la marge de colonne.
|
||||||
> div:first-of-type {
|
> div:first-of-type {
|
||||||
margin-left: $x_margin;
|
margin-left: $x_margin;
|
||||||
|
margin-right: $x_margin;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
@include sous_titre_alt();
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_lg;
|
||||||
|
line-height: $lh_tight;
|
||||||
|
color: $fluo_green;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
flex: 1;
|
||||||
|
height: 1px;
|
||||||
|
background-color: $fluo_green;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
> div:nth-of-type(2) {
|
> div:nth-of-type(2) {
|
||||||
> div:first-of-type > div {
|
> div:first-of-type > div {
|
||||||
@@ -392,21 +458,17 @@
|
|||||||
> div:first-of-type {
|
> div:first-of-type {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@include sous_titre();
|
// Titre de rôle d'équipe : même typo que les intertitres.
|
||||||
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_lg;
|
||||||
|
color: black;
|
||||||
|
line-height: $lh_tight;
|
||||||
> div:last-of-type {
|
> div:last-of-type {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
&::before {
|
// Icônes en ::before (grenouille/marmotte/etc.) retirées —
|
||||||
content: '';
|
// les règles mask-image plus haut deviennent inopérantes.
|
||||||
display: inline-block;
|
|
||||||
width: 1.8rem;
|
|
||||||
height: 1.8rem;
|
|
||||||
background-color: $teal;
|
|
||||||
mask-repeat: no-repeat;
|
|
||||||
mask-position: center;
|
|
||||||
mask-size: 1.8rem;
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> div:nth-of-type(2) {
|
> div:nth-of-type(2) {
|
||||||
@@ -428,38 +490,30 @@
|
|||||||
> .paragraph {
|
> .paragraph {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: auto 1fr;
|
|
||||||
grid-column-gap: 0;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
> .portrait {
|
> .portrait {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
> .nom {
|
// Prénom + nom regroupés via le template
|
||||||
grid-column: 2;
|
// paragraph--membre-equipe.html.twig.
|
||||||
grid-row: 2;
|
> .nom-prenom {
|
||||||
margin: 0;
|
display: flex;
|
||||||
padding: 0;
|
flex-wrap: wrap;
|
||||||
color: black !important;
|
column-gap: 0.3rem;
|
||||||
font-size: $fs_sm !important;
|
color: black;
|
||||||
@include sous_titre();
|
font-family: $marianne;
|
||||||
> div {
|
font-weight: $fw_regular;
|
||||||
padding-left: 0.2rem !important;
|
font-size: $fs_md;
|
||||||
|
line-height: $lh_normal;
|
||||||
|
> .prenom,
|
||||||
|
> .nom {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> .prenom {
|
|
||||||
grid-column: 1;
|
|
||||||
grid-row: 2;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
color: black !important;
|
|
||||||
font-size: $fs_sm !important;
|
|
||||||
@include sous_titre();
|
|
||||||
}
|
|
||||||
> .texte {
|
> .texte {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
grid-column: 1 / span 2;
|
|
||||||
grid-row: 3;
|
|
||||||
p {
|
p {
|
||||||
font-size: $fs_sm;
|
font-size: $fs_sm;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
@@ -481,17 +535,41 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.views-row:first-of-type > .taxonomy_page {
|
// Page d'archive taxonomy : on n'affiche le .page-header-outside (titre du
|
||||||
margin-top: 13vh !important;
|
// tag + retour) que sur la 1re .views-row. Les autres sont masquées.
|
||||||
|
.views-row .page-header-outside.taxonomy_header {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
.views-row:first-of-type > .page-header-outside.taxonomy_header {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Border-bottom brand color uniquement sur le dernier .taxonomy_page (les
|
||||||
|
// .fullpage intermédiaires l'ont par défaut, cf. _fullpage.scss).
|
||||||
|
.views-row:not(:last-of-type) > .taxonomy_page {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
.taxonomy_page {
|
.taxonomy_page {
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
|
// Titres de projets listés : réduits drastiquement (cards compactes).
|
||||||
|
> .fullpage_content > .projet_label {
|
||||||
|
font-family: $vogun;
|
||||||
|
font-weight: $fw_medium;
|
||||||
|
font-size: $fs_md;
|
||||||
|
color: black;
|
||||||
|
line-height: $lh_tight;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 $x_margin 0 $x_margin !important;
|
||||||
|
a { color: inherit; text-decoration: none; }
|
||||||
|
}
|
||||||
> .fullpage_content {
|
> .fullpage_content {
|
||||||
> div:last-of-type {
|
> div:last-of-type {
|
||||||
display: grid !important;
|
display: grid !important;
|
||||||
grid-template-columns: 0.5fr 1fr;
|
grid-template-columns: 0.5fr 1fr;
|
||||||
grid-template-rows: repeat(3, auto);
|
grid-template-rows: repeat(3, auto);
|
||||||
|
padding-right: $x_margin;
|
||||||
> .diapo {
|
> .diapo {
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 2/4;
|
grid-row: 2/4;
|
||||||
@@ -501,12 +579,29 @@
|
|||||||
> .sous_titre {
|
> .sous_titre {
|
||||||
grid-column: 1/3;
|
grid-column: 1/3;
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 0.5rem;
|
||||||
|
// Sous-titres : également réduits.
|
||||||
|
// (chaîne d'éléments traversée par un <a> ajouté en JS, on cible
|
||||||
|
// descendants tous niveaux confondus avec !important.)
|
||||||
|
font-size: $fs_sm !important;
|
||||||
|
font-family: $marianne !important;
|
||||||
|
font-weight: $fw_regular !important;
|
||||||
|
color: $text_grey !important;
|
||||||
|
line-height: $lh_normal !important;
|
||||||
|
* {
|
||||||
|
font-size: $fs_sm !important;
|
||||||
|
font-family: $marianne !important;
|
||||||
|
font-weight: $fw_regular !important;
|
||||||
|
color: $text_grey !important;
|
||||||
|
line-height: $lh_normal !important;
|
||||||
|
}
|
||||||
|
a { text-decoration: none; }
|
||||||
}
|
}
|
||||||
> .localisation {
|
> .localisation {
|
||||||
grid-column: 2;
|
grid-column: 2;
|
||||||
grid-row: 2;
|
grid-row: 2;
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
|
font-size: $fs_xs !important;
|
||||||
}
|
}
|
||||||
> .thematiques {
|
> .thematiques {
|
||||||
grid-column: 2;
|
grid-column: 2;
|
||||||
@@ -520,7 +615,3 @@
|
|||||||
.feed-icon {
|
.feed-icon {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.views-row:not(:first-of-type) .taxonomy_page .retour_projets {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -1,9 +1,27 @@
|
|||||||
|
// Le titre "Ressources" est rendu par chaque node (dans .page-header-outside,
|
||||||
|
// frère de .ressources). On masque par défaut, et on n'affiche que sur la
|
||||||
|
// 1re ressource via .views-row:first-of-type ci-dessous.
|
||||||
|
.views-row .page-header-outside {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pas d'espace entre les .views-row sur la page Ressources : on veut donner
|
||||||
|
// l'illusion d'une colonne blanche unique. On annule margin-bottom de la
|
||||||
|
// .views-row, et padding-top/bottom de chaque carte .ressources.
|
||||||
|
.views-row:has(> .ressources) {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
// Border-bottom brand color uniquement sur la dernière ressource (les
|
||||||
|
// .fullpage intermédiaires l'ont par défaut, cf. _fullpage.scss).
|
||||||
|
.views-row:not(:last-of-type) > .ressources {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
.ressources {
|
.ressources {
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
> .main-title {
|
padding-top: 0 !important;
|
||||||
display: none;
|
padding-bottom: 0 !important;
|
||||||
}
|
|
||||||
> div {
|
> div {
|
||||||
padding: 0 $x_margin;
|
padding: 0 $x_margin;
|
||||||
display: grid;
|
display: grid;
|
||||||
@@ -35,6 +53,8 @@
|
|||||||
> div > span {
|
> div > span {
|
||||||
margin-top: -1rem;
|
margin-top: -1rem;
|
||||||
@include fluo_button();
|
@include fluo_button();
|
||||||
|
// Carte sur fond blanc : on contraste le CTA en gris pâle.
|
||||||
|
a { background-color: $page_bg; }
|
||||||
}
|
}
|
||||||
> div > span:last-of-type {
|
> div > span:last-of-type {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -66,13 +86,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.views-row:first-of-type {
|
// Scope strict à la page /ressources (article.ressources frère du
|
||||||
> .ressources {
|
// .page-header-outside dans la 1re views-row). On ne touche pas aux autres
|
||||||
margin-top: 13vh !important;
|
// pages où un .page-header-outside peut aussi être dans une .views-row
|
||||||
> .main-title {
|
// (ex. /taxonomy/term/N avec .taxonomy_header).
|
||||||
display: block;
|
.views-row:first-of-type:has(> article.ressources) {
|
||||||
padding-top: 5vh !important;
|
> .page-header-outside {
|
||||||
@include main_title();
|
display: block;
|
||||||
|
// La page /ressources utilise un layout hacky qui pousse <main> à ~255px
|
||||||
|
// sous le header (cause non identifiée, conçu ainsi par le précédent dev).
|
||||||
|
// On compense avec un margin-top négatif pour rapprocher visuellement le
|
||||||
|
// titre du header, comme sur les autres pages d'index.
|
||||||
|
margin-top: calc(-200px + 3rem) !important;
|
||||||
|
@media (min-width: $breakpoint_desktop) {
|
||||||
|
margin-top: calc(-200px + 3rem) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
$fluo_green: #33ffc4;
|
$fluo_green: #33ffc4;
|
||||||
$teal: $fluo_green;
|
$teal: $fluo_green;
|
||||||
$beige: #fcf9ee;
|
$beige: #fcf9ee;
|
||||||
$dark_green: #314e41;
|
$dark_green: #0e3b2d;
|
||||||
$text_grey: #4a4a49;
|
$text_grey: #4a4a49;
|
||||||
$page_bg: #f9f9f9;
|
$page_bg: #f9f9f9;
|
||||||
|
|
||||||
|
|||||||
@@ -95,7 +95,8 @@ $fw_bold: 800;
|
|||||||
padding: 0.75rem 1.5rem;
|
padding: 0.75rem 1.5rem;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.2s ease;
|
transition: color 0.2s ease;
|
||||||
text-wrap: nowrap !important;
|
// Pas de nowrap : si le texte du lien est long, on autorise le wrap
|
||||||
|
// pour éviter qu'il déborde du conteneur (notamment colonne d'article).
|
||||||
svg { display: none; }
|
svg { display: none; }
|
||||||
&:hover { color: black; }
|
&:hover { color: black; }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,34 +12,26 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.article_meta {
|
.article_meta {
|
||||||
|
padding-top: 1.5rem;
|
||||||
padding-left: $x_margin;
|
padding-left: $x_margin;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 1.5rem;
|
||||||
div {
|
div {
|
||||||
font-size: $fs_xs;
|
font-size: $fs_xs;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.article_meta + h2 {
|
// Le <h2> et .sous_titre ont été sortis dans .page-header-outside ;
|
||||||
margin-top: 0 !important;
|
// l'ancien sélecteur `h2 + div` est remplacé par `.article_meta + div`
|
||||||
}
|
// qui cible le wrapper de contenu directement.
|
||||||
h2 {
|
.article_meta + div {
|
||||||
padding-top: 0 !important;
|
|
||||||
margin-bottom: 2rem !important;
|
|
||||||
}
|
|
||||||
h2 + div { // tout le contenu qui n'est pas le titre
|
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 $x_margin;
|
padding: 0 $x_margin;
|
||||||
.visually-hidden {
|
.visually-hidden {
|
||||||
width: 0% !important;
|
width: 0% !important;
|
||||||
}
|
}
|
||||||
.sous_titre {
|
|
||||||
margin-top: -1.5rem;
|
|
||||||
|
|
||||||
> div > div {
|
|
||||||
font-size: $fs_lg;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> div {
|
> div {
|
||||||
> div {
|
> div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -68,6 +60,10 @@
|
|||||||
@include fluo_button();
|
@include fluo_button();
|
||||||
a {
|
a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
// En mobile, ces liens sont en flux normal dans la colonne blanche,
|
||||||
|
// donc on contraste leur fond en gris pâle (en desktop ils sont
|
||||||
|
// position: fixed sur fond gris, on garde le fond blanc d'origine).
|
||||||
|
background-color: $page_bg;
|
||||||
}
|
}
|
||||||
@media (min-width: $breakpoint_desktop) {
|
@media (min-width: $breakpoint_desktop) {
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
@@ -80,6 +76,7 @@
|
|||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
max-width: calc(25vw - $x_margin * 2);
|
max-width: calc(25vw - $x_margin * 2);
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -39,7 +39,22 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
#block-erabletheme-logorep img { max-width: 100px; height: auto; }
|
#block-erabletheme-logorep img { max-width: 100px; height: auto; }
|
||||||
#block-erabletheme-logoepau img { max-width: 150px; height: auto; }
|
// Logo epau : padding vertical pour cohérence visuelle avec le header
|
||||||
|
// (le logo a moins de marge interne que les autres).
|
||||||
|
#block-erabletheme-logoepau {
|
||||||
|
a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 4.5rem; // hauteur de référence (= $header_height)
|
||||||
|
padding: 1.4rem 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
max-width: 150px;
|
||||||
|
height: 100%;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Groupe droite : navs + linkedin ---
|
// --- Groupe droite : navs + linkedin ---
|
||||||
|
|||||||
@@ -49,12 +49,44 @@ $header_height: 4.5rem; // 72px maquette
|
|||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Logo République : occupe toute la hauteur du header
|
||||||
|
// (pas le -1rem de marge appliqué aux autres logos).
|
||||||
#block-erabletheme-logorep-2 {
|
#block-erabletheme-logorep-2 {
|
||||||
padding-left: 1.25rem;
|
padding-left: 1.25rem;
|
||||||
|
img {
|
||||||
|
max-height: $header_height;
|
||||||
|
height: $header_height;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#block-erabletheme-logoerable {
|
#block-erabletheme-logoerable {
|
||||||
margin-left: auto; // pousse le burger à droite
|
margin-left: auto; // pousse le burger à droite
|
||||||
|
img {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
max-height: calc($header_height - 1rem);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Templates custom (block--erabletheme-logoepau-2 et logoerable)
|
||||||
|
// → structure <div><a><img> hors du sélecteur générique
|
||||||
|
// `div > div > div img`. On rappelle la contrainte de hauteur.
|
||||||
|
// Padding vertical pour réduire visuellement le logo epau,
|
||||||
|
// qui a moins de marge interne que les autres logos.
|
||||||
|
#block-erabletheme-logoepau-2 {
|
||||||
|
a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
|
padding: 1.4rem 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: auto;
|
||||||
|
height: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#block-erabletheme-socialmedialinks {
|
#block-erabletheme-socialmedialinks {
|
||||||
@@ -208,9 +240,6 @@ $header_height: 4.5rem; // 72px maquette
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#block-erabletheme-navigationprincipale {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> div:nth-of-type(2) {
|
> div:nth-of-type(2) {
|
||||||
@@ -219,51 +248,6 @@ $header_height: 4.5rem; // 72px maquette
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#block-erabletheme-navigationprincipale {
|
|
||||||
background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 50%, transparent);
|
|
||||||
width: 100%;
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
padding-top: 1rem;
|
|
||||||
@media (min-width: $breakpoint_desktop) {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
padding: 1rem 10vw;
|
|
||||||
justify-content: space-around;
|
|
||||||
li {
|
|
||||||
font-family: $marianne;
|
|
||||||
font-size: $fs_sm;
|
|
||||||
padding: 9px 16px;
|
|
||||||
background-color: white;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
&:first-of-type {
|
|
||||||
display: flex;
|
|
||||||
justify-items: center;
|
|
||||||
&::after {
|
|
||||||
content: url(../assets/icons/arrow-down-s-line.svg);
|
|
||||||
display: inline-block;
|
|
||||||
height: 1rem;
|
|
||||||
width: 1rem;
|
|
||||||
margin-left: 0.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover, &.submenu-open {
|
|
||||||
background-color: $fluo_green;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
font-weight: 800;
|
|
||||||
color: black;
|
|
||||||
&:is-active {
|
|
||||||
background-color: $fluo_green;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#block-erabletheme-leprogramme {
|
#block-erabletheme-leprogramme {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
<div class="home_introduction">
|
<div class="home_introduction">
|
||||||
<div class="intro_main">
|
<div class="intro_main">
|
||||||
<div class="intro_logo">
|
<div class="intro_logo">
|
||||||
<img src="{{ directory }}/assets/logo_erable.png" alt="Logo Érable" />
|
<img src="{{ directory }}/assets/logo_erable_ardoise.svg" alt="Logo Érable" />
|
||||||
</div>
|
</div>
|
||||||
<div class="intro_separator" aria-hidden="true"></div>
|
<div class="intro_separator" aria-hidden="true"></div>
|
||||||
<div class="intro_body">
|
<div class="intro_body">
|
||||||
|
|||||||
@@ -0,0 +1,14 @@
|
|||||||
|
{#
|
||||||
|
Override du bloc logo EPAU (header).
|
||||||
|
Contenu BDD ignoré : on rend en dur le PNG du thème pour le versionner
|
||||||
|
avec le code (cf. block--erabletheme-logoerable.html.twig pour le même
|
||||||
|
pattern). Pour changer le logo, remplacer assets/logo_epau.png.
|
||||||
|
#}
|
||||||
|
<div{{ attributes }}>
|
||||||
|
{{ title_prefix }}
|
||||||
|
{% if label %}<h2{{ title_attributes }}>{{ label }}</h2>{% endif %}
|
||||||
|
{{ title_suffix }}
|
||||||
|
<a href="https://epau.archi.fr" target="_blank" rel="noopener">
|
||||||
|
<img src="/{{ directory }}/assets/logo_epau.png" alt="EPAU">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
{#
|
||||||
|
Override du bloc logo EPAU (footer).
|
||||||
|
Cf. block--erabletheme-logoepau-2.html.twig.
|
||||||
|
#}
|
||||||
|
<div{{ attributes }}>
|
||||||
|
{{ title_prefix }}
|
||||||
|
{% if label %}<h2{{ title_attributes }}>{{ label }}</h2>{% endif %}
|
||||||
|
{{ title_suffix }}
|
||||||
|
<a href="https://epau.archi.fr" target="_blank" rel="noopener">
|
||||||
|
<img src="/{{ directory }}/assets/logo_epau.png" alt="EPAU">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
{#
|
||||||
|
Override du bloc logo érable (header).
|
||||||
|
Le contenu BDD (champ image du block_content) est volontairement ignoré :
|
||||||
|
on rend en dur le SVG du thème pour que le logo fasse partie du design
|
||||||
|
system et soit versionné avec le code. Pour changer le logo, remplacer
|
||||||
|
le fichier assets/logo_erable_ardoise.svg.
|
||||||
|
#}
|
||||||
|
<div{{ attributes }}>
|
||||||
|
{{ title_prefix }}
|
||||||
|
{% if label %}<h2{{ title_attributes }}>{{ label }}</h2>{% endif %}
|
||||||
|
{{ title_suffix }}
|
||||||
|
<a href="{{ path('<front>') }}">
|
||||||
|
<img src="/{{ directory }}/assets/logo_erable_ardoise.svg" alt="Logo Érable">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
@@ -15,13 +15,15 @@
|
|||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
{% if content %}
|
{% if content %}
|
||||||
<div{{ attributes }} class="fullpage meetup-offre">
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
|
<div class="page-header-outside">
|
||||||
<div class="retour-meetup">
|
<div class="retour-meetup">
|
||||||
<a href="/meetup">← Retour à la liste des annonces</a>
|
<a href="/meetup">← Retour à la liste des annonces</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}</h2>
|
<h2>{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div{{ attributes }} class="fullpage meetup-offre">
|
||||||
<div class="offre-content">
|
<div class="offre-content">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -68,23 +68,23 @@
|
|||||||
* @ingroup themeable
|
* @ingroup themeable
|
||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
<article{{ attributes }} class="actu_full fullpage">
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
|
<div class="page-header-outside">
|
||||||
<div class="retour_actus">
|
<div class="retour_actus">
|
||||||
<a href="/actualites">← Retour aux actualités</a>
|
<a href="/actualites">← Retour aux actualités</a>
|
||||||
</div>
|
</div>
|
||||||
|
<h2{{ title_attributes }}>{{ label }}</h2>
|
||||||
|
{{ content.field_sous_titre }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<article{{ attributes }} class="actu_full fullpage">
|
||||||
<div class="article_meta">
|
<div class="article_meta">
|
||||||
{{ content.field_date }}
|
{{ content.field_date }}
|
||||||
{{ content.field_type_d_actualite }}
|
{{ content.field_type_d_actualite }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<h2{{ title_attributes }}>
|
|
||||||
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div{{ content_attributes }}>
|
<div{{ content_attributes }}>
|
||||||
{{ content|without('field_date', 'field_type_d_actualite') }}
|
{{ content|without('field_date', 'field_type_d_actualite', 'field_sous_titre') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -69,13 +69,16 @@
|
|||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
|
|
||||||
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
|
<div class="page-header-outside">
|
||||||
|
<h2>{{ label }}</h2>
|
||||||
|
{{ content.field_sous_titre }}
|
||||||
|
</div>
|
||||||
|
|
||||||
<article class="fullpage">
|
<article class="fullpage">
|
||||||
<div class="fullpage_content">
|
<div class="fullpage_content">
|
||||||
|
|
||||||
<h2>{{ label }}</h2>
|
|
||||||
|
|
||||||
<div{{ content_attributes }}>
|
<div{{ content_attributes }}>
|
||||||
{{ content }}
|
{{ content|without('field_sous_titre') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -69,16 +69,20 @@
|
|||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
|
|
||||||
<article class="fullpage projet_full">
|
{# En-tête hors de la colonne blanche : retour + titre + sous-titre
|
||||||
<div class="fullpage_content">
|
apparaissent sur le fond gris de la page. #}
|
||||||
|
<div class="page-header-outside">
|
||||||
<div class="retour_projets">
|
<div class="retour_projets">
|
||||||
<a href="/projets">← Retour aux projets</a>
|
<a href="/projets">← Retour aux projets</a>
|
||||||
</div>
|
</div>
|
||||||
|
<h2>{{ label }}</h2>
|
||||||
|
{{ content.field_sous_titre }}
|
||||||
|
</div>
|
||||||
|
|
||||||
<h2>{{ label }}</h2>
|
<article class="fullpage projet_full">
|
||||||
|
<div class="fullpage_content">
|
||||||
<div{{ content_attributes }}>
|
<div{{ content_attributes }}>
|
||||||
{{ content }}
|
{{ content|without('field_sous_titre') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -69,16 +69,19 @@
|
|||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
|
|
||||||
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
|
<div class="page-header-outside">
|
||||||
|
<div class="retour_ressources">
|
||||||
|
<a href="/ressources">← Retour aux ressources</a>
|
||||||
|
</div>
|
||||||
|
<h2>{{ label }}</h2>
|
||||||
|
{{ content.field_sous_titre }}
|
||||||
|
</div>
|
||||||
|
|
||||||
<article class="fullpage">
|
<article class="fullpage">
|
||||||
<div class="fullpage_content ressource">
|
<div class="fullpage_content ressource">
|
||||||
|
|
||||||
<div class="retour_ressources">
|
|
||||||
<a href="/ressources">← Retour aux ressources</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div{{ content_attributes }}>
|
<div{{ content_attributes }}>
|
||||||
<h2>{{ label }}</h2>
|
{{ content|without('field_sous_titre') }}
|
||||||
{{ content }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -68,8 +68,14 @@
|
|||||||
* @ingroup themeable
|
* @ingroup themeable
|
||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
<article{{ attributes.addClass('fullpage ressources') }}>
|
{# En-tête hors colonne blanche : titre "Ressources" rendu sur chaque node
|
||||||
|
mais affiché uniquement sur la 1re ressource via CSS
|
||||||
|
(.views-row:first-of-type > .ressources .page-header-outside). #}
|
||||||
|
<div class="page-header-outside">
|
||||||
|
<h2 class="main-title">Ressources</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<article{{ attributes.addClass('fullpage ressources') }}>
|
||||||
|
|
||||||
{% if display_submitted %}
|
{% if display_submitted %}
|
||||||
<footer>
|
<footer>
|
||||||
@@ -81,7 +87,6 @@
|
|||||||
</footer>
|
</footer>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="main-title">Ressources</div>
|
|
||||||
<div{{ content_attributes }}>
|
<div{{ content_attributes }}>
|
||||||
{{ title_prefix }}
|
{{ title_prefix }}
|
||||||
{% if label and not page %}
|
{% if label and not page %}
|
||||||
|
|||||||
@@ -0,0 +1,21 @@
|
|||||||
|
{#
|
||||||
|
Override pour le paragraphe "membre-equipe" :
|
||||||
|
on regroupe prénom + nom dans un même wrapper .nom-prenom pour qu'ils
|
||||||
|
s'enchaînent comme un seul bloc (typo, retour à la ligne, etc.).
|
||||||
|
#}
|
||||||
|
{%
|
||||||
|
set classes = [
|
||||||
|
'paragraph',
|
||||||
|
'paragraph--type--' ~ paragraph.bundle|clean_class,
|
||||||
|
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
|
||||||
|
not paragraph.isPublished() ? 'paragraph--unpublished'
|
||||||
|
]
|
||||||
|
%}
|
||||||
|
<div{{ attributes.addClass(classes) }}>
|
||||||
|
{{ content.field_portrait }}
|
||||||
|
<div class="nom-prenom">
|
||||||
|
{{ content.field_prenom }}
|
||||||
|
{{ content.field_nom }}
|
||||||
|
</div>
|
||||||
|
{{ content|without('field_portrait', 'field_prenom', 'field_nom') }}
|
||||||
|
</div>
|
||||||
@@ -69,17 +69,23 @@
|
|||||||
*/
|
*/
|
||||||
#}
|
#}
|
||||||
|
|
||||||
<article class="fullpage projet_full taxonomy_page">
|
{# Page d'archive taxonomy (filtres par tag). On rend chaque projet associé
|
||||||
<div class="fullpage_content">
|
en mode "card" (titre + diapo en plus petit, cf. _projets.scss).
|
||||||
|
Le titre du tag est sorti dans .page-header-outside ; via le CSS, on n'en
|
||||||
|
affiche qu'une seule (1re .views-row), cf. _projets.scss. La variable
|
||||||
|
taxonomy_term_label est injectée par erabletheme_preprocess_node__view__taxonomy_term. #}
|
||||||
|
<div class="page-header-outside taxonomy_header">
|
||||||
<div class="retour_projets">
|
<div class="retour_projets">
|
||||||
<a href="/projets">← Retour aux projets</a>
|
<a href="/projets">← Retour aux projets</a>
|
||||||
</div>
|
</div>
|
||||||
|
<h2>{{ taxonomy_term_label }}</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h2>{{ label }}</h2>
|
<article class="fullpage projet_full taxonomy_page">
|
||||||
|
<div class="fullpage_content">
|
||||||
|
<h2 class="projet_label"><a href="{{ url }}">{{ label }}</a></h2>
|
||||||
<div{{ content_attributes }}>
|
<div{{ content_attributes }}>
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -54,7 +54,6 @@
|
|||||||
<header role="banner">
|
<header role="banner">
|
||||||
{{ page.header }}
|
{{ page.header }}
|
||||||
|
|
||||||
{{ page.primary_menu }}
|
|
||||||
{{ page.secondary_menu }}
|
{{ page.secondary_menu }}
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|||||||
@@ -37,11 +37,12 @@
|
|||||||
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
||||||
]
|
]
|
||||||
%}
|
%}
|
||||||
<div{{ attributes.addClass(classes).addClass('fullpage', 'meetup', 'large-container') }}>
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
<h2>
|
<div class="page-header-outside">
|
||||||
{{ view_array['#title']['#markup'] }}
|
<h2>{{ view_array['#title']['#markup'] }}</h2>
|
||||||
</h2>
|
</div>
|
||||||
|
|
||||||
|
<div{{ attributes.addClass(classes).addClass('fullpage', 'meetup', 'large-container') }}>
|
||||||
{% if header %}
|
{% if header %}
|
||||||
<header>
|
<header>
|
||||||
{{ header }}
|
{{ header }}
|
||||||
|
|||||||
@@ -38,11 +38,12 @@
|
|||||||
]
|
]
|
||||||
%}
|
%}
|
||||||
<div{{ attributes.addClass(classes) }}>
|
<div{{ attributes.addClass(classes) }}>
|
||||||
<div class="content_partenaires fullpage">
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
<h2>
|
<div class="page-header-outside">
|
||||||
{{ view_array['#title']['#markup'] }}
|
<h2>{{ view_array['#title']['#markup'] }}</h2>
|
||||||
</h2>
|
</div>
|
||||||
|
|
||||||
|
<div class="content_partenaires fullpage">
|
||||||
{{ title_prefix }}
|
{{ title_prefix }}
|
||||||
{{ title }}
|
{{ title }}
|
||||||
{{ title_suffix }}
|
{{ title_suffix }}
|
||||||
|
|||||||
@@ -37,14 +37,16 @@
|
|||||||
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
||||||
]
|
]
|
||||||
%}
|
%}
|
||||||
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
|
<div class="page-header-outside">
|
||||||
|
<h2>{{ view_array['#title']['#markup'] }}</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div{{ attributes.addClass(classes).addClass('fullpage', 'projets', 'large-container') }}>
|
<div{{ attributes.addClass(classes).addClass('fullpage', 'projets', 'large-container') }}>
|
||||||
|
|
||||||
<div class="intro_map">
|
<div class="intro_map">
|
||||||
{% if header %}
|
{% if header %}
|
||||||
<header>
|
<header>
|
||||||
<h2>
|
|
||||||
{{ view_array['#title']['#markup'] }}
|
|
||||||
</h2>
|
|
||||||
{{ header }}
|
{{ header }}
|
||||||
</header>
|
</header>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -37,11 +37,12 @@
|
|||||||
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
dom_id ? 'js-view-dom-id-' ~ dom_id,
|
||||||
]
|
]
|
||||||
%}
|
%}
|
||||||
<div{{ attributes.addClass(classes).addClass('fullpage', 'actus', 'large-container') }}>
|
{# En-tête hors colonne blanche (cf. node--projet pour le pattern). #}
|
||||||
<h2>
|
<div class="page-header-outside">
|
||||||
{{ view_array['#title']['#markup'] }}
|
<h2>{{ view_array['#title']['#markup'] }}</h2>
|
||||||
</h2>
|
</div>
|
||||||
|
|
||||||
|
<div{{ attributes.addClass(classes).addClass('fullpage', 'actus', 'large-container') }}>
|
||||||
{% if header %}
|
{% if header %}
|
||||||
<header>
|
<header>
|
||||||
{{ header }}
|
{{ header }}
|
||||||
|
|||||||
Reference in New Issue
Block a user