3 Commits

95 changed files with 2879 additions and 3810 deletions

View File

@@ -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: 80 KiB

View File

@@ -5,112 +5,134 @@
fill="none"
version="1.1"
id="svg83"
sodipodi:docname="carte.svg"
inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
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="#111111"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="0.55885313"
inkscape:cx="423.18811"
inkscape:cy="555.60215"
inkscape:window-width="1728"
inkscape:window-height="1152"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg83" />
<defs
id="defs83" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="M 518.58797,4.296875e-5 470.15757,15.780743 l -3.8091,54.4161 -76.7268,45.165397 5.4416,13.0599 -49.5187,0.5442 -20.6781,-26.6639 -28.8406,0.5441 17.4132,81.0801 -93.5958,-19.5898 -70.741,13.604 4.8974,47.8862 63.1228,24.4873 56.5928,50.0629 42.9887,100.6699 -14.6923,102.8465 -11.9716,70.1968 -9.7949,15.2365 122.4364,50.0629 8.1624,-5.4416 136.5845,32.6497 -1.6325,-52.7837 13.6041,-12.5157 41.3563,-21.2223 48.9745,13.0599 59.8578,22.3106 27.208,-11.4274 60.402,-71.2852 1.0883,-8.7065 -31.0172,1.0883 -17.4132,-28.2964 7.6183,-18.5015 -23.9431,-23.9431 29.3847,-18.5015 -26.6639,-83.2567 -32.1056,2.1766 46.7979,-77.2709 19.5899,-1.6325 10.339,-72.3735 19.5898,-46.2537 -44.6212,-14.1482 -35.9147,-5.4416 -7.0741,-17.4132 -113.7297,-39.179597 z"
id="path165" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 54.497265,886.62504 -34.4003,-20.8212 -19.73489996,-7.9664 -0.362100000937,8.3285 10.501199960937,19.7349 31.8655,3.0779 z"
id="path166" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 58.299365,890.78934 -11.7685,6.699 1.4485,5.9748 11.5874,5.7937 17.7433,-11.9496 z"
id="path167" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 119.67677,873.58914 -8.1474,1.4485 -5.9748,23.8991 -8.509605,3.9832 v 8.5095 l 10.682205,6.3369 2.7158,9.4148 h 16.657 l -4.5263,-19.0106 10.8632,-16.1139 -9.958,-14.3032 -0.5431,-1.4485 z"
id="path168" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 337.30377,858.38064 -22.9938,3.9832 -7.2422,11.9495 -6.699,-1.8105 -10.8632,14.6654 -0.1811,9.0527 -1.0863,5.2506 -18.2865,1.2673 -2.3537,-5.0695 -4.7074,-0.9052 -13.9412,-1.4485 -6.699,2.8969 -2.3537,5.9748 27.5203,22.6317 1.8105,-4.1642 6.8801,-0.3621 7.2421,4.8884 -1.6295,3.9832 16.1138,7.9664 12.1307,-0.7242 3.2589,-3.6211 7.0612,2.1727 0.5431,10.8632 3.259,0.5432 15.2085,-19.7349 -3.0779,-2.1727 11.0443,-16.2948 -6.5179,-17.0191 5.2505,-5.4317 -9.4148,-5.9747 -0.181,-8.5096 3.8021,-6.699 z"
id="path169" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 372.95797,856.27054 -11.9634,3.1778 -0.1869,4.8602 11.4026,-2.4301 2.4301,-3.1778 z"
id="path170" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 528.48267,902.81584 7.4772,-0.7478 12.898,1.4955 7.2903,12.3373 1.6823,2.8039 h 3.3647 l 14.9543,-11.9634 0.9347,-0.7477 2.8039,2.0562 3.3647,0.1869 8.9726,8.2249 6.3556,-2.9909 -2.4301,9.9072 -16.0759,8.2249 -18.8798,3.1778 -4.2993,3.7385 -10.468,-13.8327 -4.6733,-10.468 -3.9255,0.1869 z"
id="path171" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 551.85527,890.24284 -3.0819,5.0081 h -4.4944 l 0.5137,-2.8251 4.2376,-2.9534 z"
id="path172" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 563.54077,885.74844 -4.8796,2.0546 0.7704,2.6967 2.0546,-2.4399 h 3.724 z"
id="path173" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 575.96107,883.11954 -3.1832,1.5279 1.9099,3.9471 1.5279,-1.2732 z"
id="path174" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 702.41557,861.37534 12.9504,8.3551 29.243,18.7991 26.7364,24.6476 21.7233,17.9635 11.2795,7.1019 2.0887,5.8486 -2.0887,7.1018 -10.0262,-1.2532 -16.2925,-9.1907 -38.4336,-26.7364 -20.8878,-21.3056 -19.6346,-22.1411 z"
id="path175" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 811.03227,884.35194 -6.6841,9.6084 5.013,5.0131 7.9374,4.1775 3.7598,-2.5065 -5.4308,-12.1149 z"
id="path176" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 832.75557,908.58184 10.8617,4.1775 -0.4178,8.7729 -8.7729,-1.2532 z"
id="path177" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 964.76657,865.55294 -19.2168,4.5953 -9.6083,17.5458 0.4177,9.6084 7.5196,20.0523 33.4205,18.3812 h 29.24303 l 8.3551,-3.342 1.6711,-27.1542 -5.4309,-5.8486 -10.8616,-15.0392 -4.17763,-14.6215 -22.9766,-5.0131 z"
id="path178" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 924.24427,1033.0732 -9.1907,23.8121 -10.0261,-2.9243 -11.2795,-19.6345 18.3813,-0.8355 z"
id="path179" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 980.64137,1036.833 -30.914,9.6084 0.4178,11.2794 7.9373,26.7365 22.1411,7.9373 20.47013,-4.5953 15.8748,18.7991 18.799,3.7598 4.1776,-17.9636 -6.2664,-9.6084 -23.8121,-5.013 -0.8355,-23.8122 -9.19073,-9.1906 z"
id="path180" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 742.93797,1005.919 32.585,10.0262 28.8252,23.3944 10.0261,5.013 5.0131,18.7991 -21.3056,33.4205 -12.1149,27.5719 -14.6215,7.1019 -12.5327,-5.4308 -22.5588,6.6841 -15.8748,-4.5954 9.1907,-22.1411 0.4177,-10.8616 8.3551,-10.8617 -13.3682,-28.4074 -2.9243,-20.0523 13.3682,-18.7991 z"
id="path181" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 567.48017,1019.705 12.115,1.671 15.457,7.9374 17.5457,17.5458 5.8486,-4.1776 11.6972,-3.342 0.4178,4.5953 -12.5327,9.1906 5.0131,3.7598 -4.5954,7.5197 3.3421,2.0887 5.8486,-0.4177 13.3682,22.1411 1.671,17.5457 -5.4308,14.2038 -5.0131,4.5953 -5.0131,-6.2664 1.2533,-7.9373 -33.0028,-2.5066 -3.7598,3.3421 -7.1018,-12.115 4.1775,-6.6841 15.457,-2.5065 -6.2663,-10.4439 h -11.6972 l -5.4308,-5.8486 -7.9374,-0.4178 -10.8617,-20.47 -5.0131,-13.3682 -3.342,-8.7729 5.0131,-7.5196 z"
id="path182" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 403.30197,1011.3499 c 1.2532,2.0888 11.2794,12.1149 11.2794,12.1149 l -3.7598,9.1907 6.2663,7.9373 15.0393,2.9243 7.1018,5.8486 10.8617,4.5953 -0.8355,3.3421 -22.9766,2.9243 -23.8122,8.7729 -15.0392,-7.1019 -3.342,4.5953 4.1775,15.457 -0.8355,12.5327 -23.8121,17.5458 -14.6215,-26.3187 -2.9243,-34.6738 8.3551,-12.1149 21.7234,8.7729 11.6972,2.5065 8.7729,-10.8616 -5.8486,-10.0262 v -10.4439 z"
id="path183" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 480.58687,1038.0863 -19.2168,8.3551 v 4.1776 l 8.3551,-0.8355 12.9505,-6.2664 z"
id="path184" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 435.46917,1100.7498 -10.8617,5.8486 -0.8355,8.7728 5.8486,8.3552 12.5327,1.2532 9.6084,-8.3551 -2.5065,-9.6084 -5.4309,-6.2663 z"
id="path185" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 204.44987,1018.8695 6.2663,13.786 3.3421,10.0261 11.6972,-2.0888 20.47,3.7598 5.4309,7.9374 -14.6215,24.6476 8.7729,9.6084 -8.7729,15.0393 -7.9374,10.0261 8.7729,8.7729 -5.0131,5.0131 -13.7859,3.7598 -17.9636,-10.4439 -7.1018,-22.9766 10.4439,0.8355 7.9373,8.3551 4.5954,2.5066 5.4308,-5.4309 -19.2168,-19.6345 1.671,-6.6841 -2.0887,-18.7991 -17.1281,-7.5196 1.6711,-14.6215 z"
id="path186" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 265.86007,1053.1255 -6.6841,8.7729 8.3551,11.2794 5.4308,-10.0261 z"
id="path187" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 38.182765,997.98174 -8.7729,11.27936 24.6476,16.7103 5.0131,6.6841 -3.7598,20.47 -12.5327,17.5458 v 16.2925 l 17.5458,5.8486 3.7598,13.3682 -27.9897,26.7364 -15.457,-20.4701 14.2038,-11.6971 1.671,-10.4439 2.0888,-13.3683 -9.1907,-29.6607 -3.342,-5.8486 -1.2533,-22.5588 -2.9243,-11.2794 4.5953,-5.8486 z"
id="path188" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 83.718265,1117.0423 -15.8748,10.8616 -5.4308,12.115 h 23.3943 l -2.5065,-9.1907 2.0888,-4.5953 z"
id="path189" />
<path
style="opacity:1;fill:#7cd1bf;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
style="opacity:1;fill:#33ffc4;fill-opacity:1;stroke-width:1.078;stroke-linecap:round;stroke-miterlimit:0"
d="m 891.56937,601.03084 -3.0676,20.2458 -36.8105,21.4729 -1.227,11.6566 v 10.4297 l 18.4052,52.1483 26.3809,11.0431 1.8406,-22.6998 4.2945,-28.2214 6.1351,-8.5892 -4.9081,-39.8781 -5.5215,-26.9943 z"
id="path190" />
</svg>

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

@@ -1,25 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="2933 3781 107.091 110.044"
fill="none"
id="projet-$index"
data-geofieldlon="$lon"
data-geofieldlat="$lat"
data-title="$title"
data-place="$place"
>
<a href="$href">
<path
d="M2948.852 3798.42c-3.606 3.667-2.847 11.102-1.479 17.824 1.619 7.951 5.315 16.118 12.339 24.491 3.456 4.205 9.513 6.379 14.08 9.238-10.249-1.658-21.843 3.107-29.852 9.438-5.7 4.488-11.197 10.188-10.931 15.125.261 4.757 5.974 8.041 11.591 10.646 7.669 3.555 17.089 5.343 29.989 3.293 18.866-3.004 36.608-14.662 40.31-24.59 0 0 16.971 18.409 13.637 26.71 1.459.976 4.253.403 4.516-2.138.92-8.85-15.986-26.562-15.986-26.562 10.111-3.235 19.484-19.744 22.323-39.307 2.031-14.005-.579-24.218-4.883-31.774-2.606-4.576-5.279-9.628-9.507-9.809-4.109-.171-9.189 4.422-13.021 8.545-5.631 6.058-10.313 13.829-12.151 25.629-.431 2.766-.094 7.971-.201 8.514-1.077-3.802-.253-6.156-5.417-12.196-9.426-8.649-18.53-12.964-27.384-14.735-6.814-1.364-14.321-2.055-17.973 1.658Z"
style="
cursor: pointer;
fill-rule: evenodd;
stroke: none;
fill: rgb(3, 135, 136);
fill-opacity: 1;
"
class="fills"/>
</a>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -0,0 +1,21 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 18 18"
fill="none"
id="projet-$index"
data-geofieldlon="$lon"
data-geofieldlat="$lat"
data-title="$title"
data-place="$place"
>
<a href="$href">
<circle
cx="9"
cy="9"
r="6"
style="cursor: pointer; fill: #4a4a49;"
class="fills"/>
</a>
</svg>

After

Width:  |  Height:  |  Size: 377 B

View File

