From c6e0a198bbd8e77de2a1a53da560e3d6124fa1d2 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Mon, 17 May 2021 18:55:09 +0200
Subject: [PATCH] Add Koena Connect button

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/public/img/koena-a11y.svg |  1 +
 js/src/components/NavBar.vue | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 js/public/img/koena-a11y.svg

diff --git a/js/public/img/koena-a11y.svg b/js/public/img/koena-a11y.svg
new file mode 100644
index 000000000..4ef920d2f
--- /dev/null
+++ b/js/public/img/koena-a11y.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg41" x="0" y="0" viewBox="0 0 182.5 64.8" style="enable-background:new 0 0 182.5 64.8" xml:space="preserve"><style type="text/css" id="style2">.st2{fill:#132c77}</style><g id="g43"><path d="M27.5 53.8h133.2c6.6 0 11.9-5.9 11.9-13.1V21c0-7.3-5.3-13.2-11.9-13.2H27.2" id="path32_1_" style="fill:#fff;stroke:#132c77;stroke-width:3.0359;stroke-miterlimit:10"/><path d="M27.6 25.7h1c.3 0 .6-.1.9-.2l.6-.3c.6-.3 1.1-.6 1.6-1 .4-.3.7-.6 1.1-.9.7-.7 1.4-1.5 2-2.3v-1.1c.1-3.3-1-6.5-3.2-9-2.8 3.4-6.9 5.5-11.3 5.9-.2 1-.3 2.1-.3 3.1 0 2.5.6 5 1.8 7.2.4.6.8 1.2 1.3 1.7.4.4.9.8 1.4 1.1v5.7l-1.2.1c-.7 0-1.3.1-1.8.2 1 1.6 3 4.1 6.2 4.1 2 0 3.9-1 5.1-2.6.4-.4.7-.9.9-1.4-.6-.1-1.3-.2-2.2-.2h-1.2v-5.7c.5-.3.9-.7 1.3-1.1.5-.5.9-1.1 1.3-1.7.2-.3.3-.6.5-.9l-.4.1c-.4.3-.8.6-1.3.8-.4.2-.8.4-1.3.6-.6.2-1.2.4-1.8.4h-1c-.7 0-1.3-.6-1.3-1.3v-.2c.2-.6.7-1.1 1.3-1.1z" id="path12_1_" style="fill:#fff"/><path d="m37.5 34.1-1.4-.4c-1-.2-2-.4-3-.4v-1.5c4.5-1 6.3-3.8 6.3-9.9 0-8.3-4-15.5-6.8-15.5-.4.1-.9.2-1.3.4 0 0-1.4-1-4.9-1-8.3 0-11.1 11.9-11.1 17.5s1.9 7.8 6.5 8.7v1.5c-.8.1-1.6.2-2.4.4-9.4 1.6-12.2 6-12.2 8.6 0 .7 0 2.8 8.9 8.1 3.1 1.8 9 5 11.3 5s8.2-3.1 11.3-5c8.9-5.3 8.9-7.4 8.9-8.1.1-2.6-2.3-6.5-10.1-8.4zM19.9 19.9c0-1.1.1-2.1.3-3.1 4.4-.3 8.6-2.5 11.4-5.9 2.2 2.5 3.4 5.7 3.3 9.1v1.2c-.6.8-1.3 1.6-2 2.3-.3.3-.7.6-1.1.9-.5.4-1 .7-1.6 1l-.6.3-.9.3h-1c-.6 0-1.1.4-1.3 1v.3c0 .7.6 1.3 1.3 1.3h1c.6 0 1.2-.1 1.7-.4.4-.2.9-.4 1.3-.6.4-.3.9-.5 1.3-.8l.5-.4c-.2.3-.3.6-.5.9-.4.6-.8 1.2-1.3 1.7-.4.4-.8.8-1.3 1.1v5.8l1.2.1c.9.1 1.6.1 2.2.2v.1c-.3.5-.6.9-.9 1.4-1.2 1.6-3.1 2.6-5.2 2.7-3.2 0-5.3-2.4-6.3-4.1.5-.1 1.1-.1 1.8-.2l1.2-.1v-6c-.5-.3-.9-.7-1.3-1.1-.5-.5-.9-1.1-1.3-1.7-1.2-2.2-1.9-4.7-1.9-7.3z" class="st2" id="path14_1_"/><circle r="12.5" cy="49.1" cx="45.3" id="circle34_1_" style="fill:#fff;stroke:#132c77;stroke-width:2.58;stroke-miterlimit:10"/><path d="M47.8 42.9c0-1.4-1.1-2.5-2.5-2.5s-2.5 1.1-2.5 2.5 1.1 2.5 2.5 2.5c1.4.1 2.5-1.1 2.5-2.5z" class="st2" id="Shape_1_"/><path d="M39.4 45.9c-.7-.1-1.3.5-1.4 1.2-.1.7.5 1.3 1.2 1.4l3.6.3c.2 0 .4.2.4.4v1c0 .2 0 .4-.1.6L41 56c-.2.7.2 1.4.8 1.6.6.2 1.2-.1 1.5-.6l2-4.8 1.9 4.8c.2.7.9 1 1.6.8.7-.2 1-.9.8-1.6 0-.1-.1-.2-.1-.2l-2-5.2c-.1-.2-.1-.4-.1-.6v-1c0-.2.2-.4.4-.4l3.6-.3c.7-.1 1.2-.7 1.2-1.4-.1-.7-.7-1.2-1.4-1.2l-4.5.4h-3l-4.3-.4z" class="st2" id="Shape-2_1_"/><g aria-label="Contact" transform="translate(62.731 27.6)" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="text13"><path d="M11.163-11.663v1.803q-.863-.804-1.845-1.202-.973-.398-2.073-.398-2.167 0-3.318 1.33-1.151 1.32-1.151 3.825 0 2.496 1.151 3.825 1.151 1.32 3.318 1.32 1.1 0 2.073-.397.982-.398 1.845-1.202v1.786q-.897.61-1.904.914-.999.304-2.116.304-2.869 0-4.52-1.752-1.65-1.76-1.65-4.798 0-3.047 1.65-4.8 1.651-1.76 4.52-1.76 1.134 0 2.133.305 1.007.296 1.887.897z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path17"/><path d="M17.41-8.387q-1.253 0-1.981.981-.728.974-.728 2.675 0 1.701.72 2.683.727.973 1.988.973 1.245 0 1.972-.982.728-.981.728-2.674 0-1.684-.728-2.666-.727-.99-1.972-.99zm0-1.32q2.03 0 3.19 1.32 1.16 1.32 1.16 3.656 0 2.327-1.16 3.656-1.16 1.32-3.19 1.32-2.04 0-3.2-1.32-1.15-1.329-1.15-3.656 0-2.336 1.15-3.656 1.16-1.32 3.2-1.32z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path19"/><path d="M32.22-5.721V0h-1.557v-5.67q0-1.346-.524-2.015-.525-.668-1.575-.668-1.26 0-1.989.804-.727.804-.727 2.192V0h-1.566v-9.48h1.566v1.474q.558-.855 1.311-1.278.762-.424 1.752-.424 1.634 0 2.472 1.016.838 1.007.838 2.97z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path21"/><path d="M36.867-12.17v2.69h3.208v1.211h-3.208v5.146q0 1.16.313 1.49.322.33 1.295.33h1.6V0h-1.6q-1.803 0-2.488-.669-.686-.677-.686-2.454v-5.146H34.16v-1.21H35.3v-2.692z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path23"/><path d="M46.43-4.765q-1.886 0-2.614.432-.728.431-.728 1.472 0 .83.541 1.32.55.483 1.49.483 1.295 0 2.074-.914.787-.923.787-2.446v-.347zm3.107-.643V0H47.98v-1.439q-.533.863-1.329 1.278-.796.406-1.947.406-1.455 0-2.319-.812-.854-.821-.854-2.192 0-1.6 1.066-2.412 1.075-.813 3.2-.813h2.183v-.152q0-1.075-.711-1.659-.703-.592-1.98-.592-.813 0-1.583.194-.77.195-1.481.584v-1.439q.854-.33 1.658-.49.804-.17 1.566-.17 2.057 0 3.072 1.067 1.016 1.066 1.016 3.233z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path25"/><path d="M59.566-9.115v1.456q-.66-.364-1.328-.542-.66-.186-1.338-.186-1.515 0-2.353.964-.837.957-.837 2.692 0 1.735.837 2.7.838.956 2.353.956.677 0 1.338-.178.668-.186 1.328-.55v1.44q-.651.304-1.354.456-.694.152-1.481.152-2.141 0-3.402-1.345-1.261-1.346-1.261-3.631 0-2.32 1.27-3.648 1.277-1.329 3.495-1.329.719 0 1.405.153.685.144 1.328.44z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path27"/><path d="M63.815-12.17v2.69h3.208v1.211h-3.208v5.146q0 1.16.313 1.49.322.33 1.295.33h1.6V0h-1.6q-1.803 0-2.488-.669-.686-.677-.686-2.454v-5.146h-1.142v-1.21h1.142v-2.692z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path29"/></g><g aria-label="accessibilité" transform="translate(62.558 44.974)" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="text15"><path d="M5.941-4.765q-1.887 0-2.615.432-.728.431-.728 1.472 0 .83.542 1.32.55.483 1.49.483 1.294 0 2.073-.914.787-.923.787-2.446v-.347zm3.107-.643V0H7.49v-1.439Q6.957-.576 6.161-.16q-.795.406-1.946.406-1.456 0-2.32-.812-.854-.821-.854-2.192 0-1.6 1.066-2.412 1.075-.813 3.2-.813H7.49v-.152q0-1.075-.71-1.659-.703-.592-1.981-.592-.813 0-1.583.194-.77.195-1.481.584v-1.439q.855-.33 1.659-.49.804-.17 1.566-.17 2.056 0 3.072 1.067 1.016 1.066 1.016 3.233z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path32"/><path d="M19.077-9.115v1.456q-.66-.364-1.329-.542-.66-.186-1.337-.186-1.515 0-2.353.964-.838.957-.838 2.692 0 1.735.838 2.7.838.956 2.353.956.677 0 1.337-.178.669-.186 1.329-.55v1.44q-.652.304-1.354.456-.694.152-1.481.152-2.142 0-3.403-1.345-1.26-1.346-1.26-3.631 0-2.32 1.269-3.648 1.278-1.329 3.495-1.329.72 0 1.405.153.686.144 1.329.44z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path34"/><path d="M28.607-9.115v1.456q-.66-.364-1.33-.542-.66-.186-1.336-.186-1.515 0-2.353.964-.838.957-.838 2.692 0 1.735.838 2.7.838.956 2.353.956.677 0 1.337-.178.669-.186 1.329-.55v1.44q-.652.304-1.354.456-.694.152-1.482.152-2.14 0-3.402-1.345-1.261-1.346-1.261-3.631 0-2.32 1.27-3.648 1.278-1.329 3.495-1.329.72 0 1.405.153.685.144 1.329.44z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path36"/><path d="M39.423-5.129v.762h-7.16q.102 1.608.965 2.454.872.838 2.42.838.898 0 1.735-.22.847-.22 1.676-.66v1.473q-.838.355-1.718.541-.88.186-1.786.186-2.268 0-3.597-1.32-1.32-1.32-1.32-3.571 0-2.328 1.253-3.69 1.26-1.372 3.393-1.372 1.913 0 3.022 1.236 1.117 1.227 1.117 3.343zm-1.557-.457q-.017-1.278-.72-2.04-.694-.761-1.845-.761-1.303 0-2.09.736-.779.736-.897 2.074z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path38"/><path d="M48.022-9.2v1.473q-.66-.339-1.371-.508-.711-.17-1.473-.17-1.16 0-1.743.356-.576.356-.576 1.067 0 .541.415.854.415.305 1.667.584l.534.119q1.658.355 2.352 1.007.703.643.703 1.803 0 1.32-1.05 2.09-1.04.77-2.869.77-.761 0-1.59-.152-.822-.144-1.736-.44v-1.608q.863.448 1.701.677.838.22 1.66.22 1.1 0 1.692-.372.592-.381.592-1.067 0-.635-.431-.973-.424-.339-1.87-.652l-.542-.127q-1.448-.304-2.091-.93-.643-.635-.643-1.736 0-1.337.948-2.065t2.691-.728q.863 0 1.625.127t1.405.381z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path40"/><path d="M57.053-9.2v1.473q-.66-.339-1.371-.508-.711-.17-1.473-.17-1.16 0-1.744.356-.575.356-.575 1.067 0 .541.415.854.414.305 1.667.584l.533.119q1.659.355 2.353 1.007.702.643.702 1.803 0 1.32-1.049 2.09-1.041.77-2.87.77-.76 0-1.59-.152-.821-.144-1.735-.44v-1.608q.863.448 1.7.677.839.22 1.66.22 1.1 0 1.692-.372.593-.381.593-1.067 0-.635-.432-.973-.423-.339-1.87-.652l-.542-.127q-1.447-.304-2.09-.93-.644-.635-.644-1.736 0-1.337.948-2.065t2.692-.728q.863 0 1.625.127.761.127 1.405.381z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path42"/><path d="M60.04-9.48h1.558V0H60.04zm0-3.69h1.558v1.973H60.04z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path44"/><path d="M71.66-4.731q0-1.718-.71-2.692-.703-.981-1.938-.981-1.236 0-1.947.981-.702.974-.702 2.692 0 1.718.702 2.7.71.973 1.947.973 1.235 0 1.938-.973.71-.982.71-2.7zm-5.297-3.31q.49-.846 1.235-1.252.753-.415 1.794-.415 1.727 0 2.802 1.371 1.083 1.372 1.083 3.606t-1.083 3.605Q71.119.245 69.392.245q-1.04 0-1.794-.406-.745-.415-1.235-1.26V0h-1.566v-13.17h1.566z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path46"/><path d="M75.859-9.48h1.557V0h-1.557zm0-3.69h1.557v1.973h-1.557z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path48"/><path d="M80.674-13.17h1.558V0h-1.558z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path50"/><path d="M85.49-9.48h1.557V0H85.49zm0-3.69h1.557v1.973H85.49z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path52"/><path d="M91.846-12.17v2.69h3.208v1.211h-3.208v5.146q0 1.16.313 1.49.322.33 1.295.33h1.6V0h-1.6q-1.802 0-2.488-.669-.686-.677-.686-2.454v-5.146h-1.142v-1.21h1.142v-2.692z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path54"/><path d="M105.21-5.129v.762h-7.16q.102 1.608.965 2.454.872.838 2.42.838.897 0 1.735-.22.847-.22 1.676-.66v1.473q-.838.355-1.718.541-.88.186-1.786.186-2.268 0-3.597-1.32-1.32-1.32-1.32-3.571 0-2.328 1.253-3.69 1.26-1.372 3.393-1.372 1.913 0 3.022 1.236 1.117 1.227 1.117 3.343zm-1.557-.457q-.017-1.278-.72-2.04-.694-.761-1.845-.761-1.303 0-2.09.736-.779.736-.897 2.074zm-1.498-8.277h1.684l-2.76 3.182h-1.294z" style="font-size:17.33329964px;font-family:Luciole-Regular;fill:#132c77" id="path56"/></g></g></svg>
\ No newline at end of file
diff --git a/js/src/components/NavBar.vue b/js/src/components/NavBar.vue
index 53fdfcfc4..4fdd80cd0 100644
--- a/js/src/components/NavBar.vue
+++ b/js/src/components/NavBar.vue
@@ -34,6 +34,18 @@
           >{{ $t("Create") }}</b-button
         >
       </b-navbar-item>
+      <b-navbar-item
+        class="koena"
+        tag="a"
+        href="https://mediation.koena.net/framasoft/mobilizon/"
+        target="_blank"
+      >
+        <img
+          src="/img/koena-a11y.svg"
+          width="150"
+          alt="Contact accessibilité"
+        />
+      </b-navbar-item>
     </template>
     <template slot="end">
       <b-navbar-item tag="div">
@@ -303,5 +315,14 @@ nav {
   a.navbar-item:focus-within {
     background-color: inherit;
   }
+
+  .koena {
+    padding-top: 0;
+    padding-bottom: 0;
+    & > img {
+      max-height: 4rem;
+      padding-top: 0.2rem;
+    }
+  }
 }
 </style>