src/app/structure-list/components/search/search.component.scss

@@ -60,12 +60,13 @@
     }
   }
   .selected {
-    border-color: $primary-color !important;
-    color: inherit;
+    background-color: $secondary-color;
+    border-color: $secondary-color !important;
+    color: $white;
     .arrow {
       background-color: transparent;
-      border-bottom: 1px solid $primary-color;
-      border-right: 1px solid $primary-color;
+      border-bottom: 1px solid $white;
+      border-right: 1px solid $white;
       transform: translateY(25%) rotate(-135deg);
       margin: 0 5px 0 10px;
       height: 7px;

src/app/structure-list/components/structure-details/structure-details.component.html

@@ -196,6 +196,14 @@
           <div *ngFor="let public of structure.publics" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="8px">
             <p class="no-margin">{{ getPublicLabel(public) }}</p>
           </div>
+          <div
+            *ngFor="let accompaniment of structure.publicsAccompaniment"
+            fxLayout="row"
+            fxLayoutAlign="none flex-end"
+            fxLayoutGap="8px"
+          >
+            <p class="no-margin">{{ accompaniment }}</p>
+          </div>
         </div>
       </div>
     </div>

src/assets/logos/logo_1200.svg

+<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1200" height="1200" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1081.08 485.317C1088.76 491.865 1095.17 500.125 1100.06 509.914C1104.88 519.765 1107.23 530.889 1107.43 543.279V742.456C1107.43 755.871 1096.57 766.675 1083.24 766.675H1082.8C1069.4 766.675 1058.61 755.803 1058.61 742.456V543.279C1058.48 532.219 1055.18 524.021 1048.51 518.808C1042.17 513.343 1034.23 510.736 1025.35 510.611C1016.46 510.548 1008.84 513.285 1002.24 518.305C995.637 523.325 992.396 531.527 992.464 542.52L992.841 742.334C992.841 755.682 982.049 766.554 968.654 766.554C955.259 766.554 944.467 755.745 944.467 742.334C944.467 722.215 944.521 696.098 944.533 690.574L944.535 689.522L944.153 542.138C944.086 529.302 946.308 517.797 951.07 508.139C955.829 498.413 961.862 490.279 969.731 483.987C977.286 477.69 985.918 472.926 995.821 469.686C1005.73 466.508 1015.38 465.048 1025.28 465.174C1035.18 465.3 1045.08 466.949 1054.8 470.383C1064.51 473.879 1073.14 478.836 1081.08 485.317ZM784.166 503.878C784.166 482.584 766.896 465.3 745.632 465.3C724.368 465.3 707.099 482.584 707.099 503.878V542.452H746.203V542.389C767.22 542.07 784.166 524.979 784.166 503.878ZM857.103 465.3C872.087 465.3 884.212 477.438 884.212 492.436V739.408C884.212 754.41 872.087 766.549 857.103 766.549C842.123 766.549 829.998 754.41 829.998 739.408V492.436C829.998 477.438 842.127 465.3 857.103 465.3Z" fill="#E30613"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M446.65 460.46C452.452 449.493 448.275 435.894 437.321 430.085C426.367 424.276 412.783 428.457 406.981 439.425L406.981 439.425C406.976 439.434 406.887 439.597 406.679 439.92C406.467 440.249 406.171 440.684 405.778 441.22C404.985 442.302 403.912 443.642 402.557 445.183C399.837 448.274 396.282 451.83 392.17 455.353C385.43 461.126 378.253 465.906 371.735 468.791C370.172 469.266 368.626 469.796 367.098 470.383C357.133 473.942 348.626 478.265 340.757 484.62C332.951 491.038 326.536 498.858 321.522 508.835C316.508 518.817 314.411 530.192 314.411 542.327L313.716 689.077V689.522V689.779C313.716 724.223 336.951 753.777 368.562 762.486L369.325 762.869L369.451 762.931C378.151 765.605 386.72 766.747 394.841 766.747C394.978 766.747 395.113 766.729 395.239 766.712C395.349 766.698 395.451 766.684 395.541 766.684C395.576 766.684 395.609 766.685 395.642 766.687C395.685 766.69 395.726 766.694 395.767 766.699C395.808 766.704 395.848 766.71 395.889 766.716C396 766.731 396.111 766.747 396.236 766.747C406.202 766.747 416.167 765.286 425.437 761.727C435.407 758.167 443.909 753.848 451.783 747.489C459.271 741.202 464.985 734.847 469.811 725.184C470.448 723.912 471.081 722.515 471.588 721.117C477.559 705.917 465.623 689.711 449.436 689.711C439.659 689.711 430.582 695.621 427.466 704.902C422.578 719.202 410.332 724.667 395.98 724.667C382.837 724.667 371.601 717.103 366.017 706.173C365.191 704.645 364.558 702.996 363.988 701.279C362.906 697.976 362.21 694.542 362.21 690.916C362.21 690.821 362.227 690.743 362.244 690.664C362.26 690.585 362.277 690.507 362.277 690.412C362.277 690.326 362.27 690.247 362.26 690.17C362.255 690.132 362.249 690.095 362.243 690.058C362.227 689.947 362.21 689.836 362.21 689.711V621.327H395.092C405.569 621.327 415.916 619.358 425.626 615.61C434.833 612.05 444.04 607.794 451.846 601.439C459.72 595.017 466.067 587.202 471.082 577.22C476.096 567.243 478.192 555.868 478.192 543.729V543.028C478.192 542.891 478.173 542.755 478.155 542.629V542.628C478.145 542.558 478.135 542.49 478.13 542.426C478.126 542.392 478.125 542.358 478.125 542.327H478.192C478.192 530.192 476.033 518.817 471.082 508.835C466.067 498.858 459.72 491.038 451.846 484.62C447.062 480.684 441.99 477.3 436.486 474.61C440.777 469.702 444.337 464.833 446.65 460.46ZM277.53 509.981C272.641 500.193 266.226 491.928 258.546 485.384C250.609 478.904 241.981 473.942 232.267 470.45C222.553 467.016 212.65 465.362 202.748 465.237C192.845 465.111 183.198 466.572 173.291 469.749C163.388 472.994 154.756 477.758 147.201 484.05C144.862 485.919 142.686 487.951 140.657 490.138C136.083 486.053 130.913 482.435 125.187 479.34C124.877 479.205 124.505 479.003 124.195 478.8C109.13 471.21 91.3711 482.477 91.03 499.312L91.0031 502.112C90.846 511.262 96.6367 519.069 104.964 522.83C108.968 524.61 112.254 527.257 114.754 530.641C118.392 535.157 120.639 540.387 121.628 546.129L122 689.585L121.998 690.651C121.986 696.204 121.932 722.298 121.932 742.402C121.932 755.808 132.724 766.617 146.124 766.617C159.514 766.617 170.31 755.75 170.31 742.339L169.929 542.524C169.861 531.531 173.102 523.329 179.706 518.309C186.309 513.289 193.927 510.552 202.81 510.615C211.694 510.741 219.631 513.348 225.978 518.813C229.277 521.419 231.823 524.79 233.47 528.853C236.963 537.307 244.581 543.347 253.72 543.473L256.516 543.535C273.337 543.729 285.143 526.314 278.037 510.997C277.844 510.678 277.655 510.296 277.53 509.981ZM419.09 567.881C425.505 562.919 429.055 554.34 429.055 543.661V542.902C429.055 532.223 425.505 523.707 419.09 518.687C411.979 513.667 404.869 510.804 395.603 510.804C386.338 510.804 378.532 513.667 372.117 518.687C365.707 523.644 362.151 532.223 362.151 542.902V575.696H395.603C404.869 575.696 412.675 572.901 419.09 567.881ZM635.244 612.814L583.378 564.96C572.712 555.297 568.654 545.634 568.654 535.468C568.654 519.199 579.823 505.474 597.599 505.474C613.028 505.474 621.979 514.88 627.496 529.877C630.418 537.823 637.717 543.288 646.161 543.288H646.349C659.875 543.288 669.265 530.003 665.014 517.105C655.112 487.043 632.191 465.241 595.566 465.241C549.854 465.241 519.832 491.173 519.832 537.504C519.832 572.074 535.575 591.97 555.887 609.259L606.164 652.476C622.921 666.709 630.032 679.419 630.032 696.201C630.032 715.018 619.366 727.216 600.068 727.216C584.006 727.216 573.278 719.526 566.356 703.953C562.486 695.311 554.294 689.527 544.835 689.527H543.57C526.3 689.527 515.253 707.639 522.745 723.211C535.947 750.604 561.211 767.444 595.494 767.444C643.737 767.444 676.812 742.532 676.812 692.134C676.951 654.566 656.126 632.131 635.244 612.814Z" fill="black"/>
+</svg>

src/index.html

@@ -5,6 +5,14 @@
     <title>Réseau des Acteurs de la Médiation</title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta property="og:title" content="Réseau des Acteurs de la Médiation" />
+    <meta
+      property="og:description"
+      content="Plateforme à destination des acteurs de l'inclusion numérique de la métropole de Lyon"
+    />
+    <meta property="og:image" content="https://resin.grandlyon.com/assets/logos/logo_1200.svg" />
+    >
+
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link rel="stylesheet" href="https://openlayers.org/en/v4.6.5/css/ol.css" type="text/css" />
     <link

src/styles.scss

@@ -106,7 +106,7 @@ button {
     opacity: 0;
     display: none;
     &:checked ~ .customCheck {
-      background-color: $primary-color;
+      background-color: $green-1;
       border-color: transparent;
     }
     &:checked ~ .customCheck:after {