Compare commits

...

6 Commits

Author SHA1 Message Date
Valentin 277807ef4b parallax 2024-12-04 00:06:58 +01:00
Valentin 5bd85f61d5 corrections graphiques 2024-11-27 19:40:57 +01:00
Valentin b0eb49a93e corrections graphiques 2024-11-27 19:39:45 +01:00
Valentin 5b13541fdc corrections graphiques 2024-11-27 19:34:18 +01:00
Valentin c052f89d27 polish 2024-11-08 06:38:16 +01:00
Valentin cd3b47e913 coup de polish 2024-11-08 06:12:36 +01:00
29 changed files with 1293 additions and 427 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 80 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

View File

@ -0,0 +1,59 @@
<?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>

After

Width:  |  Height:  |  Size: 7.3 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,58 @@
<?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>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -0,0 +1,101 @@
<?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>

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -0,0 +1,52 @@
<?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>

After

Width:  |  Height:  |  Size: 3.4 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -105,6 +105,34 @@
} }
}); });
//
// Programme page text fade in when it enters viewport
//
const url = window.location.pathname;
if (url.endsWith("le-programme-erable") || url.endsWith("le-programme-erable/")) {
const textElements = document.querySelectorAll('.fullpage_content p, .fullpage_content h3');
for (let element of textElements) element.classList.add('faded');
const fadeInOnScroll = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('fade-in'); // Add your fade-in class
observer.unobserve(entry.target); // Stop observing once it's visible
}
});
};
// Create an Intersection Observer
const observer = new IntersectionObserver(fadeInOnScroll, {
threshold: 0.1 // Adjust as needed (0.1 means 10% of the element is visible)
});
// Attach the observer to each element
textElements.forEach(element => {
observer.observe(element);
});
}
// //
// Fixed links // Fixed links
// //
@ -114,25 +142,35 @@
} else if (document.querySelector('.offre-content')) { } else if (document.querySelector('.offre-content')) {
fluoButtons = document.querySelectorAll('.liens_fixed > div, .file_fixed > div > div'); fluoButtons = document.querySelectorAll('.liens_fixed > div, .file_fixed > div > div');
} else if (document.querySelector('.projets')) { } else if (document.querySelector('.projets')) {
fluoButtons = document.querySelectorAll('.file_fixed > div > div > div, .liens > div > div > div'); fluoButtons = document.querySelectorAll('.file_fixed > div > div, .liens > div > div > div');
} else { } else {
fluoButtons = document.querySelectorAll('.liens_fixed > div > div:not(.visually-hidden), .file_fixed > div > div, .liens > div > div'); fluoButtons = document.querySelectorAll('.liens_fixed > div > div:not(.visually-hidden), .file_fixed > div > div, .liens > div > div');
} }
let footer = document.querySelector('#footer_top'); let footer = document.querySelector('footer');
function positionFluoLinks() {
// if window is more than 960px
function positionFluoLinks(scrollTop) {
for (let i = fluoButtons.length; i > 0 ; i--) { for (let i = fluoButtons.length; i > 0 ; i--) {
if (window.innerWidth > 1080) { if (window.innerWidth > 1080) {
const layoutContainerEl = document.querySelector('.layout-container');
let pageScrollableHeight = layoutContainerEl.offsetHeight;
let prevButtonBottom = fluoButtons[i] ? parseInt(fluoButtons[i].style.bottom) : 0; let prevButtonBottom = fluoButtons[i] ? parseInt(fluoButtons[i].style.bottom) : 0;
let prevButtonHeight = fluoButtons[i] ? fluoButtons[i].offsetHeight : 0; let prevButtonHeight = fluoButtons[i] ? fluoButtons[i].offsetHeight : 0;
fluoButtons[i - 1].style.position = 'fixed'; fluoButtons[i - 1].style.position = 'fixed';
fluoButtons[i - 1].style.left = document.querySelector('.projets') ? '76vw' : '75vw'; fluoButtons[i - 1].style.left = document.querySelector('.projets') ? '76vw' : '75vw';
if (footer.offsetTop < window.innerHeight + window.scrollY && i === fluoButtons.length) { /* console.log(`
fluoButtons[i - 1].style.bottom = `${window.innerHeight - footer.offsetTop + window.scrollY + 30}px`; pageScrollableHeight: ${pageScrollableHeight},
footer.offsetHeight: ${footer.offsetHeight},
window.innerHeight: ${window.innerHeight},
scrollTop: ${scrollTop}
`); */
if (pageScrollableHeight - footer.offsetHeight < window.innerHeight + scrollTop && i === fluoButtons.length) {
let margin = document.querySelector('.projets') ? 15 : 30;
fluoButtons[i - 1].style.bottom = `${window.innerHeight - footer.offsetTop + scrollTop + margin}px`;
} else { } else {
fluoButtons[i - 1].style.bottom = i === fluoButtons.length ? '30px' : `${prevButtonBottom + prevButtonHeight + 15}px`; let margin = document.querySelector('.projets') ? 0 : 15;
fluoButtons[i - 1].style.bottom = i === fluoButtons.length ? '30px' : `${prevButtonBottom + prevButtonHeight + margin}px`;
} }
} else { } else {
fluoButtons[i - 1].style.position = 'relative'; fluoButtons[i - 1].style.position = 'relative';
@ -146,9 +184,10 @@
for (let lien of liens) { for (let lien of liens) {
lien.setAttribute('target', '_blank'); lien.setAttribute('target', '_blank');
} }
positionFluoLinks(); positionFluoLinks();
document.addEventListener('scroll', () => { document.body.addEventListener('scroll', (e) => {
positionFluoLinks(); positionFluoLinks(e.target.scrollTop);
}); });
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
positionFluoLinks(); positionFluoLinks();
@ -325,50 +364,32 @@
// //
// set bg middle placement // set bg middle placement
// //
setBgContainer(); let pageHeight = document.querySelector('.layout-container').offsetHeight;
setBgMiddlePlacement(); toggleBgMiddle(pageHeight)
setBgBottomPlacement();
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
setBgMiddlePlacement(); pageHeight = document.querySelector('.layout-container').offsetHeight;
setBgBottomPlacement(); toggleBgMiddle(pageHeight);
setBgContainer(); })
});
function setBgContainer() { function toggleBgMiddle(pageHeight) {
const bg = document.querySelector('#background');
const pageHeight = document.documentElement.scrollHeight;
bg.style.height = `${pageHeight}px`;
}
function setBgMiddlePlacement() {
const bgMiddleImgs = document.querySelectorAll('#bg-middle img');
const carousel = document.querySelector('.carousel_container');
const pageHeight = document.documentElement.scrollHeight;
for (let img of bgMiddleImgs) {
if (carousel) {
img.style.paddingTop = `${carousel.offsetHeight}px`;
} else {
img.style.paddingTop = `${pageHeight / 2}px`;
}
}
if (pageHeight < 2000) {
const bgMiddle = document.querySelector('#bg-middle'); const bgMiddle = document.querySelector('#bg-middle');
const bgOnze = document.querySelector('#bg-11');
if (pageHeight < 2500) {
bgMiddle.style.display = 'none'; bgMiddle.style.display = 'none';
bgOnze.style.display = 'none';
} else {
bgMiddle.style.display = 'block';
bgOnze.style.display = 'block';
} }
} }
function setBgBottomPlacement() { //
const bgBottomImgs = document.querySelectorAll('#bg-bottom img'); // bg parallax animation
const pageHeight = document.documentElement.scrollHeight; //
var rellax = new Rellax('.bgImg', {
for (let img of bgBottomImgs) { wrapper: 'body',
img.style.paddingTop = `${pageHeight}px`; });
}
}
} }
} }
@ -389,15 +410,11 @@
const leafletPlaces = document.querySelectorAll('.leaflet-marker-pane img, .leaflet-overlay-pane path'); const leafletPlaces = document.querySelectorAll('.leaflet-marker-pane img, .leaflet-overlay-pane path');
const libelles = document.querySelectorAll('.libelles-carte > div > div > div'); const libelles = document.querySelectorAll('.libelles-carte > div > div > div');
console.log(leafletPlaces);
console.log(libelles);
for (let i = 0; i < leafletPlaces.length; i++) { for (let i = 0; i < leafletPlaces.length; i++) {
const carte = document.querySelector('.carte'); const carte = document.querySelector('.carte');
leafletPlaces[i].addEventListener('mouseenter', () => { leafletPlaces[i].addEventListener('mouseenter', () => {
console.log("entre")
let div = document.createElement('div'); let div = document.createElement('div');
div.setAttribute('id', 'leaflet-popup'); div.setAttribute('id', 'leaflet-popup');
div.style.zIndex = '100'; div.style.zIndex = '100';
@ -418,7 +435,6 @@
carte.appendChild(div); carte.appendChild(div);
}); });
leafletPlaces[i].addEventListener('mouseleave', () => { leafletPlaces[i].addEventListener('mouseleave', () => {
console.log("sort")
let divs = document.querySelectorAll('#leaflet-popup'); let divs = document.querySelectorAll('#leaflet-popup');
for (let div of divs) { for (let div of divs) {
div.style.opacity = 0; div.style.opacity = 0;

View File

@ -19,5 +19,10 @@
font-size: $xl_font_size !important; font-size: $xl_font_size !important;
} }
} }
.sous_titre {
@media screen and (min-width: $breakpoint_tablet) {
font-size: $m_font_size !important;
}
}
} }
} }

