From 0d13783421b405b23aacab658b1a764f2ab72689 Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Tue, 2 May 2023 23:28:28 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Design=20ajout=20d'un=20logo=20pour=20l?=
 =?UTF-8?q?e=20t=C3=A9l=C3=A9chargement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Question.vue |  1 -
 src/components/Score.vue    | 30 ++++++++++++++++++++++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/components/Question.vue b/src/components/Question.vue
index 72e96d3..cc35528 100644
--- a/src/components/Question.vue
+++ b/src/components/Question.vue
@@ -26,7 +26,6 @@ function slideMove(splide, newIndex) {
   answerWeight.value = props.question.answers[newIndex].weight;
   emits("answerSelected", props.question, answerWeight);
 }
-const isProduction = process.env.NODE_ENV == "production";
 const displayPopup = ref(false);
 function showHidePopup() {
   displayPopup.value = !displayPopup.value;
diff --git a/src/components/Score.vue b/src/components/Score.vue
index 76f2538..e9e3382 100644
--- a/src/components/Score.vue
+++ b/src/components/Score.vue
@@ -174,7 +174,30 @@ async function share() {
               </li>
             </ul>
           </div>
-          <button @click="() => share()">Partager</button>
+          <button
+            class="btn download"
+            @click="() => share()"
+            data-html2canvas-ignore
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+              <path
+                fill="#D99E82"
+                d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4v-9c0-2.209.791-3 3-3h30c2.209 0 3 .791 3 3v9z"
+              />
+              <path
+                fill="#662113"
+                d="M25 20c0 3.866-3.134 7-7 7s-7-3.134-7-7h14z"
+              />
+              <path
+                fill="#C1694F"
+                d="M4 36h28c2.209 0 4-1.791 4-4H0c0 2.209 1.791 4 4 4z"
+              />
+              <path
+                fill="#77B255"
+                d="M26.716 8h-4.783V2c0-1.105-.896-2-2-2h-4.001c-1.104 0-1.999.896-1.999 2v6H9.148c-1.223 0-1.516.623-.651 1.489l7.863 7.863c.865.865 2.28.865 3.146 0l7.863-7.863C28.232 8.623 27.94 8 26.716 8z"
+              />
+            </svg>
+          </button>
         </div>
       </template>
       <template v-else>
@@ -209,6 +232,10 @@ async function share() {
 <style lang="sass" scoped>
 .center
   text-align: center
+.download
+  bottom: 1.5rem
+  right: 1.5rem
+  opacity: .7
 .noscore
   display: flex
   justify-content: center
@@ -251,7 +278,6 @@ label
 .latest
   background-color: var(--color-highlight-background)
   color: var(--color-highlight-text)
-  text-align: center
   display: flex
   align-items: center
   justify-content: center