From 967bbf4ce333f7e2a5f82e76de4c99f46e536890 Mon Sep 17 00:00:00 2001
From: nathan boileau <boileaunathan42@gmail.com>
Date: Tue, 3 Jan 2023 15:49:34 +0100
Subject: [PATCH] fin style main page

---
 WEB/View/assets/svg/adminIcon.svg |   6 ++
 WEB/View/src/CSS/Enigme.css       |   2 +-
 WEB/View/src/CSS/Main2.css        |  62 +++++++++++++++
 WEB/View/src/pages/Main2.html     | 124 ++++++++++++++++++++++++++----
 4 files changed, 176 insertions(+), 18 deletions(-)
 create mode 100644 WEB/View/assets/svg/adminIcon.svg

diff --git a/WEB/View/assets/svg/adminIcon.svg b/WEB/View/assets/svg/adminIcon.svg
new file mode 100644
index 00000000..46bba92f
--- /dev/null
+++ b/WEB/View/assets/svg/adminIcon.svg
@@ -0,0 +1,6 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#ffffff" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 474.565 474.565" xml:space="preserve">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_iconCarrier"> <g> <path d="M255.204,102.3c-0.606-11.321-12.176-9.395-23.465-9.395C240.078,95.126,247.967,98.216,255.204,102.3z"/> <path d="M134.524,73.928c-43.825,0-63.997,55.471-28.963,83.37c11.943-31.89,35.718-54.788,66.886-63.826 C163.921,81.685,150.146,73.928,134.524,73.928z"/> <path d="M43.987,148.617c1.786,5.731,4.1,11.229,6.849,16.438L36.44,179.459c-3.866,3.866-3.866,10.141,0,14.015l25.375,25.383 c1.848,1.848,4.38,2.888,7.019,2.888c2.61,0,5.125-1.04,7.005-2.888l14.38-14.404c2.158,1.142,4.55,1.842,6.785,2.827 c0-0.164-0.016-0.334-0.016-0.498c0-11.771,1.352-22.875,3.759-33.302c-17.362-11.174-28.947-30.57-28.947-52.715 c0-34.592,28.139-62.739,62.723-62.739c23.418,0,43.637,13.037,54.43,32.084c11.523-1.429,22.347-1.429,35.376,1.033 c-1.676-5.07-3.648-10.032-6.118-14.683l14.396-14.411c1.878-1.856,2.918-4.38,2.918-7.004c0-2.625-1.04-5.148-2.918-7.004 l-25.361-25.367c-1.94-1.941-4.472-2.904-7.003-2.904c-2.532,0-5.063,0.963-6.989,2.904l-14.442,14.411 c-5.217-2.764-10.699-5.078-16.444-6.825V9.9c0-5.466-4.411-9.9-9.893-9.9h-35.888c-5.451,0-9.909,4.434-9.909,9.9v20.359 c-5.73,1.747-11.213,4.061-16.446,6.825L75.839,22.689c-1.942-1.941-4.473-2.904-7.005-2.904c-2.531,0-5.077,0.963-7.003,2.896 L36.44,48.048c-1.848,1.864-2.888,4.379-2.888,7.012c0,2.632,1.04,5.148,2.888,7.004l14.396,14.403 c-2.75,5.218-5.063,10.708-6.817,16.438H23.675c-5.482,0-9.909,4.441-9.909,9.915v35.889c0,5.458,4.427,9.908,9.909,9.908H43.987z"/> <path d="M354.871,340.654c15.872-8.705,26.773-25.367,26.773-44.703c0-28.217-22.967-51.168-51.184-51.168 c-9.923,0-19.118,2.966-26.975,7.873c-4.705,18.728-12.113,36.642-21.803,52.202C309.152,310.022,334.357,322.531,354.871,340.654z "/> <path d="M460.782,276.588c0-5.909-4.799-10.693-10.685-10.693H428.14c-1.896-6.189-4.411-12.121-7.393-17.75l15.544-15.544 c2.02-2.004,3.137-4.721,3.137-7.555c0-2.835-1.118-5.553-3.137-7.563l-27.363-27.371c-2.08-2.09-4.829-3.138-7.561-3.138 c-2.734,0-5.467,1.048-7.547,3.138l-15.576,15.552c-5.623-2.982-11.539-5.481-17.751-7.369v-21.958 c0-5.901-4.768-10.685-10.669-10.685H311.11c-2.594,0-4.877,1.04-6.739,2.578c3.26,11.895,5.046,24.793,5.046,38.552 c0,8.735-0.682,17.604-1.956,26.423c7.205-2.656,14.876-4.324,22.999-4.324c36.99,0,67.086,30.089,67.086,67.07 c0,23.637-12.345,44.353-30.872,56.303c13.48,14.784,24.195,32.324,31.168,51.976c1.148,0.396,2.344,0.684,3.54,0.684 c2.733,0,5.467-1.04,7.563-3.13l27.379-27.371c2.004-2.004,3.106-4.721,3.106-7.555s-1.102-5.551-3.106-7.563l-15.576-15.552 c2.982-5.621,5.497-11.555,7.393-17.75h21.957c2.826,0,5.575-1.118,7.563-3.138c2.004-1.996,3.138-4.72,3.138-7.555 L460.782,276.588z"/> <path d="M376.038,413.906c-16.602-48.848-60.471-82.445-111.113-87.018c-16.958,17.958-37.954,29.351-61.731,29.351 c-23.759,0-44.771-11.392-61.713-29.351c-50.672,4.573-94.543,38.17-111.145,87.026l-9.177,27.013 c-2.625,7.773-1.368,16.338,3.416,23.007c4.783,6.671,12.486,10.631,20.685,10.631h315.853c8.215,0,15.918-3.96,20.702-10.631 c4.767-6.669,6.041-15.234,3.4-23.007L376.038,413.906z"/> <path d="M120.842,206.782c0,60.589,36.883,125.603,82.352,125.603c45.487,0,82.368-65.014,82.368-125.603 C285.563,81.188,120.842,80.939,120.842,206.782z"/> </g> </g>
+
</svg>
\ No newline at end of file
diff --git a/WEB/View/src/CSS/Enigme.css b/WEB/View/src/CSS/Enigme.css
index 37305c82..d3eafba8 100644
--- a/WEB/View/src/CSS/Enigme.css
+++ b/WEB/View/src/CSS/Enigme.css
@@ -9,7 +9,7 @@
 
 body {
   min-height: 100vh;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-family: "Fauna", sans-serif;
   color: white;
   scroll-behavior: smooth;
   height: 100vh;
diff --git a/WEB/View/src/CSS/Main2.css b/WEB/View/src/CSS/Main2.css
index 1327f16c..ecda7728 100644
--- a/WEB/View/src/CSS/Main2.css
+++ b/WEB/View/src/CSS/Main2.css
@@ -328,3 +328,65 @@ button {
   -ms-transform: scale(0.95);
   -o-transform: scale(0.95);
 }
+
+
+
+/* Button admin */
+
+
+.btn {
+  width: 150px;
+  height: 50px;
+  border-radius: 5px;
+  border: none;
+  transition: all 0.5s ease-in-out;
+  font-size: 20px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  background: #040f16;
+  color: #f5f5f5;
+}
+
+.btn:hover {
+  box-shadow: 0 0 20px 0px #2e2e2e3a;
+}
+
+.btn .icon {
+  position: absolute;
+  height: 25px;
+  width: 25px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: all 0.5s;
+  -webkit-transition: all 0.5s;
+  -moz-transition: all 0.5s;
+  -ms-transition: all 0.5s;
+  -o-transition: all 0.5s;
+}
+
+.btn .text {
+  transform: translateX(40px);
+  -webkit-transform: translateX(40px);
+  -moz-transform: translateX(40px);
+  -ms-transform: translateX(40px);
+  -o-transform: translateX(40px);
+}
+
+.btn:hover .icon {
+  width: 130px;
+}
+
+.btn:hover .text {
+  transition: all 0.5s;
+  opacity: 0;
+}
+
+.btn:focus {
+  outline: none;
+}
+
+.btn:active .icon {
+  transform: scale(0.85);
+}
\ No newline at end of file
diff --git a/WEB/View/src/pages/Main2.html b/WEB/View/src/pages/Main2.html
index 5e569836..bee0e27d 100644
--- a/WEB/View/src/pages/Main2.html
+++ b/WEB/View/src/pages/Main2.html
@@ -47,7 +47,12 @@
         <button
           class="d-flex p-0 user-select-none"
           id="btnProfil"
-          style="background: transparent; border: none; z-index: 10"
+          style="
+            background: transparent;
+            border: none;
+            z-index: 10;
+            height: fit-content;
+          "
           onclick="displayProfil()"
         >
           <span class="material-symbols-outlined p-1 neonBg" id="profilIcon">
@@ -58,12 +63,16 @@
           class="col-4"
           id="profil"
           style="
-            background-color: #222831;
+            background-image: linear-gradient(15deg, #434343 0%, black 100%);
             border-radius: 10px;
             height: 100%;
             z-index: 2;
           "
         >
+          <!-- background-image: linear-gradient(145deg, #29323c 0%, #485563 100%); -->
+
+          <!-- background-image: linear-gradient(15deg, #434343 0%, black 100%); -->
+
           <div class="row py-5 d-flex justify-content-center mx-0">
             <!-- If connected this -->
             <img
@@ -75,15 +84,56 @@
                 width: 125px;
                 height: 125px;
                 padding: 0;
-                border: 2px solid #44fff6;
+                border: 2px solid #fff;
               "
             />
-            <p class="d-flex justify-content-center m-0 p-0">Pseudo</p>
+            <p
+              class="d-flex justify-content-center m-0 p-0"
+              style="font-weight: bold; font-size: 18px"
+            >
+              Pseudo
+            </p>
 
             <div
-              class="d-flex justify-content-center align-self-end p-0 m-0 user-select-none"
+              class="d-flex flex-column align-items-center align-self-end p-0 m-0 user-select-none"
               id="container"
             >
+              <!-- If connected in admin add this -->
+              <button class="btn mb-5">
+                <span class="icon">
+                  <svg
+                    fill="#ffffff"
+                    height="25px"
+                    width="25px"
+                    version="1.1"
+                    id="Capa_1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    viewBox="0 0 477.057 477.057"
+                    xml:space="preserve"
+                  >
+                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                    <g id="SVGRepo_iconCarrier">
+                      <g>
+                        <path
+                          d="M167.151,285.641c-47.054-3.222-84.37-42.427-84.37-90.28c0-49.959,40.64-90.599,90.598-90.599 c40.105,0,74.161,26.222,86.05,62.397c0.706-0.03,1.382-0.202,2.096-0.202c5.435,0,10.723,0.994,15.646,2.905 c4.527-10.204,12.936-18.248,23.293-22.48c-2.026-5.365-4.294-10.606-6.957-15.623l20.693-20.693 c2.664-2.663,4.162-6.282,4.162-10.055c0-3.773-1.498-7.392-4.162-10.055l-36.44-36.424c-5.551-5.552-14.558-5.552-20.111,0 l-20.692,20.693c-7.485-3.968-15.366-7.291-23.605-9.822V36.199c0-7.85-6.367-14.217-14.217-14.217h-51.512 c-7.849,0-14.216,6.367-14.216,14.217v29.203c-8.239,2.531-16.12,5.855-23.613,9.822L89.116,54.547 c-5.552-5.552-14.558-5.552-20.11,0L32.572,90.971c-2.662,2.663-4.162,6.282-4.162,10.055c0,3.774,1.5,7.392,4.162,10.055 L53.25,131.76c-3.968,7.493-7.291,15.366-9.821,23.605H14.216C6.367,155.364,0,161.731,0,169.582v51.526 c0,7.851,6.367,14.218,14.216,14.218h29.204c2.53,8.237,5.854,16.118,9.821,23.611l-20.684,20.686 c-5.553,5.551-5.553,14.558,0,20.11l36.432,36.434c5.551,5.551,14.558,5.551,20.11,0l20.677-20.678 c7.493,3.975,15.382,7.305,23.629,9.837v29.203c0,7.851,6.367,14.218,14.216,14.218h33.302 c-9.077-7.935-14.853-19.56-14.853-32.534C166.073,327.928,165.419,293.638,167.151,285.641z"
+                        ></path>
+                        <path
+                          d="M230.953,179.599c1.748-1.748,3.673-3.231,5.645-4.635c-8.673-26.789-33.574-46.348-63.221-46.348 c-36.804,0-66.744,29.941-66.744,66.746c0,38.606,33.45,71.412,75.441,65.868c2.966-2.415,6.219-4.489,9.761-6.057 C179.257,222.622,205.71,204.848,230.953,179.599z"
+                        ></path>
+                        <path
+                          d="M337.455,260.095c-30.539,0-55.386,24.847-55.386,55.386s24.847,55.386,55.386,55.386 c30.546,0,55.394-24.847,55.394-55.386S368.001,260.095,337.455,260.095z"
+                        ></path>
+                        <path
+                          d="M477.049,294.725c0-6.321-5.124-11.445-11.445-11.445h-23.511c-2.042-6.631-4.721-12.983-7.921-19.008l16.656-16.656 c2.151-2.152,3.354-5.063,3.354-8.099c0-3.036-1.202-5.947-3.354-8.099l-29.327-29.327c-2.237-2.228-5.163-3.346-8.099-3.346 c-2.927,0-5.855,1.118-8.091,3.346l-16.67,16.67c-6.027-3.198-12.37-5.869-19.002-7.903v-23.511 c0-6.321-5.124-11.446-11.445-11.446h-41.471c-6.321,0-11.445,5.125-11.445,11.446v23.511c-6.631,2.034-12.982,4.705-19.016,7.903 l-16.648-16.646c-2.236-2.238-5.164-3.355-8.099-3.355c-2.928,0-5.855,1.118-8.091,3.347l-29.327,29.327 c-2.152,2.152-3.355,5.063-3.355,8.099c0,3.036,1.204,5.947,3.355,8.099l16.648,16.648c-3.2,6.025-5.871,12.369-7.913,19h-23.511 c-6.321,0-11.445,5.124-11.445,11.445v41.487c0,6.321,5.124,11.445,11.445,11.445h23.503c2.042,6.631,4.713,12.983,7.913,19.008 l-16.656,16.656c-4.465,4.465-4.465,11.717,0,16.19l29.327,29.327c2.151,2.152,5.063,3.354,8.099,3.354 c3.036,0,5.947-1.202,8.099-3.354l16.64-16.64c6.041,3.199,12.393,5.878,19.032,7.913v23.519c0,6.319,5.124,11.445,11.445,11.445 h41.471c6.321,0,11.445-5.125,11.445-11.445v-23.519c6.639-2.035,12.991-4.713,19.024-7.913l16.664,16.656 c2.236,2.236,5.164,3.346,8.091,3.346c2.934,0,5.862-1.11,8.097-3.346l29.32-29.32c2.15-2.15,3.354-5.062,3.354-8.099 c0-3.036-1.204-5.947-3.354-8.097l-16.656-16.656c3.199-6.033,5.879-12.385,7.913-19.024h23.511c3.036,0,5.955-1.204,8.099-3.354 c2.15-2.144,3.354-5.063,3.354-8.099L477.049,294.725z M337.455,386.769c-39.305,0-71.288-31.982-71.288-71.288 c0-39.305,31.982-71.288,71.288-71.288c39.313,0,71.296,31.982,71.296,71.288C408.751,354.786,376.768,386.769,337.455,386.769z"
+                        ></path>
+                      </g>
+                    </g>
+                  </svg>
+                </span>
+                <span class="text">ADMIN</span>
+              </button>
+
               <button class="logButton">
                 <span class="circle" aria-hidden="true">
                   <span class="icon arrow"></span>
@@ -112,13 +162,19 @@
 
       <!-- Main page -->
       <div class="col d-flex align-items-center user-select-none">
-        <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: 70%">
+        <div
+          class="col-6 m-0 neonBg"
+          id="mainPart"
+          style="max-height: 80%; height: 70%"
+        >
           <div class="row mx-0 pt-4 pb-5 text-center">
             <h1>Scripted</h1>
           </div>
-          
+
           <!-- Solo -->
-          <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
+          <div
+            class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center"
+          >
             <a class="cssbuttons-io" href="./Presentation.html" id="btn-1">
               <span
                 ><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -142,17 +198,51 @@
           </div>
 
           <!-- Multijoueur -->
-          <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
+          <div
+            class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center"
+          >
             <a class="cssbuttons-io" href="./Presentation.html" id="btn-2">
               <span>
-                <svg fill="#ffffff" height="200px" width="200px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 468.493 468.493" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_iconCarrier"> <g> 
-                  <path d="M138.321,161.831h-17.437v-17.437c0-3.615-2.287-6.835-5.701-8.026c-5.319-1.855-10.904-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437H58.847c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.411,5.699,8.025,5.699h17.437v17.437 c0,3.615,2.287,6.834,5.7,8.025c5.318,1.856,10.904,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.7-4.41,5.7-8.025v-17.437h17.437c3.615,0,6.835-2.287,8.026-5.7c1.855-5.318,2.796-10.903,2.796-16.6 c0-5.696-0.941-11.281-2.796-16.6C145.156,164.118,141.937,161.831,138.321,161.831z M131.729,189.432h-19.344 c-4.694,0-8.5,3.806-8.5,8.5v19.344c-3.481,0.553-7.12,0.552-10.601,0v-19.344c0-4.694-3.806-8.5-8.5-8.5H65.44 c-0.276-1.741-0.415-3.511-0.415-5.3s0.139-3.56,0.415-5.301h19.344c4.694,0,8.5-3.806,8.5-8.5v-19.343 c3.482-0.553,7.12-0.553,10.601,0v19.343c0,4.694,3.806,8.5,8.5,8.5h19.343c0.276,1.741,0.415,3.511,0.415,5.301 C132.143,185.921,132.004,187.692,131.729,189.432z"></path> 
-                  <path d="M254.329,166.478c0.009,0,0.019,0,0.028,0c7.996-0.009,14.459-6.501,14.44-14.497c-0.02-7.987-6.501-14.449-14.497-14.439 c-7.987,0.019-14.459,6.511-14.439,14.497C239.879,160.025,246.351,166.478,254.329,166.478z"></path> 
-                  <path d="M413.655,176.853c-15.05-16.238-39.613-18.106-57.137-4.34c-4.789,3.762-10.376,6.982-16.534,9.625 c-6.765-39.084-24.521-74.946-51.786-104.346c-15.049-16.24-39.611-18.11-57.141-4.344c-14.5,11.397-36.2,17.934-59.535,17.934 c-23.341,0-45.044-6.537-59.545-17.935C94.463,59.683,69.9,61.551,54.838,77.791C19.475,115.946,0,165.618,0,217.657 c0,19.499,2.732,38.81,8.122,57.398c3.94,13.584,14.402,24.161,27.984,28.293c4.044,1.23,8.175,1.833,12.271,1.833 c9.678,0,19.154-3.365,26.782-9.76c16.623-13.948,35.986-24.059,56.702-29.731c-4.216,16.521-6.402,33.645-6.402,51.037 c0,19.509,2.731,38.819,8.117,57.393c3.94,13.586,14.402,24.164,27.988,28.295c4.042,1.229,8.17,1.831,12.264,1.831 c9.679,0,19.157-3.367,26.782-9.764c26.931-22.595,61.155-35.038,96.366-35.038s69.435,12.443,96.365,35.038 c10.851,9.104,25.448,12.069,39.046,7.934c13.586-4.132,24.048-14.709,27.988-28.295c5.386-18.573,8.117-37.883,8.117-57.393 C468.493,264.68,449.018,215.006,413.655,176.853z M62.306,280.097c-5.739,4.811-13.167,6.312-20.378,4.117 c-7.197-2.189-12.518-7.559-14.598-14.729C22.466,252.708,20,235.27,20,217.657c0-46.981,17.582-91.825,49.505-126.269 c7.915-8.536,20.861-9.489,30.114-2.217c17.957,14.115,44.165,22.21,71.904,22.21c27.732,0,53.937-8.095,71.89-22.207 c9.265-7.274,22.208-6.321,30.118,2.214c25.198,27.172,41.391,60.45,47.16,96.697c-6.77,1.379-13.891,2.167-21.197,2.315 c0.952-1.937,1.498-4.11,1.49-6.416c-0.02-7.986-6.521-14.449-14.517-14.42c-7.986,0.019-14.439,6.52-14.419,14.516 c0.005,1.344,0.207,2.639,0.554,3.873c-13.69-2.876-25.901-8.161-35.168-15.44c-17.522-13.765-42.085-11.899-57.137,4.34 c-18.159,19.591-32.116,42.226-41.41,66.654C110.767,248.981,84.397,261.56,62.306,280.097z M441.167,368.549 c-2.08,7.173-7.4,12.542-14.599,14.731c-7.209,2.193-14.636,0.692-20.371-4.121c-30.527-25.611-69.316-39.716-109.221-39.716 s-78.693,14.105-109.22,39.716c-5.735,4.812-13.158,6.313-20.373,4.121c-7.197-2.189-12.519-7.558-14.598-14.731 c-4.861-16.763-7.326-34.199-7.326-51.823c0-46.989,17.582-91.835,49.506-126.277c4.349-4.692,10.22-7.09,16.164-7.09 c4.866,0,9.782,1.608,13.949,4.882c17.962,14.11,44.168,22.203,71.897,22.203s53.936-8.093,71.897-22.203 c9.258-7.273,22.203-6.326,30.113,2.208c31.924,34.443,49.506,79.289,49.506,126.277 C448.493,334.351,446.028,351.786,441.167,368.549z"></path> 
-                  <path d="M263.776,260.896h-17.437V243.46c0-3.615-2.287-6.835-5.7-8.026c-5.318-1.855-10.903-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437h-17.436c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.41,5.7,8.025,5.7h17.436v17.436 c0,3.615,2.287,6.834,5.7,8.025c5.319,1.856,10.905,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.699-4.411,5.699-8.025v-17.436h17.437c3.614,0,6.834-2.286,8.025-5.699c1.855-5.317,2.797-10.903,2.797-16.602 s-0.941-11.285-2.797-16.602C270.61,263.182,267.39,260.896,263.776,260.896z M257.183,288.498h-19.344c-4.694,0-8.5,3.806-8.5,8.5 v19.343c-3.481,0.553-7.12,0.552-10.601,0v-19.343c0-4.694-3.806-8.5-8.5-8.5h-19.343c-0.276-1.741-0.415-3.511-0.415-5.301 s0.139-3.56,0.415-5.301h19.343c4.694,0,8.5-3.806,8.5-8.5v-19.343c3.482-0.553,7.12-0.552,10.601,0v19.344 c0,4.694,3.806,8.5,8.5,8.5h19.344c0.276,1.741,0.415,3.511,0.415,5.301S257.459,286.757,257.183,288.498z"></path> 
-                  <path d="M411.973,297.569c0.01,0,0.029,0,0.039,0c7.996-0.029,14.449-6.521,14.43-14.517c-0.029-7.986-6.52-14.449-14.516-14.42 c-7.987,0.019-14.449,6.52-14.42,14.507C397.524,291.116,403.996,297.569,411.973,297.569z"></path> <path d="M347.715,268.758c-7.987,0.01-14.459,6.491-14.448,14.487c0.01,7.986,6.491,14.459,14.487,14.449 c7.987-0.01,14.459-6.491,14.449-14.478C362.192,275.221,355.711,268.749,347.715,268.758z"></path> 
-                  <path d="M379.931,300.849c-0.087,0-0.164,0-0.251,0c-7.909,0.096-14.295,6.53-14.295,14.468c0,7.986,6.481,14.468,14.468,14.468 c0.019,0,0.039,0,0.048,0c0.029,0,0.058,0,0.087,0c0.02,0,0.039,0,0.058,0c7.986-0.029,14.439-6.54,14.41-14.526 C394.418,307.263,387.917,300.81,379.931,300.849z"></path> 
-                  <path d="M379.786,265.546c0.009,0,0.02,0,0.029,0c7.996-0.019,14.459-6.51,14.439-14.497c-0.019-7.996-6.511-14.459-14.497-14.439 c-7.995,0.019-14.458,6.511-14.439,14.497C365.327,259.084,371.81,265.546,379.786,265.546z"></path> </g> </g>
+                <svg
+                  fill="#ffffff"
+                  height="200px"
+                  width="200px"
+                  version="1.1"
+                  id="Capa_1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  viewBox="0 0 468.493 468.493"
+                  xml:space="preserve"
+                >
+                  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                  <g id="SVGRepo_iconCarrier">
+                    <g>
+                      <path
+                        d="M138.321,161.831h-17.437v-17.437c0-3.615-2.287-6.835-5.701-8.026c-5.319-1.855-10.904-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437H58.847c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.411,5.699,8.025,5.699h17.437v17.437 c0,3.615,2.287,6.834,5.7,8.025c5.318,1.856,10.904,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.7-4.41,5.7-8.025v-17.437h17.437c3.615,0,6.835-2.287,8.026-5.7c1.855-5.318,2.796-10.903,2.796-16.6 c0-5.696-0.941-11.281-2.796-16.6C145.156,164.118,141.937,161.831,138.321,161.831z M131.729,189.432h-19.344 c-4.694,0-8.5,3.806-8.5,8.5v19.344c-3.481,0.553-7.12,0.552-10.601,0v-19.344c0-4.694-3.806-8.5-8.5-8.5H65.44 c-0.276-1.741-0.415-3.511-0.415-5.3s0.139-3.56,0.415-5.301h19.344c4.694,0,8.5-3.806,8.5-8.5v-19.343 c3.482-0.553,7.12-0.553,10.601,0v19.343c0,4.694,3.806,8.5,8.5,8.5h19.343c0.276,1.741,0.415,3.511,0.415,5.301 C132.143,185.921,132.004,187.692,131.729,189.432z"
+                      ></path>
+                      <path
+                        d="M254.329,166.478c0.009,0,0.019,0,0.028,0c7.996-0.009,14.459-6.501,14.44-14.497c-0.02-7.987-6.501-14.449-14.497-14.439 c-7.987,0.019-14.459,6.511-14.439,14.497C239.879,160.025,246.351,166.478,254.329,166.478z"
+                      ></path>
+                      <path
+                        d="M413.655,176.853c-15.05-16.238-39.613-18.106-57.137-4.34c-4.789,3.762-10.376,6.982-16.534,9.625 c-6.765-39.084-24.521-74.946-51.786-104.346c-15.049-16.24-39.611-18.11-57.141-4.344c-14.5,11.397-36.2,17.934-59.535,17.934 c-23.341,0-45.044-6.537-59.545-17.935C94.463,59.683,69.9,61.551,54.838,77.791C19.475,115.946,0,165.618,0,217.657 c0,19.499,2.732,38.81,8.122,57.398c3.94,13.584,14.402,24.161,27.984,28.293c4.044,1.23,8.175,1.833,12.271,1.833 c9.678,0,19.154-3.365,26.782-9.76c16.623-13.948,35.986-24.059,56.702-29.731c-4.216,16.521-6.402,33.645-6.402,51.037 c0,19.509,2.731,38.819,8.117,57.393c3.94,13.586,14.402,24.164,27.988,28.295c4.042,1.229,8.17,1.831,12.264,1.831 c9.679,0,19.157-3.367,26.782-9.764c26.931-22.595,61.155-35.038,96.366-35.038s69.435,12.443,96.365,35.038 c10.851,9.104,25.448,12.069,39.046,7.934c13.586-4.132,24.048-14.709,27.988-28.295c5.386-18.573,8.117-37.883,8.117-57.393 C468.493,264.68,449.018,215.006,413.655,176.853z M62.306,280.097c-5.739,4.811-13.167,6.312-20.378,4.117 c-7.197-2.189-12.518-7.559-14.598-14.729C22.466,252.708,20,235.27,20,217.657c0-46.981,17.582-91.825,49.505-126.269 c7.915-8.536,20.861-9.489,30.114-2.217c17.957,14.115,44.165,22.21,71.904,22.21c27.732,0,53.937-8.095,71.89-22.207 c9.265-7.274,22.208-6.321,30.118,2.214c25.198,27.172,41.391,60.45,47.16,96.697c-6.77,1.379-13.891,2.167-21.197,2.315 c0.952-1.937,1.498-4.11,1.49-6.416c-0.02-7.986-6.521-14.449-14.517-14.42c-7.986,0.019-14.439,6.52-14.419,14.516 c0.005,1.344,0.207,2.639,0.554,3.873c-13.69-2.876-25.901-8.161-35.168-15.44c-17.522-13.765-42.085-11.899-57.137,4.34 c-18.159,19.591-32.116,42.226-41.41,66.654C110.767,248.981,84.397,261.56,62.306,280.097z M441.167,368.549 c-2.08,7.173-7.4,12.542-14.599,14.731c-7.209,2.193-14.636,0.692-20.371-4.121c-30.527-25.611-69.316-39.716-109.221-39.716 s-78.693,14.105-109.22,39.716c-5.735,4.812-13.158,6.313-20.373,4.121c-7.197-2.189-12.519-7.558-14.598-14.731 c-4.861-16.763-7.326-34.199-7.326-51.823c0-46.989,17.582-91.835,49.506-126.277c4.349-4.692,10.22-7.09,16.164-7.09 c4.866,0,9.782,1.608,13.949,4.882c17.962,14.11,44.168,22.203,71.897,22.203s53.936-8.093,71.897-22.203 c9.258-7.273,22.203-6.326,30.113,2.208c31.924,34.443,49.506,79.289,49.506,126.277 C448.493,334.351,446.028,351.786,441.167,368.549z"
+                      ></path>
+                      <path
+                        d="M263.776,260.896h-17.437V243.46c0-3.615-2.287-6.835-5.7-8.026c-5.318-1.855-10.903-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437h-17.436c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.41,5.7,8.025,5.7h17.436v17.436 c0,3.615,2.287,6.834,5.7,8.025c5.319,1.856,10.905,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.699-4.411,5.699-8.025v-17.436h17.437c3.614,0,6.834-2.286,8.025-5.699c1.855-5.317,2.797-10.903,2.797-16.602 s-0.941-11.285-2.797-16.602C270.61,263.182,267.39,260.896,263.776,260.896z M257.183,288.498h-19.344c-4.694,0-8.5,3.806-8.5,8.5 v19.343c-3.481,0.553-7.12,0.552-10.601,0v-19.343c0-4.694-3.806-8.5-8.5-8.5h-19.343c-0.276-1.741-0.415-3.511-0.415-5.301 s0.139-3.56,0.415-5.301h19.343c4.694,0,8.5-3.806,8.5-8.5v-19.343c3.482-0.553,7.12-0.552,10.601,0v19.344 c0,4.694,3.806,8.5,8.5,8.5h19.344c0.276,1.741,0.415,3.511,0.415,5.301S257.459,286.757,257.183,288.498z"
+                      ></path>
+                      <path
+                        d="M411.973,297.569c0.01,0,0.029,0,0.039,0c7.996-0.029,14.449-6.521,14.43-14.517c-0.029-7.986-6.52-14.449-14.516-14.42 c-7.987,0.019-14.449,6.52-14.42,14.507C397.524,291.116,403.996,297.569,411.973,297.569z"
+                      ></path>
+                      <path
+                        d="M347.715,268.758c-7.987,0.01-14.459,6.491-14.448,14.487c0.01,7.986,6.491,14.459,14.487,14.449 c7.987-0.01,14.459-6.491,14.449-14.478C362.192,275.221,355.711,268.749,347.715,268.758z"
+                      ></path>
+                      <path
+                        d="M379.931,300.849c-0.087,0-0.164,0-0.251,0c-7.909,0.096-14.295,6.53-14.295,14.468c0,7.986,6.481,14.468,14.468,14.468 c0.019,0,0.039,0,0.048,0c0.029,0,0.058,0,0.087,0c0.02,0,0.039,0,0.058,0c7.986-0.029,14.439-6.54,14.41-14.526 C394.418,307.263,387.917,300.81,379.931,300.849z"
+                      ></path>
+                      <path
+                        d="M379.786,265.546c0.009,0,0.02,0,0.029,0c7.996-0.019,14.459-6.51,14.439-14.497c-0.019-7.996-6.511-14.459-14.497-14.439 c-7.995,0.019-14.458,6.511-14.439,14.497C365.327,259.084,371.81,265.546,379.786,265.546z"
+                      ></path>
+                    </g>
+                  </g>
                 </svg>
                 ScriptRush
               </span>