View File

@ -11,6 +11,7 @@
position: relative; position: relative;
width: auto; width: auto;
display: inline-block; display: inline-block;
line-height: 1.3;
@include main_title(); @include main_title();
} }
@ -52,7 +53,7 @@
display: inline-block; display: inline-block;
} }
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
margin-bottom: 0 !important; //margin-bottom: 0 !important;
margin: 0; margin: 0;
//position: fixed; -> dans le js direct //position: fixed; -> dans le js direct
//left: 75vw; //left: 75vw;
@ -74,6 +75,15 @@
padding-left: $x_margin; padding-left: $x_margin;
@include sous_titre(); @include sous_titre();
} }
.faded {
opacity: 0;
transform: translateY(2rem);
transition: all 0.5s ease 0.2s;
}
.fade-in {
opacity: 1;
transform: translateY(0);
}
} }
.views-row { .views-row {
@ -116,6 +126,7 @@ main:has(#block-erabletheme-views-block-projets-block-1) {
} }
} }
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2), aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2),
aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) { aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) {
height: auto; height: auto;

View File

@ -1,3 +1,11 @@
.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) {
@media screen and (min-width: $breakpoint_desktop) {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2.5vw;
max-width: 100%;
padding: 0 3vw;
}
.paragraph--type--membre-equipe { .paragraph--type--membre-equipe {
height: auto; height: auto;
display: grid; display: grid;
@ -60,7 +68,7 @@
padding-left: 0 !important; padding-left: 0 !important;
} }
} }
@media (min-width: $breakpoint_tablet) { @media screen and (min-width: $breakpoint_tablet) {
grid-template-columns: 10vw auto 1fr; grid-template-columns: 10vw auto 1fr;
> .portrait > div > div { > .portrait > div > div {
width: 10vw; width: 10vw;
@ -76,10 +84,44 @@
padding-left: 3vw !important; padding-left: 3vw !important;
} }
} }
@media screen and (min-width: $breakpoint_desktop) {
padding: 0 !important;
grid-template-columns: auto 1fr;
> .portrait {
grid-column: 1 / 3;
grid-row: 1 / 1;
// justify-self: center;
width: 7vw;
height: 7vw;
> div > div {
width: 7vw;
height: 7vw;
}
}
> .prenom,
> .nom {
margin-top: 0.8rem;
align-self: start;
padding: 0 !important;
grid-row: 2 / 2;
}
> .prenom {
justify-self: end;
}
> .texte {
grid-column: 1 / 3;
grid-row: 3 / 3;
p {
padding: 0 !important;
margin: 0 !important;
}
}
} }
.content_gouvernance { }
}
/* .content_gouvernance {
.views-row { .views-row {
margin-bottom: 2vh; margin-bottom: 2vh;
article { article {
@ -97,6 +139,5 @@
} }
} }
} }
} }
*/