@@ -55,7 +55,7 @@ class SitesMap extends BlockBase {
$lon = $geofield->lon;
$lat = $geofield->lat;
$svg_template_path = DRUPAL_ROOT . '/modules/custom/erable_mod/assets/svg/feuille.svg';
$svg_template_path = DRUPAL_ROOT . '/modules/custom/erable_mod/assets/svg/point.svg';
$svg_template= file_get_contents($svg_template_path);
$sites_paths .= str_replace(
['$index', '$lon', '$lat', '$href', '$title', '$place'],

View File

@@ -1,6 +1,9 @@
<div class="projets_intro">
{{ intro|raw }}
</div>
<footer class="fluo_links">
<p><a href="/projets">Voir les projets</a></p>
</footer>
<div id="sites-map-container">
{# <svg {{ svg_attributes }}>
<path {{ path_attributes }}></path>

View File

@@ -1,234 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1260.9417"
height="270.22705"
viewBox="0 0 1260.9417 270.22705"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<pattern
xlink:href="#pattern49-1"
preserveAspectRatio="xMidYMid"
id="pattern50-6"
patternTransform="matrix(0.06,0,0,0.06,-4418.3565,-1208.7277)"
x="0"
y="0"
width="62.4"
height="62.4" />
<pattern
xlink:href="#pattern48-8"
preserveAspectRatio="xMidYMid"
id="pattern49-1"
patternTransform="translate(-4021.1248,-1220.5028)" />
<pattern
xlink:href="#pattern44-7"
preserveAspectRatio="xMidYMid"
id="pattern48-8"
patternTransform="translate(-4021.1248,-1220.5028)" />
<pattern
patternUnits="userSpaceOnUse"
width="26"
height="26"
patternTransform="translate(-4021.1248,-1220.5028)"
preserveAspectRatio="xMidYMid"
id="pattern44-7">
<line
x1="3"
y1="3"
x2="23"
y2="23"
stroke="#000000"
stroke-width="6"
stroke-linecap="round"
id="line44-9"
style="fill:url(#swatch17);stroke:url(#swatch16)" />
</pattern>
<filter
style="color-interpolation-filters:sRGB"
id="filter36-2"
x="0"
y="0"
width="1"
height="1">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
id="feComposite35-3"
k3="0"
k4="0" />
<feColorMatrix
in="composite1"
values="0"
type="saturate"
result="colormatrix1"
id="feColorMatrix35-7" />
<feFlood
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1"
id="feFlood35-5" />
<feBlend
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1"
id="feBlend35-9" />
<feBlend
in2="blend1"
mode="multiply"
result="blend2"
id="feBlend36-2" />
<feColorMatrix
in="blend2"
values="1"
type="saturate"
result="colormatrix2"
id="feColorMatrix36-2" />
<feComposite
in="colormatrix2"
in2="SourceGraphic"
operator="in"
result="fbSourceGraphic"
id="feComposite36-8" />
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix37-9" />
<feComposite
id="feComposite37-7"
in2="fbSourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
in="fbSourceGraphic"
k3="0"
k4="0" />
<feColorMatrix
id="feColorMatrix38-3"
in="composite1"
values="0"
type="saturate"
result="colormatrix1" />
<feFlood
id="feFlood38-6"
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1" />
<feBlend
id="feBlend38-1"
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1" />
<feBlend
id="feBlend39-2"
in2="blend1"
mode="multiply"
result="blend2" />
<feColorMatrix
id="feColorMatrix39-9"
in="blend2"
values="1"
type="saturate"
result="colormatrix2" />
<feComposite
id="feComposite39-3"
in="colormatrix2"
in2="fbSourceGraphic"
operator="in"
result="composite2" />
</filter>
</defs>
<g
id="g1"
transform="translate(25.784494,-133.23492)">
<path
style="fill:url(#pattern50-6);fill-opacity:1;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0;filter:url(#filter36-2)"
d="m 1586.8398,252.78839 c 0,0 -238.0919,29.21374 -318.4297,29.21374 -80.3377,0 -261.4629,-4.38206 -319.89038,-1.46069 -58.4274,2.92137 -238.0919,49.66335 -297.9801,43.8206 -59.8881,-5.84275 -96.4053,-7.30343 -135.84383,-1.46069 -39.43854,5.84275 -128.54043,24.83168 -163.59691,24.83168 -35.05649,0 24.83167,23.37099 64.27021,30.67442 39.43854,7.30343 112.47283,2.92137 176.74313,11.68549 64.2702,8.76412 154.8328,35.05649 189.8893,40.89923 35.0564,5.84275 182.5858,14.60687 252.69878,13.14618 70.1129,-1.46068 169.4396,49.66335 205.9568,55.5061 36.5172,5.84275 70.1129,23.37099 131.4618,23.37099 61.3488,0 127.0797,-5.84275 163.5969,-5.84275 36.5172,0 65.7309,4.38206 65.7309,4.38206 z"
id="path50-4"
transform="matrix(-1,0,0,1,1575.6622,-119.55347)" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.1 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 8.6 KiB

View File

@@ -1,95 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="790.91528"
height="194.89282"
viewBox="0 0 790.91528 194.89282"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
</defs>
<g
id="g1"
transform="translate(-1243.5311,-2768.9917)">
<path
id="path1337"
style="opacity:0.353066;fill:url(#swatch18);fill-opacity:1;stroke:none;stroke-width:0.377954;stroke-linecap:round;stroke-miterlimit:0"
d="m 1608.0574,2768.9916 -64.7477,1.9179 -44.2183,34.503 -26.8462,-11.5014 -44.2183,-5.7512 -47.3778,-9.5836 -71.0644,7.668 -66.0536,6.6808 v 65.1306 c 2.8138,0.2807 5.4984,0.4967 7.5861,0.4018 19.8812,-0.9036 46.0886,-3.6154 62.3551,-5.4227 8.9811,-0.9979 14.1507,2.9477 20.4376,6.5437 17.1786,-2.4999 34.2429,-3.9539 50.6368,-3.5048 65.9696,1.8075 101.2129,13.5554 101.2129,13.5554 0,0 2.7367,1.3719 3.1595,1.588 1.1134,0.2721 2.4235,0.5167 3.4837,0.7957 14.6867,3.865 36.5274,12.3377 43.7037,18.1069 l 8.7514,-1.8104 32.6505,26.2485 c 0.6489,0.3125 1.6207,0.8804 2.2355,1.1598 2.4397,1.109 4.4945,3.0781 6.3001,5.3296 2.0359,1.147 12.4939,6.8748 28.7108,13.7711 1.0663,-0.1018 2.795,-0.4363 3.1717,-0.3242 1.803,0.5361 11.6475,0.4315 11.6475,0.4315 l 4.2827,-1.0247 5.1957,-5.8077 6.7626,2.9282 7.0804,3.0256 9.7628,-0.1604 9.8934,-4.1046 8.7713,1.9975 11.6752,0.4072 7.6159,-1.1066 10.3649,2.4711 2.3505,3.7626 -0.4493,3.85 -14.2414,0.054 -16.706,-0.9871 -20.982,1.7275 -8.7547,2.6039 -2.7191,2.729 c 4.3119,1.2414 8.7003,2.4084 13.1614,3.4185 4.069,0.9213 8.2955,1.9711 12.5704,3.0742 l 1.5139,-0.7027 8.5035,-1.7596 9.7119,-2.3195 5.5178,0.1084 4.7729,3.5811 c 0.7852,0.096 1.6983,0.067 2.3207,0.3188 2.1953,0.8882 4.8172,2.2425 7.7299,3.6917 l 5.5443,0.9153 13.0286,-5.3164 11.9252,-0.436 5.9692,-3.7382 -5.6527,-1.9876 -9.0092,-2.3726 -6.3566,2.7046 -6.5724,1.1088 -2.8728,-6.6752 27.7591,-0.018 12.9345,2.0097 c 0,0 18.8499,-3.8918 20.7784,-4.5439 1.9286,-0.6518 14.7792,1.6368 16.9428,1.3612 2.1635,-0.2758 21.3162,-2.8507 21.3162,-2.8507 0,0 27.952,-14.6655 30.5181,-15.1279 2.566,-0.4624 13.2034,5.7645 13.2034,5.7645 l 2.5673,-0.4626 23.9988,-6.0367 5.5233,-2.8762 4.3735,4.5937 10.9369,1.7208 8.5545,0.3995 1.3954,3.4793 -7.918,-0.2113 -11.5601,-3.1297 -12.9599,6.2559 c -10e-5,0 -0.4991,7.5101 2.2022,8.9263 2.7013,1.416 10.3317,-0.9108 10.3317,-0.9108 l 11.2524,-4.0072 9.204,-6.4529 1.4463,5.6384 c 0,0 10.9017,-1.6605 12.6789,-2.9702 1.7772,-1.3097 9.5596,-2.9787 10.8507,-3.8202 1.291,-0.8416 11.5541,-2.6902 12.9965,-2.874 1.4424,-0.1838 12.9488,0.788 12.9488,0.788 l 1.3402,-4.5052 4.825,-8.0619 1.7905,-8.3519 -15.5639,3.3366 c 0,0 -20.7139,-0.338 -23.6502,-2.1303 -1.3303,-0.812 -3.3239,-4.1569 -5.1171,-7.5662 l 0.903,-0.4282 13.7169,-2.9681 c 0,0 8.7748,1.998 11.7272,2.5697 2.9524,0.5715 12.1598,-0.061 12.1598,-0.061 l 17.0745,-2.5818 6.7616,2.9315 c 0,0 3.54,4.4218 5.1337,4.8958 1.5937,0.4739 11.3885,-2.1281 11.3885,-2.1281 l 18.0926,-7.1799 0.3054,-0.035 -0.8177,-59.5985 c 0,0 -36.6206,-12.5259 -103.7582,-21.2952 -61.4674,-8.0287 -104.8416,-3.3868 -175.2033,2.2498 l -32.9051,-5.3971 -55.2726,-32.5863 z m 17.7949,170.3662 c 5.5482,2.1262 11.4828,4.201 17.641,6.1319 l -0.1859,-0.2003 c 0,0 1.0873,-3.6597 -0.104,-4.3203 -1.1914,-0.6606 -9.9963,-0.2147 -9.9963,-0.2147 z m 169.3568,3.6641 -10.4722,0.5688 -6.5004,-0.4172 -5.0386,4.5683 c 0,0 3.3108,2.0688 4.6745,1.6079 1.3636,-0.461 7.9681,-3.698 9.8303,-3.3609 1.8623,0.3371 8.7758,-0.6396 8.7758,-0.6396 z m 142.1998,9.36 c -2.7753,0.2579 -12.6543,2.953 -15.6071,3.808 -2.9528,0.855 -9.4274,2.8283 -10.5065,3.1573 -1.0791,0.329 -4.0547,2.9104 -4.0547,2.9104 l 4.5848,1.566 c 0.2081,0.022 0.4412,0.039 0.6474,0.061 0.6128,-0.081 19.8568,-2.6242 20.919,-2.9481 1.079,-0.329 19.9948,-6.1862 19.9948,-6.1862 0,0 -1.8294,-1.276 -3.6043,-1.8038 -0.5917,-0.1758 -1.1766,-0.2675 -1.6866,-0.2025 -2.0398,0.2599 -7.9117,-0.6198 -10.6868,-0.3619 z m -25.7727,2.5188 c 0,0 -18.8203,3.0675 -20.3501,3.2624 -1.0509,0.134 -6.3155,1.4148 -10.6516,2.5806 2.1988,0.2653 4.3609,0.4532 6.5625,0.6751 l -0.1904,-0.4117 13.1415,-1.2914 z" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 MiB

View File

@@ -1,95 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1982.4325"
height="153.74228"
viewBox="0 0 1982.4325 153.74228"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
</defs>
<g
id="g1"
transform="translate(-14.379108,-134.82294)">
<path
style="opacity:1;fill:url(#swatch14);fill-opacity:1;stroke:none;stroke-width:0.377952;stroke-linecap:round;stroke-miterlimit:0"
d="m 40.772658,134.82293 c 0,0 741.658282,7.91814 805.002752,13.19655 63.34445,5.27888 496.19839,7.91817 562.18219,13.19692 65.9838,5.27887 292.9682,-2.63926 340.4765,-2.63926 47.5085,0 245.4599,-18.47569 248.0993,-2.63949 2.6394,15.83603 -13.1968,48.7559 -60.7051,56.67394 -47.5084,7.91779 -85.7565,8.30202 -175.4946,16.22017 -89.738,7.91801 -311.9226,11.42058 -369.9884,11.42058 -58.0657,0 -155.3377,-0.23955 -258.2725,7.67849 -102.9347,7.91816 -130.6027,-5.11517 -259.90386,10.94163 -153.80098,19.09922 -219.06631,18.47545 -306.16497,21.11495 -87.09866,2.63925 -226.98437,0 -308.80434,5.27854 -81.81996,5.27875 -153.08248,2.6395 -190.033441,2.6395 -36.950943,0 -52.787082,-7.91804 -52.787082,-7.91804 z"
id="path449" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 231 KiB

View File

@@ -1,216 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1260.9417"
height="270.22702"
viewBox="0 0 1260.9417 270.22702"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<pattern
xlink:href="#pattern80"
preserveAspectRatio="xMidYMid"
id="pattern27"
patternTransform="matrix(-0.10352761,-0.38637033,0.38637033,-0.10352761,96.525969,-7.6204712)"
x="0"
y="0" />
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<filter
style="color-interpolation-filters:sRGB"
id="filter36"
x="0"
y="0"
width="1"
height="1">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
id="feComposite35"
k3="0"
k4="0" />
<feColorMatrix
in="composite1"
values="0"
type="saturate"
result="colormatrix1"
id="feColorMatrix35" />
<feFlood
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1"
id="feFlood35" />
<feBlend
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1"
id="feBlend35" />
<feBlend
in2="blend1"
mode="multiply"
result="blend2"
id="feBlend36" />
<feColorMatrix
in="blend2"
values="1"
type="saturate"
result="colormatrix2"
id="feColorMatrix36" />
<feComposite
in="colormatrix2"
in2="SourceGraphic"
operator="in"
result="fbSourceGraphic"
id="feComposite36" />
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix37" />
<feComposite
id="feComposite37"
in2="fbSourceGraphic"
operator="arithmetic"
k1="0"
k2="0"
result="composite1"
in="fbSourceGraphic"
k3="0"
k4="0" />
<feColorMatrix
id="feColorMatrix38"
in="composite1"
values="0"
type="saturate"
result="colormatrix1" />
<feFlood
id="feFlood38"
flood-opacity="1"
flood-color="rgb(185,206,0)"
result="flood1" />
<feBlend
id="feBlend38"
in="flood1"
in2="colormatrix1"
mode="normal"
result="blend1" />
<feBlend
id="feBlend39"
in2="blend1"
mode="multiply"
result="blend2" />
<feColorMatrix
id="feColorMatrix39"
in="blend2"
values="1"
type="saturate"
result="colormatrix2" />
<feComposite
id="feComposite39"
in="colormatrix2"
in2="fbSourceGraphic"
operator="in"
result="composite2" />
</filter>
<pattern
patternUnits="userSpaceOnUse"
width="60"
height="60"
preserveAspectRatio="xMidYMid"
style="fill:#eafb44"
id="pattern80">
<path
id="path80-4"
d="M 0,0 H 10 V 50 H 0 Z M 79.142136,3.7867966 86.213203,10.857864 50.857864,46.213203 43.786797,39.142136 Z M 150,20 V 30 H 100 V 20 Z m 56.2132,19.142136 -7.07106,7.071067 -35.35534,-35.355339 7.07106,-7.0710674 z M 250,50 H 240 V 0 h 10 z M 19.142136,63.786797 26.213203,70.857864 -9.1421356,106.2132 -16.213203,99.142136 Z M 90,80 V 90 H 40 V 80 Z m 56.2132,19.142136 -7.07106,7.071064 -35.35534,-35.355336 7.07106,-7.071067 z M 190,110 H 180 V 60 h 10 z m 40.85786,-3.7868 -7.07106,-7.071064 35.35534,-35.355339 7.07106,7.071067 z M 30,140 v 10 h -50 v -10 z m 56.213203,19.14214 -7.071067,7.07106 -35.355339,-35.35534 7.071067,-7.07106 z M 130,170 h -10 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 220,150 v -10 h 50 v 10 z m -193.786797,69.14214 -7.071067,7.07106 -35.355339,-35.35534 7.0710674,-7.07106 z M 70,230 H 60 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 160,210 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 10,290 H 0 v -50 h 10 z m 40.857864,-3.7868 -7.071067,-7.07106 35.355339,-35.35534 7.071067,7.07106 z M 100,270 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 240,240 h 10 v 50 h -10 z"
style="stroke-width:10;stroke-linecap:square;paint-order:markers fill stroke;stop-color:#000000"
transform="scale(0.25)" />
</pattern>
</defs>
<g
id="g1"
transform="translate(-1176.9954,-210.0247)">
<path
style="fill:url(#pattern27);fill-opacity:1;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0;filter:url(#filter36)"
d="m 2423.3302,210.0247 c 0,0 -238.0919,29.21374 -318.4297,29.21374 -80.3377,0 -261.4629,-4.38206 -319.8904,-1.46069 -58.4274,2.92137 -238.0919,49.66335 -297.9801,43.8206 -59.8881,-5.84275 -96.4052,-7.30343 -135.8438,-1.46069 -39.4385,5.84275 -128.5404,24.83168 -163.5969,24.83168 -35.0565,0 24.8317,23.37099 64.2702,30.67442 39.4386,7.30343 112.4729,2.92137 176.7431,11.68549 64.2702,8.76412 154.8328,35.05649 189.8893,40.89923 35.0564,5.84275 182.5858,14.60687 252.6988,13.14618 70.1129,-1.46068 169.4396,49.66335 205.9568,55.5061 36.5172,5.84275 70.1129,23.37099 131.4618,23.37099 61.3488,0 127.0797,-5.84275 163.5969,-5.84275 36.5172,0 65.7309,4.38206 65.7309,4.38206 z"
id="path50" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.8 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 831 KiB

View File

@@ -1,95 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1450.262"
height="370.38525"
viewBox="0 0 1450.262 370.38525"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
</defs>
<g
id="g1"
transform="translate(-422.16467,-914.57557)">
<path
style="fill:url(#swatch14);fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
d="m 1206.9083,914.8558 c -42.4803,2.7502 -104.4211,1.9039 -167.8359,38.1011 -63.41457,36.1971 -99.42692,33.4097 -129.39747,21.5683 -29.97071,-11.8413 -56.84986,-27.6235 -99.9351,-20.0434 -43.0851,7.5802 -106.27881,25.9125 -106.27881,25.9125 l -41.26758,-6.9098 c 0,0 -28.35279,21.261 -52.21951,20.575 -23.86679,-0.6862 -33.99122,4.1037 -73.74261,19.6058 -39.75018,15.502 -95.87062,23.4667 -108.80436,34.5419 -12.93359,11.075 -0.5045,15.5205 20.73492,14.1455 21.24056,-1.3746 67.58047,18.0035 86.90075,20.4278 19.3202,2.4243 65.84212,13.4567 85.62673,9.8788 19.78354,-3.5778 36.61852,-2.0422 74.83357,-0.7102 38.21617,1.3321 79.38182,-2.4487 77.88699,4.8672 -1.49604,7.3157 -22.87753,7.5187 -57.8991,12.9361 -35.02188,5.4175 -79.66469,0.1043 -90.07175,2.5499 -10.40805,2.4459 -21.5632,8.5496 -8.70987,16.5113 12.85325,7.962 70.38858,11.7186 87.50596,15.5978 17.11737,3.8796 37.14543,12.1645 58.52661,11.9616 21.3815,-0.2034 54.76632,0.5232 68.08429,2.4829 13.31782,1.9598 40.985,4.5656 54.01936,4.1811 13.03519,-0.3842 44.64272,5.3132 32.31523,11.5583 -12.32734,6.2452 -49.9775,9.6015 -65.21446,11.441 -15.2384,1.8397 -49.3714,4.7714 -46.78336,16.3511 2.58705,11.5797 29.68717,9.4972 55.43408,15.9024 25.7469,6.4051 52.3022,29.3617 89.87202,45.0424 37.56974,15.6809 68.14557,22.6922 97.73217,21.4986 29.5854,-1.1935 60.9102,2.16 82.6948,-24.2543 21.7842,-26.4142 40.5784,-38.1969 65.0915,-51.8592 24.5133,-13.6624 38.2151,1.3322 99.6915,8.1807 61.4766,6.8483 80.0893,3.4119 107.6536,-4.673 27.5656,-8.0847 44.1783,11.3154 120.2243,0.945 76.047,-10.3704 161.935,-27.875 177.2123,-39.2331 15.2781,-11.3582 57.6556,-24.7989 103.0244,-52.8713 45.3682,-28.0724 108.3185,-58.2673 35.0594,-83.9097 -73.2594,-25.6424 -108.7457,-14.2229 -156.8643,-28.6301 -48.1185,-14.407 -13.703,-14.9945 -128.1673,-27.3377 -114.4652,-12.3431 -176.9794,-34.1761 -176.9794,-34.1761 -59.8941,-16.903 -127.4746,-34.9065 -169.9536,-32.1564 z"
id="path1339-5" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -1,129 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1909.912"
height="487.77618"
viewBox="0 0 1909.912 487.77618"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<pattern
xlink:href="#pattern80"
preserveAspectRatio="xMidYMid"
id="pattern83"
patternTransform="matrix(0.8,0,0,0.8,-19137.05,3107.2027)"
x="0"
y="0" />
<pattern
patternUnits="userSpaceOnUse"
width="60"
height="60"
preserveAspectRatio="xMidYMid"
style="fill:#eafb44"
id="pattern80">
<path
id="path80-4"
d="M 0,0 H 10 V 50 H 0 Z M 79.142136,3.7867966 86.213203,10.857864 50.857864,46.213203 43.786797,39.142136 Z M 150,20 V 30 H 100 V 20 Z m 56.2132,19.142136 -7.07106,7.071067 -35.35534,-35.355339 7.07106,-7.0710674 z M 250,50 H 240 V 0 h 10 z M 19.142136,63.786797 26.213203,70.857864 -9.1421356,106.2132 -16.213203,99.142136 Z M 90,80 V 90 H 40 V 80 Z m 56.2132,19.142136 -7.07106,7.071064 -35.35534,-35.355336 7.07106,-7.071067 z M 190,110 H 180 V 60 h 10 z m 40.85786,-3.7868 -7.07106,-7.071064 35.35534,-35.355339 7.07106,7.071067 z M 30,140 v 10 h -50 v -10 z m 56.213203,19.14214 -7.071067,7.07106 -35.355339,-35.35534 7.071067,-7.07106 z M 130,170 h -10 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 220,150 v -10 h 50 v 10 z m -193.786797,69.14214 -7.071067,7.07106 -35.355339,-35.35534 7.0710674,-7.07106 z M 70,230 H 60 v -50 h 10 z m 40.85786,-3.7868 -7.07106,-7.07106 35.35534,-35.35534 7.07106,7.07106 z M 160,210 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 10,290 H 0 v -50 h 10 z m 40.857864,-3.7868 -7.071067,-7.07106 35.355339,-35.35534 7.071067,7.07106 z M 100,270 v -10 h 50 v 10 z m 63.7868,-19.14214 7.07106,-7.07106 35.35534,35.35534 -7.07106,7.07106 z M 240,240 h 10 v 50 h -10 z"
style="stroke-width:10;stroke-linecap:square;paint-order:markers fill stroke;stop-color:#000000"
transform="scale(0.25)" />
</pattern>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath1338">
<path
style="fill:none;fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
d="m -4048.5468,-1775.4537 c -55.9441,3.6218 -137.5166,2.5073 -221.0302,50.1769 -83.5134,47.6696 -130.9396,43.9987 -170.4091,28.4043 -39.4697,-15.5943 -74.868,-36.3786 -131.6088,-26.396 -56.7406,9.9826 -139.9631,34.1252 -139.9631,34.1252 l -54.347,-9.0998 c 0,0 -37.339,27.9995 -68.7701,27.0961 -31.4312,-0.9037 -44.7645,5.4044 -97.1148,25.8197 -52.3487,20.4153 -126.2561,30.9044 -143.2891,45.4897 -17.0328,14.5852 -0.6644,20.4397 27.3067,18.6289 27.9726,-1.8103 88.9996,23.7095 114.4433,26.9022 25.4436,3.1927 86.7103,17.7217 112.7655,13.0098 26.0538,-4.7118 48.2245,-2.6895 98.5515,-0.9353 50.3285,1.7543 104.5413,-3.2248 102.5727,6.4098 -1.9702,9.6344 -30.1284,9.9017 -76.2498,17.0362 -46.1218,7.1345 -104.9138,0.1373 -118.6193,3.358 -13.7068,3.2211 -28.3975,11.2593 -11.4704,21.7445 16.927,10.4855 92.6977,15.4327 115.2403,20.5414 22.5426,5.1092 48.9184,16.0199 77.0762,15.7527 28.1582,-0.2678 72.1241,0.6891 89.6631,3.2698 17.5388,2.581 53.9749,6.0127 71.1404,5.5063 17.1666,-0.5059 58.7919,6.9972 42.5573,15.2216 -16.2344,8.2246 -65.8175,12.6446 -85.8837,15.0672 -20.0681,2.4227 -65.0193,6.2836 -61.611,21.5335 3.407,15.2497 39.0963,12.5072 73.0035,20.9425 33.9072,8.4352 68.879,38.6676 118.3563,59.3183 49.4772,20.6508 89.7438,29.8843 128.7076,28.3124 38.9624,-1.5718 80.2153,2.8446 108.9044,-31.9416 28.6885,-34.786 53.4394,-50.3031 85.7217,-68.2956 32.2826,-17.9926 50.3272,1.7545 131.288,10.7735 80.9612,9.0189 105.473,4.4934 141.7736,-6.154 36.3024,-10.6471 58.1804,14.9017 158.3286,1.2445 100.1495,-13.6572 213.2591,-36.7098 233.3784,-51.6678 20.1204,-14.958 75.9291,-32.6587 135.6772,-69.6284 59.7474,-36.9697 142.6493,-76.7347 46.1713,-110.5043 -96.4785,-33.7695 -143.2119,-18.7307 -206.5813,-37.7042 -63.3694,-18.9732 -18.0461,-19.7469 -168.789,-36.0022 -150.7441,-16.2551 -233.0718,-45.0079 -233.0718,-45.0079 -78.8771,-22.2603 -167.8767,-45.9699 -223.8191,-42.3482 z"
id="path1339" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-86.653251,-942.83186)">
<rect
style="opacity:0.72093;fill:url(#pattern83);fill-opacity:1;stroke:#000000;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0"
id="rect1"
width="2370.1384"
height="1734.9315"
x="-5125.0024"
y="-2400.8999"
clip-path="url(#clipPath1338)"
transform="translate(5168.6624,2718.6546)" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.9 KiB

View File

@@ -1,134 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="1909.912"
height="487.77625"
viewBox="0 0 1909.912 487.77624"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<pattern
xlink:href="#pattern44-7"
preserveAspectRatio="xMidYMid"
id="pattern2"
patternTransform="matrix(0.2,0,0,0.2,-4021.1248,-1220.5028)"
x="0"
y="0" />
<linearGradient
id="swatch21"
gradientTransform="matrix(5.278647e23,2.6468133e23,-2.6249323e23,5.2350091e23,1.0846794e27,1.7611749e27)">
<stop
style="stop-color:#eafb44;stop-opacity:1;"
offset="0"
id="stop21" />
</linearGradient>
<linearGradient
id="swatch20"
gradientTransform="matrix(-0.00265448,-0.05328262,0.07600175,-0.00186098,1898.797,108.29893)">
<stop
style="stop-color:#00ff80;stop-opacity:1;"
offset="0"
id="stop20" />
</linearGradient>
<linearGradient
id="swatch19"
gradientTransform="translate(159.5901)">
<stop
style="stop-color:#038788;stop-opacity:1;"
offset="0"
id="stop19" />
</linearGradient>
<linearGradient
id="swatch18"
gradientTransform="translate(39.897525)">
<stop
style="stop-color:#00a590;stop-opacity:1;"
offset="0"
id="stop18" />
</linearGradient>
<linearGradient
id="swatch17"
gradientTransform="matrix(-0.78911041,-0.94629526,0.94629526,-0.78911041,-1256.5664,-1945.3626)">
<stop
style="stop-color:#b9ce00;stop-opacity:1;"
offset="0"
id="stop17" />
</linearGradient>
<linearGradient
id="swatch16"
gradientTransform="matrix(8.5633655,0,0,7.5288462,61984.609,10177.285)">
<stop
style="stop-color:#a19883;stop-opacity:1;"
offset="0"
id="stop16" />
</linearGradient>
<linearGradient
id="swatch15"
gradientTransform="translate(-540.72197,-150.16022)">
<stop
style="stop-color:#314e41;stop-opacity:1;"
offset="0"
id="stop15" />
</linearGradient>
<linearGradient
id="swatch14"
gradientTransform="matrix(0.86664926,-0.40831581,-0.43997355,-0.93384273,10801.756,-1967.9933)">
<stop
style="stop-color:#8eccb8;stop-opacity:1;"
offset="0"
id="stop14" />
</linearGradient>
<linearGradient
id="swatch9"
gradientTransform="matrix(1,0,0,0.99126428,149.65062,63.792403)">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop9" />
</linearGradient>
<pattern
patternUnits="userSpaceOnUse"
width="26"
height="26"
patternTransform="translate(-4021.1248,-1220.5028)"
preserveAspectRatio="xMidYMid"
id="pattern44-7">
<line
x1="3"
y1="3"
x2="23"
y2="23"
stroke="#000000"
stroke-width="6"
stroke-linecap="round"
id="line44-9"
style="fill:url(#swatch17);stroke:url(#swatch16)" />
</pattern>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath1338">
<path
style="fill:none;fill-opacity:1;stroke:none;stroke-width:4.53543;stroke-miterlimit:0"
d="m -4048.5468,-1775.4537 c -55.9441,3.6218 -137.5166,2.5073 -221.0302,50.1769 -83.5134,47.6696 -130.9396,43.9987 -170.4091,28.4043 -39.4697,-15.5943 -74.868,-36.3786 -131.6088,-26.396 -56.7406,9.9826 -139.9631,34.1252 -139.9631,34.1252 l -54.347,-9.0998 c 0,0 -37.339,27.9995 -68.7701,27.0961 -31.4312,-0.9037 -44.7645,5.4044 -97.1148,25.8197 -52.3487,20.4153 -126.2561,30.9044 -143.2891,45.4897 -17.0328,14.5852 -0.6644,20.4397 27.3067,18.6289 27.9726,-1.8103 88.9996,23.7095 114.4433,26.9022 25.4436,3.1927 86.7103,17.7217 112.7655,13.0098 26.0538,-4.7118 48.2245,-2.6895 98.5515,-0.9353 50.3285,1.7543 104.5413,-3.2248 102.5727,6.4098 -1.9702,9.6344 -30.1284,9.9017 -76.2498,17.0362 -46.1218,7.1345 -104.9138,0.1373 -118.6193,3.358 -13.7068,3.2211 -28.3975,11.2593 -11.4704,21.7445 16.927,10.4855 92.6977,15.4327 115.2403,20.5414 22.5426,5.1092 48.9184,16.0199 77.0762,15.7527 28.1582,-0.2678 72.1241,0.6891 89.6631,3.2698 17.5388,2.581 53.9749,6.0127 71.1404,5.5063 17.1666,-0.5059 58.7919,6.9972 42.5573,15.2216 -16.2344,8.2246 -65.8175,12.6446 -85.8837,15.0672 -20.0681,2.4227 -65.0193,6.2836 -61.611,21.5335 3.407,15.2497 39.0963,12.5072 73.0035,20.9425 33.9072,8.4352 68.879,38.6676 118.3563,59.3183 49.4772,20.6508 89.7438,29.8843 128.7076,28.3124 38.9624,-1.5718 80.2153,2.8446 108.9044,-31.9416 28.6885,-34.786 53.4394,-50.3031 85.7217,-68.2956 32.2826,-17.9926 50.3272,1.7545 131.288,10.7735 80.9612,9.0189 105.473,4.4934 141.7736,-6.154 36.3024,-10.6471 58.1804,14.9017 158.3286,1.2445 100.1495,-13.6572 213.2591,-36.7098 233.3784,-51.6678 20.1204,-14.958 75.9291,-32.6587 135.6772,-69.6284 59.7474,-36.9697 142.6493,-76.7347 46.1713,-110.5043 -96.4785,-33.7695 -143.2119,-18.7307 -206.5813,-37.7042 -63.3694,-18.9732 -18.0461,-19.7469 -168.789,-36.0022 -150.7441,-16.2551 -233.0718,-45.0079 -233.0718,-45.0079 -78.8771,-22.2603 -167.8767,-45.9699 -223.8191,-42.3482 z"
id="path1339" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(963.5783,-1312.5028)">
<rect
style="opacity:0.72093;fill:url(#pattern2);fill-opacity:1;stroke:#000000;stroke-width:0.2;stroke-linecap:round;stroke-miterlimit:0"
id="rect117"
width="2370.1384"
height="1734.9315"
x="-5125.0024"
y="-2400.8999"
clip-path="url(#clipPath1338)"
transform="translate(4118.4309,3088.3256)" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.8 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.7 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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

View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because it is too large Load Diff

View File

@@ -27,6 +27,27 @@ function erabletheme_preprocess_node(&$variables) {
$date_formatter = \Drupal::service('date.formatter');
$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) {
/** @var \Drupal\node\Entity $node */
$node = $variables['node'];

Binary file not shown.

View File

@@ -9,6 +9,73 @@
Drupal.behaviors.erabletheme = {
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)
// de .intro_body pour le placer directement sous .intro_main.
// Ainsi le séparateur vertical s'arrête en bas du texte, pas du bouton,
// et le bouton est centré par rapport à .home_introduction.
//
const intro = document.querySelector('.home_introduction');
if (intro && !intro.dataset.moreLinkMoved) {
const moreLink = intro.querySelector('.intro_body .more-link');
if (moreLink) {
intro.appendChild(moreLink);
intro.dataset.moreLinkMoved = 'true';
}
}
//
// Carrousel
//
@@ -295,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
//
@@ -407,33 +434,55 @@
}
//
// set bg middle placement
// Décors latéraux parallax v2.
// Cloner le .decor-tile autant de fois que nécessaire pour couvrir
// la hauteur de .layout-container, puis instancier Rellax sur tous
// les .bgImg (originaux + clones). Au resize, on détruit/recompute.
//
let pageHeight = document.querySelector('.layout-container').offsetHeight;
toggleBgMiddle(pageHeight)
const bgRoot = document.getElementById('background');
let rellax = null;
window.addEventListener('resize', () => {
pageHeight = document.querySelector('.layout-container').offsetHeight;
toggleBgMiddle(pageHeight);
})
function setupBackgroundTiles() {
if (!bgRoot) return;
const original = bgRoot.querySelector('.decor-tile:not([data-tile-clone])');
if (!original) return;
function toggleBgMiddle(pageHeight) {
const bgMiddle = document.querySelector('#bg-middle');
const bgOnze = document.querySelector('#bg-11');
if (pageHeight < 2500) {
bgMiddle.style.display = 'none';
bgOnze.style.display = 'none';
} else {
bgMiddle.style.display = 'block';
bgOnze.style.display = 'block';
// Nettoyage des clones précédents (cas resize).
bgRoot.querySelectorAll('.decor-tile[data-tile-clone]').forEach(n => n.remove());
const layout = document.querySelector('.layout-container');
const pageHeight = layout ? layout.offsetHeight : window.innerHeight;
const tileHeight = original.getBoundingClientRect().height;
if (tileHeight <= 0) return;
const tileCount = Math.max(1, Math.ceil(pageHeight / tileHeight));
for (let i = 1; i < tileCount; i++) {
const clone = original.cloneNode(true);
clone.dataset.tileClone = 'true';
clone.dataset.tileIndex = String(i);
// .decor-once : formes pensées pour le haut du 1er tile
// (coupées en haut) — on les enlève des clones.
clone.querySelectorAll('.decor-once').forEach(n => n.remove());
bgRoot.appendChild(clone);
}
}
//
// bg parallax animation
//
var rellax = new Rellax('.bgImg', {
wrapper: 'body',
function initRellax() {
if (rellax) { try { rellax.destroy(); } catch (e) { /* noop */ } }
rellax = new Rellax('.bgImg', { wrapper: 'body' });
}
setupBackgroundTiles();
initRellax();
// Resize debouncé : recalcule le nombre de tiles, repart Rellax propre.
let bgResizeTimer = null;
window.addEventListener('resize', () => {
clearTimeout(bgResizeTimer);
bgResizeTimer = setTimeout(() => {
setupBackgroundTiles();
initRellax();
}, 200);
});
// footnotes
@@ -487,10 +536,10 @@
// map on the projects page
let customIcon = L.icon({
iconUrl: '/themes/erabletheme/assets/leaf.svg',
iconSize: [20, 20],
iconAnchor: [10, 20],
popupAnchor: [0, -20]
iconUrl: '/themes/erabletheme/assets/leaflet-point.svg',
iconSize: [18, 18],
iconAnchor: [9, 9],
popupAnchor: [0, -9]
});
let initiatedMap = document.querySelector(`#${mapid}`);
@@ -544,7 +593,7 @@
const currentMap = document.querySelector('.leaflet-container');
const leafletIcons = document.querySelectorAll('.leaflet-marker-pane img');
for (let icon of leafletIcons) {
icon.setAttribute('src', '/themes/erabletheme/assets/leaf.svg');
icon.setAttribute('src', '/themes/erabletheme/assets/leaflet-point.svg');
}
//

View File

@@ -4,7 +4,7 @@
"description": "",
"main": "index.js",
"scripts": {
"sass": "node-sass -w scss/ -o css/"
"sass": "sass --watch --no-source-map scss/styles.scss:css/styles.css"
},
"author": "",
"license": "ISC",

View File

@@ -10,18 +10,29 @@
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 {
.actus_list {
h2 {
@media screen and (min-width: $breakpoint_tablet) {
font-size: $xl_font_size !important;
font-size: $fs_xl !important;
}
}
.sous_titre {
@media screen and (min-width: $breakpoint_tablet) {
font-size: $m_font_size !important;
font-size: $fs_sm !important;
}
}
}

View File

@@ -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 {
margin-bottom: 10vh;
padding-top: 3vh;
padding-bottom: 3vh;
background-color: white;
border-bottom: 7px solid $fluo_green;
position: relative;
h2 {
margin-top: 5vh !important;
@@ -50,6 +214,10 @@
@include fluo_button();
a {
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) {
//margin-bottom: 0 !important;
@@ -62,6 +230,7 @@
}
a {
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;
background-color: white;
border-bottom: 7px solid $fluo_green;
margin-left: 2vw;
> h2 {
padding-bottom: 1rem;
border-bottom: solid 1px $teal;
border-bottom: solid 1px $fluo_green;
display: flex;
justify-content: space-between;
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 {
mask-image: url('/themes/erabletheme/assets/icons/arrow-down-s-line.svg');
background-size: contain;
background-color: $teal;
background-color: $fluo_green;
width: 1.3rem;
height: 1.3rem;
color: $teal;
color: $fluo_green;
transform: rotate(0deg);
transition: transform 0.3s ease;
&.closed {
@@ -189,14 +364,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) {
> li,
.views-row {
margin: 1rem 0;
@include main_text_content();
// Items sidebar : Vogun, item actif en brand color (pas gras).
a {
font-family: $vogun;
font-weight: $fw_regular;
font-size: $fs_sm;
color: black;
font-size: $m_font_size;
line-height: $lh_normal;
&:hover,
&.is-active {
font-weight: 800;
font-weight: $fw_regular;
color: $fluo_green;
}
}
}

View File

@@ -49,15 +49,24 @@
}
}
> .prenom,
> .nom {
// Prénom + nom regroupés via le template paragraph--membre-equipe.html.twig.
// Même typo que sur les pages projets (Marianne regular, $fs_md).
> .nom-prenom {
align-self: flex-end;
margin-bottom: 2vh;
@include sous_titre();
}
> .nom > div {
padding-left: 0.5rem;
display: flex;
flex-wrap: wrap;
column-gap: 0.3rem;
color: black;
font-family: $marianne;
font-weight: $fw_regular;
font-size: $fs_md;
line-height: $lh_normal;
> .prenom,
> .nom {
margin: 0;
padding: 0;
}
}
> .texte {
@@ -76,7 +85,7 @@
border-radius: 5vw;
}
> .prenom {
> .nom-prenom {
padding-left: 3vw;
}
@@ -98,15 +107,12 @@
height: 7vw;
}
}
> .prenom,
> .nom {
> .nom-prenom {
margin-top: 0.8rem;
align-self: start;
padding: 0 !important;
grid-row: 2 / 2;
}
> .prenom {
justify-self: end;
grid-column: 1 / 3;
}
> .texte {
grid-column: 1 / 3;

View File

@@ -1,74 +1,86 @@
.home_introduction {
background-color: white;
width: 100%;
box-sizing: border-box;
padding: 3rem 1rem;
margin: 2rem 0;
h2 {
display: none;
}
> .logo {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 70rem;
margin: 8vw auto;
padding: 8vw 6vw;
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
h2 { display: none; } // titre du bloc Drupal masqué (logo le remplace)
// Bloc supérieur : logo | séparateur | texte
.intro_main {
width: 100%;
margin-bottom: 2rem;
img {
width: 50%;
height: auto;
@media (min-width: $breakpoint_desktop) {
width: 100%;
}
}
display: grid;
grid-template-columns: 1fr; // mobile : empilé
gap: 6vw;
justify-items: center;
@media (min-width: $breakpoint_desktop) {
width: 170%;
margin: 0 3rem;
grid-template-columns: minmax(8rem, 22%) 1px 1fr;
align-items: center;
gap: 2.5vw;
}
}
article > div {
height: unset !important;
min-height: 100%;
p {
@include main_text_content();
width: 100%;
@media (min-width: $breakpoint_tablet) {
padding-left: 3rem;
padding-right: 3rem;
}
@media (min-width: $breakpoint_desktop) {
padding-left: 0;
}
}
@media (min-width: $breakpoint_tablet) {
padding: 0 !important;
}
}
div.more-link {
margin-top: 3rem;
margin-bottom: 1.5rem;
.intro_logo {
display: flex;
justify-content: center;
align-items: center;
@include fluo_button();
@media (min-width: $breakpoint_tablet) {
position: absolute;
left:0;
right:0;
img {
width: 40vw;
max-width: 14rem;
height: auto;
}
// 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;
}
}
}
@media (min-width: $breakpoint_tablet) {
padding: 8rem 1rem;
padding-top: 4rem;
margin: 6rem 0;
margin-left: 20vw;
margin-right: 20vw;
width: calc(100% - 40vw);
.intro_separator {
display: none;
@media (min-width: $breakpoint_desktop) {
display: block;
width: 1px;
align-self: stretch;
background-color: $text_grey;
justify-self: center;
}
}
@media (min-width: $breakpoint_desktop) {
display: flex;
justify-content: space-around;
margin-top: 20vh;
margin-bottom: 20vh !important;
.intro_body {
width: 100%;
article > div {
height: unset !important;
min-height: unset;
width: 100%;
max-width: 45rem;
margin-inline: auto; // centrage horizontal du wrapper texte
p {
@include main_text_content();
margin: 0;
}
}
}
// CTA "En savoir plus" — déplacé par JS comme enfant direct de
// .home_introduction → centrage naturel via le flex-column du parent.
> div.more-link {
@include fluo_button();
margin-top: 1rem;
}
}
@@ -128,28 +140,48 @@
}
}
.map-projets {
background-color: white;
padding: 1rem 0;
margin-left: $x_margin;
width: calc(100% - #{$x_margin} * 2);
@media (min-width: $breakpoint_tablet) {
margin-left: 20vw;
width: calc(100% - 40vw);
}
// Section "projets lauréats" : titre hors du bloc (centré page),
// puis le bloc lui-même avec son contenu, bordure brand en bas.
.map-projets-section {
display: flex;
flex-direction: column;
align-items: center;
@media (min-width: $breakpoint_desktop) {
margin-left: 25vw;
width: calc(100% - 50vw);
margin-top: 10vh;
margin-bottom: 10vh;
}
> h2 {
@include main_title();
}
.map-projets-title {
@include main_title();
text-align: center;
padding: 0;
margin: 0 0 4rem;
}
.map-projets {
background-color: white;
padding: 1rem 0;
margin: 0 auto;
width: calc(100% - #{$x_margin} * 2);
border-bottom: 7px solid $fluo_green;
// CTA "Voir les projets" : même style fluo_button, fond gris page
// pour se fondre dans la section.
> footer.fluo_links {
margin-top: 1rem;
margin-bottom: 4rem;
a { background-color: $page_bg; }
}
@media (min-width: $breakpoint_tablet) {
width: 60vw;
}
@media (min-width: $breakpoint_desktop) {
width: 50vw;
}
> .projets_intro {
padding: 0 3vw;
margin-top: 1.3rem;
margin-bottom: 6vh;
margin-bottom: 2.5rem;
@include main_text_content();
@media screen and (min-width: $breakpoint_tablet) {
margin-top: 2vh;
@@ -169,6 +201,7 @@
margin: 0 2rem;
width: calc(100% - 4rem);
#popup {
background-color: $page_bg;
h3 {
@include sous_titre();
}

View File

@@ -1,3 +1,8 @@
// Wrapper config_pages (bandeau d'intro de la page meetup).
.config_pages--type--meetup {
padding-top: 1.5rem;
}
.fullpage.meetup {
> h2 {
border-bottom: solid 1px $teal;
@@ -20,8 +25,10 @@
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 {
background-color: $teal;
background-color: $fluo_green;
width: 60%;
margin-left: calc(40% - $x_margin);
margin-top: 4vh;
@@ -42,26 +49,28 @@
height: 100%;
display: block;
font-weight: 800;
color: white;
color: $text_grey;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
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) {
padding: 1rem 0.5rem;
}
}
> a::after {
content: "\2003 →";
color: $text_grey;
transition: color 0.2s ease-out;
}
> a::before {
content: "+";
aspect-ratio: 1/1;
text-decoration: none !important;
color: white;
border: solid 1px white;
color: $text_grey;
border: solid 1px $text_grey;
width: 1.8rem;
height: 1.8rem;
border-radius: 1.5rem;
@@ -71,6 +80,7 @@
align-items: center;
margin-right: 0.6rem;
padding-bottom: 5px;
transition: color 0.2s ease-out, border-color 0.2s ease-out;
@media (min-width: $breakpoint_tablet) {
padding-bottom: 10px;
width: 3rem;
@@ -80,10 +90,22 @@
}
> a:hover {
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 {
display: grid;
margin: 3vh $x_margin;
@@ -163,7 +185,7 @@
grid-row: 2/3;
color: black;
text-transform: uppercase;
font-weight: 800;
font-weight: $fw_regular;
//display: none;
}
> a.offre-title {
@@ -172,8 +194,11 @@
> h2 {
margin: unset;
padding: unset;
font-weight: 800;
margin-top: 0 !important;
font-family: $vogun;
font-weight: $fw_medium;
font-size: $fs_lg;
line-height: $lh_tight;
}
}
> p.address {
@@ -238,7 +263,7 @@
padding-top: 3vh;
padding-left: $x_margin;
a {
font-size: $sm_font_size;
font-size: $fs_xs;
font-weight: 800;
color: $teal;
}
@@ -250,11 +275,15 @@
}
> .offre-content {
> div {
border-top: solid 1px $teal;
padding-top: 4vh;
margin-left: $x_margin;
margin-right: $x_margin;
width: calc(100% - $x_margin * 2);
// Méta de l'offre : occupation + address en gris foncé.
.occupation,
.address {
color: $text_grey;
}
> div > div > div {
display: grid;
grid-template-columns: 0.3fr 1fr 1fr;
@@ -326,7 +355,7 @@
> .offre-title {
grid-column: 2/4;
grid-row: 4/5;
font-size: $xl_font_size;
font-size: $fs_xl;
font-weight: 800;
margin-bottom: 2rem;
}
@@ -350,7 +379,7 @@
padding: 0.7rem 1rem;
color: white;
font-weight: 800;
font-size: $sm_font_size;
font-size: $fs_xs;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
@@ -364,7 +393,7 @@
}
> h2 {
text-transform: unset !important;
font-size: $sm_font_size !important;
font-size: $fs_xs !important;
color: black !important;
margin: 0 !important;
padding: 0 !important;
@@ -373,7 +402,7 @@
align-self: center;
grid-column: 2/4;
grid-row: 6/7;
font-size: $sm_font_size;
font-size: $fs_xs;
margin-top: 1rem;
margin-bottom: 0.5rem;
@media (min-width: $breakpoint_desktop) {
@@ -412,6 +441,9 @@
@include fluo_button();
a {
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) {
text-align: right;
@@ -425,6 +457,7 @@
}
a {
max-width: calc(25vw - $x_margin * 2);
background-color: white;
}
}
}
@@ -441,6 +474,8 @@
@include fluo_button();
a {
display: inline-block;
// Mobile : bouton sur fond gris (colonne blanche).
background-color: $page_bg;
}
@media (min-width: $breakpoint_desktop) {
text-align: right;
@@ -454,6 +489,7 @@
}
a {
max-width: calc(25vw - $x_margin * 2);
background-color: white;
}
}
}

View File

@@ -66,6 +66,8 @@
padding-bottom: 2rem;
margin-top: 1rem;
@include fluo_button();
// Fond carte = blanc, on contraste le CTA en gris pâle.
a { background-color: $page_bg; }
}
}

View File

@@ -1,6 +1,9 @@
.layout-content .fullpage.projets {
padding-top: 5vh;
> .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) {
display: flex;
flex-direction: row;
@@ -52,6 +55,8 @@
//width: 85%;
}
#popup {
// Cohérence visuelle avec la home : tooltip sur fond gris pâle.
background-color: $page_bg;
h3 {
@include sous_titre();
}
@@ -59,6 +64,13 @@
@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 {
@@ -78,24 +90,22 @@
}
> .views-row{
display: grid;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(4, auto);
// Colonne image (gauche) | colonne textes (droite).
grid-template-columns: 0.4fr 1fr;
grid-template-rows: auto auto auto auto auto;
grid-column-gap: 1rem;
grid-row-gap: 0.5rem;
> .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/3;
grid-row: 1 / -1;
align-self: start;
overflow: hidden;
height: 100%;
> .field-content {
display: block;
width: 100%;
height: auto;
//height: 100%;
> a {
aspect-ratio: 1/1;
width: 100%;
height: auto;
display: flex;
align-items: start;
justify-content: center;
@@ -106,64 +116,73 @@
img {
width: auto;
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-row: 1;
margin-bottom: 1rem;
//margin-left: -1rem;
a {
color: $teal;
}
@include sous_titre();
font-family: $vogun;
font-weight: $fw_medium;
font-size: $fs_sm;
color: $text_grey;
line-height: $lh_tight;
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-row: 2;
font-size: 1.1rem !important;
margin-bottom: 1rem;
line-height: 1.3;
font-size: $m_font_size !important;
a {
color: black;
}
@include sous_titre_alt();
font-family: $vogun;
font-weight: $fw_medium;
font-size: $fs_lg;
color: black;
line-height: $lh_tight;
// Filet brand color en bas, sur toute la largeur disponible.
padding-bottom: 0.6rem;
border-bottom: 1px solid $fluo_green;
a { color: inherit; text-decoration: none; }
}
> .views-field-field-localisation-textuel {
grid-column: 1/3;
// Sous-titre (3e ligne droite) : Marianne gris-text.
> .views-field-field-sous-titre {
grid-column: 2;
grid-row: 3;
margin-bottom: 1rem;
padding-left: 1.2rem;
padding-top: 0.3rem;
//margin-left: -0.5rem;
@include main_text_content();
a {
color: black;
}
font-family: $marianne;
font-weight: $fw_regular;
font-size: $fs_sm;
color: $text_grey;
line-height: $lh_normal;
a { color: inherit; text-decoration: none; }
}
// Étiquettes thématiques (4e ligne droite) : fond blanc, contour brand.
> .views-field-field-th {
grid-column: 1/3;
grid-column: 2;
grid-row: 4;
padding-left: 1rem;
ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
li {
display: inline-block;
font-size: 0.8rem !important;
background-color: #d3f0ea;
margin: 0.2rem;
font-family: $marianne;
font-weight: $fw_regular;
font-size: $fs_xs;
background-color: white;
border: 1px solid $fluo_green;
transition: background-color 0.3s ease;
@include main_text_content();
&:hover {
background-color: #8ec2b8;
background-color: $fluo_green;
}
a {
display: block;
color: black;
padding: 0.2rem 0.4rem;
text-decoration: none;
}
}
}
@@ -174,12 +193,18 @@
.fullpage.projet_full {
// 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 {
padding-top: 3vh;
padding-left: $x_margin;
@include main_text_content();
a {
font-size: $sm_font_size;
font-size: $fs_xs;
font-weight: 800;
color: $teal;
}
@@ -187,11 +212,30 @@
.sous_titre > div > div {
@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 {
margin-left: $x_margin;
margin-top: 2rem;
margin-top: 1rem;
@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 {
margin-top: 1rem;
margin-left: $x_margin;
@@ -199,12 +243,13 @@
> div {
display: inline-block;
font-size: 0.8rem !important;
background-color: #d3f0ea;
background-color: white;
border: 1px solid $fluo_green;
margin: 0.2rem;
transition: background-color 0.3s ease;
@include main_text_content();
&:hover {
background-color: #8ec2b8;
background-color: $fluo_green;
}
a {
display: block;
@@ -245,21 +290,20 @@
width: 1.2rem;
height: 1.2rem;
border-radius: 1.5rem;
background-color: $teal !important;
transition: background-color 0.3s ease;
background-color: transparent !important;
&:hover {
background-color: white !important;
background-color: transparent !important;
&::before {
color: $teal;
color: black;
}
}
&::before {
opacity: 1 !important;
color: white;
color: $text_grey;
font-weight: bold;
font-family: 'Marianne', sans-serif;
display: block;
font-size: $sm_font_size !important;
font-size: $fs_xs !important;
}
}
.slick-prev {
@@ -272,7 +316,13 @@
.text-content {
.intertitre {
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 {
margin-bottom: 3rem;
@@ -288,7 +338,7 @@
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: auto;
margin: 4rem $x_margin;
margin: 0 $x_margin;
.paragraph {
> div:first-of-type {
font-size: 2rem !important;
@@ -298,7 +348,7 @@
margin: 0;
padding: 0;
margin-top: 0.5rem;
color: $teal;
color: $text_grey;
}
}
}
@@ -326,7 +376,7 @@
.leaflet-popup-content-wrapper {
padding: 0.3rem 0.8rem;
background-color: white;
font-size: $sm_font_size !important;
font-size: $fs_xs !important;
box-shadow: none;
border-radius: unset;
@include main_text_content();
@@ -352,10 +402,26 @@
.equipe {
margin-top: 4rem;
> 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 {
margin-left: $x_margin;
margin-right: $x_margin;
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:first-of-type > div {
@@ -392,21 +458,17 @@
> div:first-of-type {
margin-bottom: 2rem;
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 {
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;
}
// Icônes en ::before (grenouille/marmotte/etc.) retirées —
// les règles mask-image plus haut deviennent inopérantes.
}
}
> div:nth-of-type(2) {
@@ -428,40 +490,32 @@
> .paragraph {
margin: 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 0;
display: flex;
flex-direction: column;
> .portrait {
display: none;
}
> .nom {
grid-column: 2;
grid-row: 2;
margin: 0;
padding: 0;
color: black !important;
font-size: $m_font_size !important;
@include sous_titre();
> div {
padding-left: 0.2rem !important;
// Prénom + nom regroupés via le template
// paragraph--membre-equipe.html.twig.
> .nom-prenom {
display: flex;
flex-wrap: wrap;
column-gap: 0.3rem;
color: black;
font-family: $marianne;
font-weight: $fw_regular;
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: $m_font_size !important;
@include sous_titre();
}
> .texte {
margin-top: 0.5rem;
grid-column: 1 / span 2;
grid-row: 3;
p {
font-size: $m_font_size;
font-size: $fs_sm;
margin: 0 !important;
padding: 0 !important;
}
@@ -481,17 +535,41 @@
}
}
}
.views-row:first-of-type > .taxonomy_page {
margin-top: 13vh !important;
// Page d'archive taxonomy : on n'affiche le .page-header-outside (titre du
// 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 {
margin-top: 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 {
> div:last-of-type {
display: grid !important;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(3, auto);
padding-right: $x_margin;
> .diapo {
grid-column: 1;
grid-row: 2/4;
@@ -501,12 +579,29 @@
> .sous_titre {
grid-column: 1/3;
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 {
grid-column: 2;
grid-row: 2;
margin-top: 0 !important;
font-size: $fs_xs !important;
}
> .thematiques {
grid-column: 2;
@@ -520,7 +615,3 @@
.feed-icon {
display: none;
}
.views-row:not(:first-of-type) .taxonomy_page .retour_projets {
display: none;
}

View File

@@ -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 {
margin-top: 0 !important;
margin-bottom: 0 !important;
> .main-title {
display: none;
}
padding-top: 0 !important;
padding-bottom: 0 !important;
> div {
padding: 0 $x_margin;
display: grid;
@@ -35,6 +53,8 @@
> div > span {
margin-top: -1rem;
@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 {
display: none;
@@ -66,13 +86,20 @@
}
}
.views-row:first-of-type {
> .ressources {
margin-top: 13vh !important;
> .main-title {
display: block;
padding-top: 5vh !important;
@include main_title();
// Scope strict à la page /ressources (article.ressources frère du
// .page-header-outside dans la 1re views-row). On ne touche pas aux autres
// pages où un .page-header-outside peut aussi être dans une .views-row
// (ex. /taxonomy/term/N avec .taxonomy_header).
.views-row:first-of-type:has(> article.ressources) {
> .page-header-outside {
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;
}
}
}
@@ -83,7 +110,7 @@
padding-left: $x_margin;
@include main_text_content();
a {
font-size: $sm_font_size;
font-size: $fs_xs;
font-weight: 800;
color: $teal;
}

View File

@@ -32,19 +32,11 @@
font-style: italic;
}
/* Barlow */
/* Vogun */
@font-face {
font-family: 'Barlow';
src: url('../fonts/Barlow/barlow-light.woff2') format('woff2'),
url('../fonts/Barlow/barlow_light.woff') format('woff');
font-weight: 300;
font-style: normal
}
@font-face {
font-family: 'Barlow Condensed';
src: url('../fonts/Barlow/BarlowCondensed-Regular.woff2') format('woff2');
font-weight: normal;
font-family: 'Vogun';
src: url('../fonts/Vogun/Vogun-Regular.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}

View File

@@ -8,6 +8,7 @@
body {
height: 100vh;
overflow: scroll;
background-color: $page_bg;
.layout-container {
position: relative;
display: flex;
@@ -59,6 +60,15 @@ em {
display: none;
}
// Footer générique des vues (footer link, ex: "Voir toutes les actualités")
footer.fluo_links {
@include fluo_button();
display: flex;
justify-content: center;
margin-top: 2rem;
p { margin: 0; }
}
// debug
/* * {
border: solid 1px red !important;

View File

@@ -1,7 +1,9 @@
$fluo_green: #00ff80;
$teal: #038788;
$fluo_green: #33ffc4;
$teal: $fluo_green;
$beige: #fcf9ee;
$dark_green: #314e41;
$dark_green: #0e3b2d;
$text_grey: #4a4a49;
$page_bg: #f9f9f9;
@mixin beige_gradient() {
background: linear-gradient(to bottom, $beige 80%, white 100%);

View File

@@ -1,71 +1,103 @@
/* SIZES */
$sm_font_size: 0.8rem;
$m_font_size: 0.9rem;
$l_font_size: 1.2rem;
$xl_font_size: 1.6rem;
$main_font_size: 1rem;
$title_size: 2.3rem;
/* FAMILIES */
$vogun: "Vogun", serif;
$marianne: "Marianne", sans-serif;
/* FONT SIZES — échelle unique en rem (base 16px) */
$fs_xs: 0.8125rem; // 13px — meta, captions
$fs_sm: 0.9375rem; // 15px — corps texte, CTA, liens footer
$fs_md: 1.0625rem; // 17px — corps texte sections longues
$fs_lg: 1.375rem; // 22px — intertitres
$fs_xl: 2.25rem; // 36px — titres cards
$fs_2xl: 3.5625rem; // 57px — hero title
/* LINE HEIGHTS */
$lh_tight: 1.2;
$lh_normal: 1.3;
$lh_loose: 1.4;
/* FONT WEIGHTS */
$fw_regular: 400;
$fw_medium: 500;
$fw_bold: 800;
/* MIXINS */
// Titre principal d'une section (H2 grands)
@mixin main_title() {
font-family: "Barlow Condensed", sans-serif;
font-size: $xl_font_size;
font-family: $vogun;
font-weight: $fw_medium;
font-size: $fs_xl;
color: black;
line-height: $lh_tight;
padding: 0 $x_margin;
margin-top: 1rem;
color: $teal;
text-transform: uppercase;
a {
color: $teal;
}
@media (min-width: $breakpoint_tablet) {
font-size: $title_size;
font-size: $fs_2xl;
}
}
@mixin main_text_content() {
font-family: "Marianne", sans-serif;
font-size: $main_font_size;
line-height: 1.4;
}
// Sous-titre (Marianne bold gris)
@mixin sous_titre() {
font-family: "Marianne", sans-serif;
font-size: $m_font_size;
color: $teal;
font-weight: 800;
line-height: 1.3;
@media (min-width: $breakpoint_tablet) {
font-size: $l_font_size;
}
font-family: $marianne;
font-weight: $fw_bold;
font-size: $fs_sm;
color: $text_grey;
line-height: $lh_normal;
}
// Variante alternative de sous-titre (Vogun)
@mixin sous_titre_alt() {
font-family: "Barlow", sans-serif;
font-family: $vogun;
font-weight: $fw_medium;
color: black;
font-size: $l_font_size;
font-size: $fs_lg;
line-height: $lh_tight;
@media (min-width: $breakpoint_tablet) {
font-size: $xl_font_size;
font-size: $fs_xl;
}
}
// Corps de texte principal
@mixin main_text_content() {
font-family: $marianne;
font-weight: $fw_regular;
font-size: $fs_sm;
color: $text_grey;
line-height: $lh_normal;
}
// Meta (date, type, etc.)
@mixin meta_text() {
font-family: $marianne;
font-weight: $fw_regular;
font-size: $fs_xs;
color: $text_grey;
line-height: $lh_normal;
}
// Typo CTA (Vogun 15px gris)
@mixin cta_text() {
font-family: $vogun;
font-weight: $fw_medium;
font-size: $fs_sm;
color: $text_grey;
line-height: $lh_tight;
}
// CTA visuellement complet (typo + fond + padding + hover)
@mixin fluo_button() {
a {
@include cta_text();
display: inline-block;
text-align: center;
color: black;
font-family: "Marianne", sans-serif;
font-weight: 800;
font-size: $m_font_size;
background-color: white;
border: solid 2px $fluo_green;
padding: 9px 18px;
transition: background-color 0.3s ease;
text-wrap: nowrap !important;
svg {
display: none;
}
}
a:hover {
background-color: $fluo_green;
border: none;
padding: 0.75rem 1.5rem;
text-decoration: none;
transition: color 0.2s ease;
// 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; }
&:hover { color: black; }
}
}

View File

@@ -6,40 +6,32 @@
padding-top: 3vh;
padding-left: $x_margin;
a {
font-size: $sm_font_size;
font-size: $fs_xs;
font-weight: 800;
color: $teal;
}
}
.article_meta {
padding-top: 1.5rem;
padding-left: $x_margin;
margin: 20px 0;
display: flex;
flex-direction: row;
gap: 1.5rem;
div {
font-size: $sm_font_size;
font-size: $fs_xs;
margin-bottom: 5px;
}
}
.article_meta + h2 {
margin-top: 0 !important;
}
h2 {
padding-top: 0 !important;
margin-bottom: 2rem !important;
}
h2 + div { // tout le contenu qui n'est pas le titre
// Le <h2> et .sous_titre ont été sortis dans .page-header-outside ;
// l'ancien sélecteur `h2 + div` est remplacé par `.article_meta + div`
// qui cible le wrapper de contenu directement.
.article_meta + div {
position: relative;
padding: 0 $x_margin;
.visually-hidden {
width: 0% !important;
}
.sous_titre {
margin-top: -1.5rem;
> div > div {
font-size: $l_font_size;
margin-bottom: 30px;
}
}
> div {
> div {
width: 100%;
@@ -68,6 +60,10 @@
@include fluo_button();
a {
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) {
margin-bottom: 0 !important;
@@ -80,6 +76,7 @@
}
a {
max-width: calc(25vw - $x_margin * 2);
background-color: white;
}
}
}

View File

@@ -3,6 +3,7 @@
background-color: white;
padding: 1rem;
box-sizing: border-box;
border-bottom: 7px solid $fluo_green;
@media screen and (min-width: $breakpoint_tablet) {
padding: 2rem;
}
@@ -26,43 +27,40 @@
}
.preview_meta {
font-family: "Marianne", sans-serif;
font-size: $sm_font_size;
@include meta_text();
width: auto;
display: flex;
justify-content: space-between;
color: $teal;
margin: 0 $x_margin;
margin-top: 1.3rem;
padding-top: 0.7rem;
margin-left: 0;
@media (min-width: $breakpoint_tablet) {
margin-left: unset;
font-size: $m_font_size;
}
}
.preview_sous_titre {
font-family: "Marianne", sans-serif;
font-size: $m_font_size;
@include main_text_content();
padding: 5px $x_margin;
padding-left: 0 !important;
.sous_titre {
line-height: 1.3 !important;
line-height: $lh_normal !important;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: $breakpoint_tablet) {
padding-left: unset;
font-size: $l_font_size;
padding-top: unset !important;
}
}
h2 {
@include sous_titre_alt();
margin-bottom: 0.5rem;
margin-top: 1rem !important;
padding: 0 !important;
line-height: 1.2;
@include main_title();
a { color: inherit; text-decoration: none; }
}
}

View File

@@ -1,116 +1,65 @@
//
// Décors latéraux parallax v2.
//
// Un seul .decor-tile (= une "scène" verticale) défini ici puis cloné
// par JS (cf. setupBackgroundTiles dans js/erabletheme.js) pour remplir
// la hauteur de .layout-container. Si la page est plus courte que le
// tile, l'overflow caché de #background tronque proprement.
//
// Positionnement vertical : `top` en % du tile, pour que les frises
// soient repositionnées automatiquement dans chaque clone.
// Ancrage horizontal : .decor-left { left: 0 } / .decor-right { right: 0 }
// → bord gauche / droit du PNG collé au bord viewport.
//
$tile_height: 220vh;
#background {
height: 98%;
position: absolute;
inset: 0;
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
img {
position: absolute;
pointer-events: none;
}
> div {
z-index: -1;
pointer-events: none;
.decor-tile {
position: relative;
height: 80vh;
}
#bg-top {
/* #bg-1 {
top: 5vh;
left: 0;
} */
#bg-3 {
top: 13vh;
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 {
top: 8vh;
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 {
width: 20vw;
top: 5vh;
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 {
top: 18vh;
right: -45vw;
} */
width: 100%;
height: $tile_height;
}
#bg-middle {
#bg-6 {
top: 5vh;
right: -5vw;
img {
position: absolute;
pointer-events: none;
// largeur auto pour préserver le ratio des PNG ; on contrôle la
// taille via height (en vh) pour rester proportionnel au viewport.
width: auto;
}
#bg-7 {
width: 85vw;
top: 10vh;
right: 0vw;
}
/* #bg-8 {
width: 80vw;
top: 45vh;
left: -40vw;
} */
#bg-12 {
width: 105vw;
left: -5vw;
top: 30vh;
}
}
#bg-bottom {
bottom: 0;
position: absolute;
#bg-11 {
left: 0;
@media screen and (min-width: $breakpoint_desktop) {
left: 50vw;
bottom: 70vh;
}
}
#bg-10 {
width: 110vw;
left: 5vw;
bottom: 0;
@media screen and (min-width: $breakpoint_desktop) {
left: 0;
bottom: 20vh;
}
}
#bg-4 {
transform: scaleX(-1);
left: -45vw;
bottom: 5vh;
@media screen and (min-width: $breakpoint_tablet) {
bottom: 150vhvh;
}
@media screen and (min-width: $breakpoint_desktop) {
bottom: -8vh;
}
}
.decor-left { left: 0; }
.decor-right { right: 0; }
// --- Frises gauches (6 répartiess sur la hauteur du tile) ---
.decor-left-1 { top: 2%; height: 20vh; }
.decor-left-2 { top: 18%; height: 32vh; }
.decor-left-3 { top: 38%; height: 42vh; }
.decor-left-4 { top: 58%; height: 12vh; }
.decor-left-5 { top: 70%; height: 22vh; }
.decor-left_6,
.decor-left-6 { top: 88%; height: 10vh; }
// --- Frises droites (13 réparties sur la hauteur du tile) ---
.decor-right-1 { top: 1%; height: 22vh; }
.decor-right-2 { top: 10%; height: 38vh; }
.decor-right-3 { top: 18%; height: 18vh; }
.decor-right-4 { top: 26%; height: 12vh; }
.decor-right-5 { top: 34%; height: 26vh; }
.decor-right-6 { top: 42%; height: 8vh; }
.decor-right-7 { top: 48%; height: 10vh; }
.decor-right-8 { top: 55%; height: 8vh; }
.decor-right-9 { top: 62%; height: 18vh; }
.decor-right-10 { top: 72%; height: 12vh; }
.decor-right-11 { top: 78%; height: 20vh; }
.decor-right-12 { top: 86%; height: 16vh; }
.decor-right-13 { top: 92%; height: 22vh; }
}
}

View File

@@ -1,3 +1,7 @@
// Variables pagination du carrousel (flèches + dots slick).
$arrow_size: 2.3rem;
$pagination_line_offset: 4rem; // distance bas carrousel -> centre de la ligne flèches/dots
.carousel_container {
@media screen and (min-width: $breakpoint_tablet) {
width: 100%;
@@ -45,46 +49,52 @@
}
}
}
// --- Ligne de pagination ---
// Slick rend les flèches dans .slick-list (donc dans .slick-container)
// et les dots dans #carousel_dots (frère, géré plus bas).
.slick-arrow {
width: 1.5rem;
height: 1.5rem;
border-radius: 1.5rem;
background-color: $teal !important;
width: $arrow_size;
height: $arrow_size;
border-radius: 50%;
background-color: $fluo_green !important;
transition: background-color 0.3s ease;
top: unset !important;
bottom: calc(-25px - 4rem);
@media (min-width: $breakpoint_tablet) {
width: 2rem;
height: 2rem;
bottom: calc(-25px - 6rem);
}
// Centre vertical de la flèche aligné sur $pagination_line_offset
bottom: calc(-1 * (#{$pagination_line_offset} + #{$arrow_size} / 2));
display: flex !important;
align-items: center;
justify-content: center;
padding: 0;
&:hover {
background-color: white !important;
&::before {
color: $teal;
}
&::before { color: black; }
}
&::before {
position: static;
opacity: 1 !important;
color: white;
color: $text_grey;
font-weight: bold;
font-family: 'Marianne', sans-serif;
display: block;
font-size: $sm_font_size !important;
@media (min-width: $breakpoint_tablet) {
font-size: $l_font_size !important;
}
font-family: $marianne;
font-size: $fs_md !important;
line-height: 1;
width: auto;
height: auto;
}
}
.slick-prev {
left: 20vw;
left: 5vw;
@media (min-width: $breakpoint_tablet) {
left: calc(50vw + 10vw); // tablette : proche du bord (repère 200vw)
}
@media (min-width: $breakpoint_desktop) {
left: calc(50vw + 35vw);
}
}
.slick-next {
right: 20vw;
right: 5vw;
@media (min-width: $breakpoint_tablet) {
right: calc(50vw + 10vw);
}
@media (min-width: $breakpoint_desktop) {
right: calc(50vw + 35vw);
}
}
@@ -96,26 +106,56 @@
margin-bottom: 6rem;
}
}
#carousel_dots {
z-index: 1;
position: relative;
margin-top: -15px;
ul {
position: relative;
bottom: 0;
li.slick-active button::before{
color: $teal;
}
li button::before{
color: rgba(0.9, 0.9, 0.9, 1);
}
} // /.slick-container
// #carousel_dots utilise le ::before unicode de slick comme pastille
// (cf. slick-theme.css ~ligne 178). On stylise donc la couleur du ::before
// au lieu de masquer le ::before et de styler le button — c'est plus simple
// et c'est ainsi que ça fonctionnait avant la refonte.
//
// Alignement vertical avec les flèches :
// - Les flèches sont ancrées via `bottom: -($pagination_line_offset + $arrow_size/2)`
// donc leur centre vertical est à $pagination_line_offset sous le bas du carrousel.
// - Le #carousel_dots arrive juste en dessous (flux normal). Sa rangée de dots
// intrinsèque (ul.slick-dots de slick) fait environ 1.25rem de hauteur visuelle.
// - Pour aligner les centres, on remonte de :
// $pagination_line_offset + $arrow_size/2 - 1.25rem
$slick_dots_intrinsic_height: 1.25rem;
#carousel_dots {
position: relative;
z-index: 1;
// Formule calibrée pour tablette+/desktop (cf. commentaire ci-dessus).
margin-top: calc(-1 * (#{$pagination_line_offset} + #{$arrow_size} / 2 - #{$slick_dots_intrinsic_height}));
// En mobile, slick passe à slidesToShow: 1 → le parent positionné des
// flèches change, ce qui décale leur centre d'~33px vers le haut par
// rapport au flux du #carousel_dots. Magic number pour compenser.
@media (max-width: #{$breakpoint_tablet - 1px}) {
margin-top: calc(-1 * (#{$pagination_line_offset} + #{$arrow_size} / 2 - #{$slick_dots_intrinsic_height}) + 33px);
}
ul {
position: relative;
bottom: 0;
li {
margin: 0 0.75rem;
button::before {
font-size: $fs_xs;
opacity: 1;
color: $text_grey;
transition: color 0.2s ease;
}
&:hover button::before {
color: black;
}
&.slick-active button::before {
color: $fluo_green;
}
}
footer {
@include fluo_button();
text-align: center;
margin-top: 4rem;
margin-bottom: 4rem;
}
}
}
footer {
@include fluo_button();
text-align: center;
margin-top: 4rem;
margin-bottom: 4rem;
}
}

View File

@@ -1,123 +1,110 @@
// Footer : 2 groupes — logos à gauche, navs + linkedin à droite.
//
// Structure DOM (cf. page.html.twig + Drupal regions) :
// footer
// section#footer_top (vide actuellement)
// section#footer_middle
// section#footer_left (logos rep + epau)
// div#footer_section
// section#footer_center (nav compte + nav pied de page)
// section#footer_right (icône linkedin)
// section#footer_bottom (vide actuellement)
//
// Largeur : 100% en mobile, réduit à la colonne contenu (50vw centré)
// en desktop, comme le reste du contenu de la home.
.layout-container > footer {
width: 100%;
background-color: white;
margin-top: 50px;
padding: 0 $x_margin !important;
@media screen and (min-width: $breakpoint_desktop) {
width: calc(100% - 50vw);
margin-left: 25vw;
}
#footer_middle {
width: 100%;
background-color: white;
margin-top: 50px;
padding: 1rem $x_margin;
box-sizing: border-box;
@media (min-width: $breakpoint_desktop) {
width: 50vw;
margin-left: 25vw;
padding: 1rem;
}
#footer_middle {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 1.5rem;
}
// --- Groupe gauche : logos ---
#footer_left > div {
display: flex;
align-items: center;
gap: 1rem;
#block-erabletheme-logorep img { max-width: 100px; 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;
#footer_left > div {
margin-top: 5px;
display: flex;
justify-content: start;
align-items: center;
flex-wrap: nowrap;
#block-erabletheme-logorep {
max-width: 100px;
img {
width: 100%;
height: auto;
}
}
#block-erabletheme-logoepau {
max-width: 150px;
img {
width: 100%;
height: auto;
}
@media (min-width: $breakpoint_tablet) {
padding-left: 2vw;
}
}
}
#footer_section {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 10px;
margin-bottom: 20px;
position: relative;
#footer_center {
width: 100%;
> div {
display: flex;
justify-content: space-around;
nav ul {
display: flex;
justify-content: space-between;
li {
a {
color: $dark_green;
font-family: 'Marianne', sans-serif;
font-weight: 800;
text-decoration: underline;
font-size: 0.6rem;
text-align: center;
display: inline-block;
line-height: 1.2;
}
&:last-of-type {
margin-left: 1rem;
}
}
&:first-of-type {
margin-left: 1rem;
}
&:last-of-type {
margin-right: 1rem;
}
}
}
@media (min-width: $breakpoint_tablet) {
padding-left: 0;
}
}
#footer_right {
width: 30%;
#block-erabletheme-socialmedialinks-2 ul {
display: flex;
justify-content: end;
li {
a {
span {
font-weight: lighter;
font-size: 0.8rem;
width: 1.6rem;
height: 1.6rem;
padding-top: 0.2rem;
border-radius: 0.8rem;
color: white;
background-color: $teal;
display: flex;
justify-content: center;
align-items: center;
}
svg.ext {
display: none;
}
}
&:last-of-type {
margin-left: 5px;
}
}
}
@media (min-width: $breakpoint_tablet) {
width: auto;
}
}
}
@media (min-width: $breakpoint_tablet) {
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;
}
}
@media (min-width: $breakpoint_tablet) {
display: block;
padding: 0;
}
// --- Groupe droite : navs + linkedin ---
#footer_section {
display: flex;
align-items: center;
gap: 1.5rem;
}
// Drupal injecte un <div> wrapper entre #footer_center et les <nav>.
// On flexe ce wrapper pour aligner les 2 navs côte à côte.
#footer_center > div {
display: flex;
align-items: center;
gap: 1.5rem;
nav ul {
display: flex;
gap: 1.5rem;
margin: 0;
padding: 0;
list-style: none;
li a {
color: $text_grey;
font-family: $marianne;
font-weight: $fw_bold;
font-size: $fs_xs;
text-decoration: underline;
line-height: 1.2;
}
}
}
#footer_right #block-erabletheme-socialmedialinks-2 ul {
display: flex;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
a span {
display: flex;
align-items: center;
justify-content: center;
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
background-color: $fluo_green;
color: $text_grey;
font-size: 0.8rem;
font-weight: lighter;
}
a svg.ext { display: none; }
}
}

View File

@@ -1,155 +1,155 @@
$header_height: 4.5rem; // 72px maquette
.layout-container {
header[role="banner"] {
width: 100%;
background-color: white;
@media (min-width: $breakpoint_desktop) {
position: sticky;
top: -12vh;
box-shadow: none;
}
position: sticky;
top: 0;
z-index: 99;
box-shadow: none;
> div:first-of-type {
z-index: 99;
position: relative;
display: grid;
grid-template-columns: repeat(16, 1fr);
> div{
height: 12vh;
grid-row: 1;
max-height: 100%;
width: 100%;
display: flex;
align-items: center;
height: $header_height;
// Conteneurs Drupal des blocs logos / burger
> div {
height: $header_height;
display: flex;
align-items: center;
> div {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
> div {
height: 12vh;
height: 100%;
a {
display: block;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
max-height: calc($header_height - 1rem);
}
}
}
}
#block-erabletheme-logorep-2 {
img {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
grid-column: 1 / 5;
@media (min-width: $breakpoint_tablet) {
grid-column: 0 / 4;
}
@media (min-width: $breakpoint_desktop) {
grid-column: 1 / 3;
}
}
#block-erabletheme-logoepau-2 {
grid-column: 5 / 9;
> div {
align-items: flex-start;
justify-content: flex-start;
> div > a > img {
transform: translateX(-20px);
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
}
@media (min-width: $breakpoint_tablet) {
grid-column: 4 / 7;
> div > div > a > img {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: $breakpoint_desktop) {
grid-column: 3 / 8;
}
@media (min-width: $breakpoint_desktop_large) {
grid-column: 3 / 6;
> div > div > a > img {
transform: translateX(-40px);
padding-top: 30px;
padding-bottom: 30px;
}
}
}
#block-erabletheme-logorep-2,
#block-erabletheme-logoepau-2,
#block-erabletheme-logoerable {
grid-column: 10 / 15;
@media (min-width: $breakpoint_desktop) {
grid-column: 14 / 16;
}
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 {
padding-left: 1.25rem;
img {
padding-right: 1rem;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
max-height: $header_height;
height: $header_height;
width: auto;
}
}
#block-erabletheme-logoerable {
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 {
display: none;
}
#block-erabletheme-header {
grid-column: 15 / 17;
@media (min-width: $breakpoint_desktop) {
grid-column: 16 / 17;
}
height: $header_height;
#hamburger {
cursor: pointer;
width: auto;
height: 100%;
width: $header_height; // carré 72x72
height: $header_height;
background-color: $fluo_green;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
padding: 0.5rem 0;
h2 {
font-size: $sm_font_size;
font-family: 'Marianne', sans-serif;
font-weight: 800;
text-align: center;
}
justify-content: center;
.burger-icon {
width: 2rem;
height: 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 0.5rem;
position: relative;
width: 1.75rem;
height: 1rem;
$bar_thickness: 2px;
$bar_transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), top 0.35s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
div {
border-bottom: solid 1px black;
width: 100%;
position: absolute;
left: 0;
right: 0;
height: $bar_thickness;
background-color: black;
opacity: 1;
transition: opacity 0.2s ease-out, transform 0.4s ease-out;
transform: none;
border-radius: 1px;
transform-origin: center center;
transition: $bar_transition;
}
div:nth-of-type(1) { top: 0; }
div:nth-of-type(2) {
top: 50%;
transform: translateY(-50%);
opacity: 1;
}
div:nth-of-type(3) { bottom: 0; }
}
.burger-icon.open {
div:first-of-type {
transform: translate(0rem, 0.5rem) rotate(-45deg);
div:nth-of-type(1) {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
div:nth-of-type(2) {
opacity: 0;
}
div:last-of-type {
transform: translate(0rem, -0.5rem) rotate(45deg);
div:nth-of-type(3) {
bottom: 50%;
transform: translateY(50%) rotate(-45deg);
}
}
}
ul:not(.social-media-links--platforms) {
position: absolute;
left: 0;
top: $header_height;
z-index: -1;
display: none;
height: auto;
@@ -172,7 +172,7 @@
text-align: center;
line-height: 1.2;
color: white;
font-family: 'Marianne', sans-serif;
font-family: $marianne;
font-weight: 800;
padding: 4px 6px;
background-color: rgba(255, 255, 255, 0);
@@ -205,8 +205,6 @@
}
}
}
}
}
> li.visible {
@@ -237,86 +235,42 @@
ul.active {
padding: 30px 0;
padding-top: 3rem;
max-height: 100vh;
max-height: calc(100vh - #{$header_height});
overflow-y: scroll;
}
}
#block-erabletheme-navigationprincipale {
margin-top: 0 !important;
}
}
> div:nth-of-type(2) {
z-index: 98;
position: relative;
z-index: 98;
position: relative;
}
}
#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', sans-serif;
font-size: $m_font_size;
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 {
position: fixed;
background-color: white;
max-height: 0vh;
overflow: hidden;
display: none;
transition: max-height 0.6s ease;
> h2 {
position: fixed;
background-color: white;
max-height: 0vh;
overflow: hidden;
display: none;
}
ul {
padding: 1rem 1.5rem;
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
margin: 0.5rem 0;
a {
color: black;
&:hover, &.is-active {
font-weight: 800;
}
}
transition: max-height 0.6s ease;
> h2 {
display: none;
}
ul {
padding: 1rem 1.5rem;
li {
font-family: $marianne;
font-size: $fs_sm;
margin: 0.5rem 0;
a {
color: black;
&:hover, &.is-active {
font-weight: 800;
}
}
}
}
}
}
}

View File

@@ -31,8 +31,7 @@
<div{{ attributes }}>
{{ title_prefix }}
{% if label %}
<div id="hamburger">
<h2{{ title_attributes }}>{{ label }}</h2>
<div id="hamburger" aria-label="{{ label }}" role="button" tabindex="0">
<div class="burger-icon">
<div></div>
<div></div>

View File

@@ -28,13 +28,15 @@
* @ingroup themeable
*/
#}
<div{{ attributes.addClass('map-projets') }}>
<div class="map-projets-section">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
<h2{{ title_attributes.addClass('map-projets-title') }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
<div{{ attributes.addClass('map-projets') }}>
{% block content %}
{{ content }}
{% endblock %}
</div>
</div>

View File

@@ -30,11 +30,16 @@
#}
<div{{ attributes }}>
<div class="home_introduction">
<div class="logo">
<img src="{{ directory }}/assets/logo_erable.png" alt="Logo Érable" />
<div class="intro_main">
<div class="intro_logo">
<img src="{{ directory }}/assets/logo_erable_ardoise.svg" alt="Logo Érable" />
</div>
<div class="intro_separator" aria-hidden="true"></div>
<div class="intro_body">
{% block content %}
{{ content }}
{% endblock %}
</div>
</div>
{% block content %}
{{ content }}
{% endblock %}
</div>
</div>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -15,13 +15,15 @@
*/
#}
{% 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">
<a href="/meetup">← Retour à la liste des annonces</a>
</div>
<h2>{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}</h2>
</div>
<div{{ attributes }} class="fullpage meetup-offre">
<div class="offre-content">
{{ content }}
</div>

View File

@@ -68,23 +68,23 @@
* @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">
<a href="/actualites">← Retour aux actualités</a>
</div>
<h2{{ title_attributes }}>{{ label }}</h2>
{{ content.field_sous_titre }}
</div>
<article{{ attributes }} class="actu_full fullpage">
<div class="article_meta">
{{ content.field_date }}
{{ content.field_type_d_actualite }}
</div>
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
<div{{ content_attributes }}>
{{ content|without('field_date', 'field_type_d_actualite') }}
{{ content|without('field_date', 'field_type_d_actualite', 'field_sous_titre') }}
</div>
</article>

View File

@@ -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">
<div class="fullpage_content">
<h2>{{ label }}</h2>
<div{{ content_attributes }}>
{{ content }}
{{ content|without('field_sous_titre') }}
</div>
</div>

View File

@@ -69,16 +69,20 @@
*/
#}
<article class="fullpage projet_full">
<div class="fullpage_content">
{# En-tête hors de la colonne blanche : retour + titre + sous-titre
apparaissent sur le fond gris de la page. #}
<div class="page-header-outside">
<div class="retour_projets">
<a href="/projets">← Retour aux projets</a>
</div>
<h2>{{ label }}</h2>
{{ content.field_sous_titre }}
</div>
<h2>{{ label }}</h2>
<article class="fullpage projet_full">
<div class="fullpage_content">
<div{{ content_attributes }}>
{{ content }}
{{ content|without('field_sous_titre') }}
</div>
</div>

View File

@@ -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">
<div class="fullpage_content ressource">
<div class="retour_ressources">
<a href="/ressources">← Retour aux ressources</a>
</div>
<div{{ content_attributes }}>
<h2>{{ label }}</h2>
{{ content }}
{{ content|without('field_sous_titre') }}
</div>
</div>

View File

@@ -68,8 +68,14 @@
* @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 %}
<footer>
@@ -81,7 +87,6 @@
</footer>
{% endif %}
<div class="main-title">Ressources</div>
<div{{ content_attributes }}>
{{ title_prefix }}
{% if label and not page %}

View File

@@ -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>

View File

@@ -69,17 +69,23 @@
*/
#}
<article class="fullpage projet_full taxonomy_page">
<div class="fullpage_content">
{# Page d'archive taxonomy (filtres par tag). On rend chaque projet associé
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">
<a href="/projets">← Retour aux projets</a>
</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 }}>
{{ content }}
</div>
</div>
</article>

View File

@@ -54,7 +54,6 @@
<header role="banner">
{{ page.header }}
{{ page.primary_menu }}
{{ page.secondary_menu }}
</header>
@@ -99,24 +98,36 @@
</footer>
{#
Décors latéraux parallax v2.
Un seul tile (.decor-tile) cloné en JS pour remplir la hauteur de la page.
Frises gauches: bord gauche collé à left:0 ; frises droites: right:0.
Le placement vertical est géré en % du tile dans _background.scss
pour rester cohérent à la répétition.
#}
<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 class="decor-tile" data-tile-index="0">
{# decor-once : forme coupée en haut, présente uniquement dans le tile initial #}
<img class="bgImg decor-left decor-left-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-1.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-2.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-3.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/left-4.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-5.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-6.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-1.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-2.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-3.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-4.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-5.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-6.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-7" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-7.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-8" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-8.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-9" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-9.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-10" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-10.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-11" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-11.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-12" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-12.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-13" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-13.png" aria-hidden="true" alt="">
</div>
</div>

View File

@@ -37,11 +37,12 @@
dom_id ? 'js-view-dom-id-' ~ dom_id,
]
%}
<div{{ attributes.addClass(classes).addClass('fullpage', 'meetup', 'large-container') }}>
<h2>
{{ view_array['#title']['#markup'] }}
</h2>
{# 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', 'meetup', 'large-container') }}>
{% if header %}
<header>
{{ header }}

View File

@@ -38,11 +38,12 @@
]
%}
<div{{ attributes.addClass(classes) }}>
<div class="content_partenaires fullpage">
<h2>
{{ view_array['#title']['#markup'] }}
</h2>
{# 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 class="content_partenaires fullpage">
{{ title_prefix }}
{{ title }}
{{ title_suffix }}

View File

@@ -37,14 +37,16 @@
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 class="intro_map">
{% if header %}
<header>
<h2>
{{ view_array['#title']['#markup'] }}
</h2>
{{ header }}
</header>
{% endif %}

View File

@@ -37,11 +37,12 @@
dom_id ? 'js-view-dom-id-' ~ dom_id,
]
%}
<div{{ attributes.addClass(classes).addClass('fullpage', 'actus', 'large-container') }}>
<h2>
{{ view_array['#title']['#markup'] }}
</h2>
{# 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', 'actus', 'large-container') }}>
{% if header %}
<header>
{{ header }}