View File

@ -148,7 +148,12 @@
} }
> .projets_intro { > .projets_intro {
padding: 0 3vw; padding: 0 3vw;
margin-top: 1.3rem;
margin-bottom: 6vh;
@include main_text_content(); @include main_text_content();
@media screen and (min-width: $breakpoint_tablet) {
margin-top: 2vh;
}
h1, h2, h3, h1, h2, h3,
h4, h5, h6 { h4, h5, h6 {
@include sous_titre_alt(); @include sous_titre_alt();

View File

@ -58,6 +58,7 @@
} }
> a::before { > a::before {
content: "+"; content: "+";
aspect-ratio: 1/1;
text-decoration: none !important; text-decoration: none !important;
color: white; color: white;
border: solid 1px white; border: solid 1px white;

View File

@ -8,8 +8,10 @@
> header { > header {
//margin-right: 5vw; //margin-right: 5vw;
padding: 0 3vw; padding: 0 3vw;
margin-bottom: 6vh;
@include main_text_content(); @include main_text_content();
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
margin-bottom: 0;
max-width: 55vw; max-width: 55vw;
} }
h1, h2, h3, h1, h2, h3,
@ -173,7 +175,6 @@
.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
.retour_projets { .retour_projets {
padding-top: 3vh; padding-top: 3vh;
padding-left: $x_margin; padding-left: $x_margin;
@include main_text_content(); @include main_text_content();
@ -349,6 +350,31 @@
@include sous_titre_alt(); @include sous_titre_alt();
} }
> div:nth-of-type(2) { > div:nth-of-type(2) {
> div:first-of-type > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/grenouille.svg');
}
}
> div:nth-of-type(2) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/marmotte.svg');
}
}
> div:nth-of-type(3) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/collibri.svg');
}
}
> div:nth-of-type(4) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/papillon.svg');
}
}
> div:nth-of-type(5) > div {
> div:first-of-type > div:last-of-type::before {
mask-image: url('/themes/erabletheme/assets/equipes-projets-icons/nenuphar.svg');
}
}
> div { > div {
> div { > div {
padding-left: $x_margin; padding-left: $x_margin;
@ -357,7 +383,23 @@
margin-bottom: 3rem !important; margin-bottom: 3rem !important;
> div:first-of-type { > div:first-of-type {
margin-bottom: 2rem; margin-bottom: 2rem;
display: inline-block;
@include sous_titre(); @include sous_titre();
> div:last-of-type {
display: flex;
align-items: center;
&::before {
content: '';
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) {
> div { > div {
@ -390,8 +432,9 @@
grid-row: 2; grid-row: 2;
margin: 0; margin: 0;
padding: 0; padding: 0;
color: black; color: black !important;
font-size: $m_font_size; font-size: $m_font_size !important;
@include sous_titre();
> div { > div {
padding-left: 0.2rem !important; padding-left: 0.2rem !important;
} }
@ -401,8 +444,9 @@
grid-row: 2; grid-row: 2;
margin: 0; margin: 0;
padding: 0; padding: 0;
color: black; color: black !important;
font-size: $m_font_size; font-size: $m_font_size !important;
@include sous_titre();
} }
> .texte { > .texte {
margin-top: 0.5rem; margin-top: 0.5rem;
@ -423,18 +467,18 @@
} }
} }
} }
.liens, .liens {
.file_fixed { > div > div > div:not(:last-of-type) {
> div > div { margin-bottom: 30px;
margin: 0 !important;
> div {
padding: 1rem 0;
} }
} }
} }
.views-row:first-of-type > .taxonomy_page {
margin-top: 13vh !important;
} }
.taxonomy_page { .taxonomy_page {
margin-top: 0 !important;
margin-bottom: 0 !important;
> .fullpage_content { > .fullpage_content {
> div:last-of-type { > div:last-of-type {
display: grid !important; display: grid !important;
@ -468,3 +512,7 @@
.feed-icon { .feed-icon {
display: none; display: none;
} }
.views-row:not(:first-of-type) .taxonomy_page .retour_projets {
display: none;
}

View File

@ -18,12 +18,16 @@
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
justify-self: start; justify-self: start;
> a > span { align-self: end;
//margin-top: -1rem !important; > a {
display: block;
pointer-events: none;
> span {
display: block; display: block;
@include sous_titre_alt(); @include sous_titre_alt();
} }
} }
}
> div:first-of-type { > div:first-of-type {
grid-column: 2; grid-column: 2;
grid-row: 3; grid-row: 3;
@ -41,6 +45,7 @@
padding: 2rem 0; padding: 2rem 0;
margin-right: 2rem; margin-right: 2rem;
img { img {
border: solid 1px $teal;
width: 100%; width: 100%;
height: auto; height: auto;
} }
@ -49,6 +54,9 @@
grid-column: 2; grid-column: 2;
grid-row: 2; grid-row: 2;
margin-top: -1rem; margin-top: -1rem;
align-self: center;
display: block;
padding-bottom: 0.5rem;
@include main_text_content(); @include main_text_content();
} }
} }
@ -66,7 +74,17 @@
} }
.ressource { .ressource {
> div { .retour_ressources {
padding-top: 3vh;
padding-left: $x_margin;
@include main_text_content();
a {
font-size: $sm_font_size;
font-weight: 800;
color: $teal;
}
}
> div:not(.retour_ressources) {
margin: $x_margin; margin: $x_margin;
display: grid; display: grid;
grid-template-columns: 0.25fr 1fr; grid-template-columns: 0.25fr 1fr;
@ -86,7 +104,7 @@
@include sous_titre_alt(); @include sous_titre_alt();
} }
} }
> div:first-of-type { > div:not(.retour_ressources):first-of-type {
grid-column: 2; grid-column: 2;
grid-row: 3; grid-row: 3;
> div > span { > div > span {

View File

@ -6,21 +6,37 @@
} }
} */ } */
body { body {
//background-color: lightgrey; height: 100vh;
> .dialog-off-canvas-main-canvas { overflow: scroll;
.layout-container {
position: relative; position: relative;
display: flex;
flex-direction: column;
//height: 100%;
header {
z-index: 2;
}
main {
z-index: 1; z-index: 1;
padding: 0.5rem;
@media screen and (min-width: $breakpoint_tablet) {
padding: 0;
}
}
footer {
z-index: 0;
}
#background {
z-index: -1;
}
} }
overflow-x: hidden; overflow-x: hidden;
} }
html { html {
overflow-x: hidden; overflow: hidden;
} }
.layout-container {
display: flex;
}
main:has(#block-erabletheme-leprogramme-2), main:has(#block-erabletheme-leprogramme-2),
main:has(#block-erabletheme-views-block-projets-block-1) { main:has(#block-erabletheme-views-block-projets-block-1) {

View File

@ -19,6 +19,9 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
.article_meta + h2 {
margin-top: 0 !important;
}
h2 { h2 {
padding-top: 0 !important; padding-top: 0 !important;
margin-bottom: 2rem !important; margin-bottom: 2rem !important;

View File

@ -1,13 +1,16 @@
.views-row { .views-row {
article.actu-teaser { article.actu-teaser {
background-color: white; background-color: white;
padding: 2rem; padding: 1rem;
box-sizing: border-box; box-sizing: border-box;
@media screen and (min-width: $breakpoint_tablet) {
padding: 2rem;
}
> div:first-of-type { > div:first-of-type {
width: 100%; width: 100%;
aspect-ratio: 20 / 9; aspect-ratio: 20 / 9;
overflow: hidden; overflow: hidden;
padding-left: $x_margin; //padding-left: $x_margin;
padding-right: $x_margin; padding-right: $x_margin;
display: flex; display: flex;
align-items: center; align-items: center;
@ -32,7 +35,9 @@
margin: 0 $x_margin; margin: 0 $x_margin;
margin-top: 1.3rem; margin-top: 1.3rem;
padding-top: 0.7rem; padding-top: 0.7rem;
margin-left: 0;
@media (min-width: $breakpoint_tablet) { @media (min-width: $breakpoint_tablet) {
margin-left: unset;
font-size: $m_font_size; font-size: $m_font_size;
} }
} }
@ -41,15 +46,19 @@
font-family: "Marianne", sans-serif; font-family: "Marianne", sans-serif;
font-size: $m_font_size; font-size: $m_font_size;
padding: 5px $x_margin; padding: 5px $x_margin;
padding-left: 0 !important;
@media (min-width: $breakpoint_tablet) { @media (min-width: $breakpoint_tablet) {
padding-left: unset;
font-size: $l_font_size; font-size: $l_font_size;
padding-top: 0; padding-top: unset !important;
} }
} }
h2 { h2 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
margin-top: 1rem !important; margin-top: 1rem !important;
padding: 0 !important;
line-height: 1.2;
@include main_title(); @include main_title();
} }
} }

View File

@ -1,7 +1,6 @@
#background { #background {
z-index: -1; height: 98%;
max-width: 99vw; width: 100%;
width: 100vw;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 0; top: 0;
@ -10,6 +9,10 @@
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
} }
> div {
position: relative;
height: 80vh;
}
#bg-top { #bg-top {
/* #bg-1 { /* #bg-1 {
top: 5vh; top: 5vh;
@ -18,15 +21,38 @@
#bg-3 { #bg-3 {
top: 13vh; top: 13vh;
left: -10vw; left: -10vw;
width: 20vw;
z-index: 1;
@media screen and (min-width: $breakpoint_desktop) {
width: auto;
z-index: -1;
}
@media screen and (min-width: $breakpoint_desktop_large) {
width: 22vw;
}
} }
#bg-2 { #bg-2 {
top: 8vh; top: 8vh;
left: -28vw; left: -28vw;
@media screen and (min-width: $breakpoint_desktop) {
transform: rotate(1deg);
}
@media screen and (min-width: $breakpoint_desktop_large) {
left: -5vw;
top: 9vh;
}
} }
#bg-5 { #bg-5 {
width: 20vw; width: 20vw;
top: 5vh; top: 5vh;
right: -10vw; right: -10vw;
z-index: 1;
@media screen and (min-width: $breakpoint_desktop) {
z-index: -1;
}
@media screen and (min-width: $breakpoint_desktop_large) {
width: 27vw;
}
} }
/* #bg-4 { /* #bg-4 {
top: 18vh; top: 18vh;
@ -56,19 +82,35 @@
} }
} }
#bg-bottom { #bg-bottom {
bottom: 0;
position: absolute;
#bg-11 { #bg-11 {
top: -70vh; left: 0;
right: -5vw; @media screen and (min-width: $breakpoint_desktop) {
left: 50vw;
bottom: 70vh;
}
} }
#bg-10 { #bg-10 {
width: 110vw; width: 110vw;
top: -150vh;
left: 5vw; left: 5vw;
bottom: 0;
@media screen and (min-width: $breakpoint_desktop) {
left: 0;
bottom: 20vh;
}
} }
#bg-4 { #bg-4 {
transform: scaleX(-1); transform: scaleX(-1);
top: -40vh;
left: -45vw; left: -45vw;
bottom: 5vh;
@media screen and (min-width: $breakpoint_tablet) {
bottom: 150vhvh;
}
@media screen and (min-width: $breakpoint_desktop) {
bottom: -8vh;
}
} }
} }
} }

View File

@ -11,7 +11,7 @@
transform: translateX(-50vw); transform: translateX(-50vw);
} }
div.views-row { div.views-row {
padding: 0 3vw; padding: 0 2vw;
@media screen and (min-width: $breakpoint_tablet) { @media screen and (min-width: $breakpoint_tablet) {
padding: 0 6vw; padding: 0 6vw;
} }

View File

@ -1,7 +1,6 @@
.layout-container > footer { .layout-container > footer {
width: 100%; width: 100%;
background-color: white; background-color: white;
z-index: 99;
margin-top: 50px; margin-top: 50px;
padding: 0 $x_margin; padding: 0 $x_margin;
#footer_middle { #footer_middle {

View File

@ -6,14 +6,14 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
width: 100vw; width: 100vw;
background-color: white; background-color: white;
> h2 { > h2 {
@include sous_titre_alt();
text-align: center; text-align: center;
@include sous_titre_alt();
} }
h1 { h1 {
@include sous_titre_alt();
text-align: center; text-align: center;
margin-top: 3rem; margin-top: 3rem;
margin-bottom: 2rem; margin-bottom: 2rem;
@include sous_titre_alt();
} }
div[role="contentinfo"] { div[role="contentinfo"] {
@include main_text_content(); @include main_text_content();

View File

@ -1,21 +1,7 @@
/*
body.toolbar-tray-open header[role="banner"] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
} */
body.toolbar-fixed header[role="banner"] {
top: 2.4em !important;
}
.layout-container { .layout-container {
//max-width: 100vw;
//overflow: hidden;
header[role="banner"] { header[role="banner"] {
width: 100%; width: 100%;
background-color: white; background-color: white;
z-index: 99;
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
position: sticky; position: sticky;
top: -12vh; top: -12vh;
@ -264,7 +250,7 @@ body.toolbar-fixed header[role="banner"] {
} }
} }
#block-erabletheme-navigationprincipale { #block-erabletheme-navigationprincipale {
background: linear-gradient(to bottom, white, transparent); background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 50%, transparent);
width: 100%; width: 100%;
display: none; display: none;
position: absolute; position: absolute;
@ -280,7 +266,7 @@ body.toolbar-fixed header[role="banner"] {
li { li {
font-family: 'Marianne', sans-serif; font-family: 'Marianne', sans-serif;
font-size: $m_font_size; font-size: $m_font_size;
padding: 4px 12px; padding: 9px 16px;
background-color: white; background-color: white;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
&:first-of-type { &:first-of-type {

View File

@ -10,13 +10,11 @@
@import "partials/_header"; @import "partials/_header";
@import "partials/_footer"; @import "partials/_footer";
@import "partials/_carousel"; @import "partials/_carousel";
@import "partials/_articles";
@import "partials/_articles_teaser"; @import "partials/_articles_teaser";
@import "partials/_forms.scss"; @import "partials/_forms.scss";
@import "partials/_background.scss"; @import "partials/_background.scss";
/* PAGES */ /* PAGES */
@import "_home.scss"; @import "_home.scss";
@import "_fullpage.scss"; @import "_fullpage.scss";
@import "_gouvernance.scss"; @import "_gouvernance.scss";
@ -27,3 +25,5 @@
@import "_actualites.scss"; @import "_actualites.scss";
@import "_ressources.scss"; @import "_ressources.scss";
@import "_faq.scss"; @import "_faq.scss";
@import "partials/_articles";

View File

@ -31,6 +31,7 @@
<head-placeholder token="{{ placeholder_token }}"> <head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title> <title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token }}"> <css-placeholder token="{{ placeholder_token }}">
<script src="https://cdn.jsdelivr.net/gh/dixonandmoe/rellax@master/rellax.min.js"></script>
<js-placeholder token="{{ placeholder_token }}"> <js-placeholder token="{{ placeholder_token }}">
</head> </head>
<body{{ attributes }}> <body{{ attributes }}>
@ -44,26 +45,6 @@
{{ page_top }} {{ page_top }}
{{ page }} {{ page }}
{{ page_bottom }} {{ page_bottom }}
<div id="background">
<div id="bg-top">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1"> #}
<img src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
<img src="/themes/erabletheme/assets/bg-shapes/bg-3.svg" aria-hidden="true" alt="bg shape" id="bg-3">
<img src="/themes/erabletheme/assets/bg-shapes/bg-2.svg" aria-hidden="true" alt="bg shape" id="bg-2">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4"> #}
</div>
<div id="bg-middle">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8"> #}
<img src="/themes/erabletheme/assets/bg-shapes/bg-6.svg" aria-hidden="true" alt="bg shape" id="bg-6">
<img src="/themes/erabletheme/assets/bg-shapes/bg-7.svg" aria-hidden="true" alt="bg shape" id="bg-7">
<img src="/themes/erabletheme/assets/bg-shapes/bg-12.png" aria-hidden="true" alt="bg shape" id="bg-12">
</div>
<div id="bg-bottom">
<img src="/themes/erabletheme/assets/bg-shapes/bg-11.svg" aria-hidden="true" alt="bg shape" id="bg-11">
<img src="/themes/erabletheme/assets/bg-shapes/bg-10.svg" aria-hidden="true" alt="bg shape" id="bg-10">
<img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
</div>
</div>
<js-bottom-placeholder token="{{ placeholder_token }}"> <js-bottom-placeholder token="{{ placeholder_token }}">
</body> </body>
</html> </html>

View File

@ -72,6 +72,9 @@
<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> <h2>{{ label }}</h2>

View File

@ -99,4 +99,26 @@
</footer> </footer>
<div id="background">
<div id="bg-top">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1"> #}
<img class="bgImg" data-rellax-speed="-5" src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
<img class="bgImg" data-rellax-speed="-6" src="/themes/erabletheme/assets/bg-shapes/bg-3.svg" aria-hidden="true" alt="bg shape" id="bg-3">
<img class="bgImg" data-rellax-speed="-3" src="/themes/erabletheme/assets/bg-shapes/bg-2.svg" aria-hidden="true" alt="bg shape" id="bg-2">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4"> #}
</div>
<div id="bg-middle">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8"> #}
<img class="bgImg" data-rellax-speed="-4" src="/themes/erabletheme/assets/bg-shapes/bg-6.svg" aria-hidden="true" alt="bg shape" id="bg-6">
<img class="bgImg" data-rellax-speed="-3" src="/themes/erabletheme/assets/bg-shapes/bg-7.svg" aria-hidden="true" alt="bg shape" id="bg-7">
<img class="bgImg" data-rellax-speed="-2" src="/themes/erabletheme/assets/bg-shapes/bg-12.png" aria-hidden="true" alt="bg shape" id="bg-12">
</div>
<div id="bg-bottom">
<img class="bgImg" data-rellax-speed="2" src="/themes/erabletheme/assets/bg-shapes/bg-11.svg" aria-hidden="true" alt="bg shape" id="bg-11">
<img class="bgImg" data-rellax-speed="1" src="/themes/erabletheme/assets/bg-shapes/bg-10.svg" aria-hidden="true" alt="bg shape" id="bg-10">
<img class="bgImg" data-rellax-speed="0.5" src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
</div>
</div>
</div>{# /.layout-container #} </div>{# /.layout-container #}