From ab30101f1df63e39799e3abb8cf7e3255d18b394 Mon Sep 17 00:00:00 2001
From: nathan boileau <boileaunathan42@gmail.com>
Date: Tue, 3 Jan 2023 00:14:40 +0100
Subject: [PATCH] petite animation

---
 WEB/View/src/CSS/Main2.css    | 23 +++++++++++++++++++----
 WEB/View/src/pages/Main2.html | 12 ++++++------
 2 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/WEB/View/src/CSS/Main2.css b/WEB/View/src/CSS/Main2.css
index b314e7a7..1327f16c 100644
--- a/WEB/View/src/CSS/Main2.css
+++ b/WEB/View/src/CSS/Main2.css
@@ -46,7 +46,7 @@ body {
 
 .neonBg {
   background-color: #511949;
-  opacity: 0.8;
+  opacity: 0.9;
   background-size: 10px 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
@@ -77,6 +77,7 @@ button:focus {
   opacity: 0;
   height: 100%;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
 }
 
 #profil.open {
@@ -118,10 +119,24 @@ button:focus {
   -o-transform: rotate(180deg) !important;
 }
 
+
+
 #profilContainer.open {
   justify-content: end;
 }
 
+#mainPart{
+  transition: all 0.8s;
+  -webkit-transition: all 0.8s;
+  -moz-transition: all 0.8s;
+  -ms-transition: all 0.8s;
+  -o-transition: all 0.8s;
+}
+
+#mainPart.open {
+  margin-left: 50% !important;
+}
+
 /* Button Login/ Logout animation */
 
 button {
@@ -253,9 +268,9 @@ button {
 }
 
 .cssbuttons-io svg {
-  width: 1.2em;
-  height: 1.2em;
-  margin-right: 0.5em;
+  width: 1.5em;
+  height: 1.5em;
+  margin-right: 0.8em;
 }
 
 .cssbuttons-io span {
diff --git a/WEB/View/src/pages/Main2.html b/WEB/View/src/pages/Main2.html
index a834aa5a..5e569836 100644
--- a/WEB/View/src/pages/Main2.html
+++ b/WEB/View/src/pages/Main2.html
@@ -36,6 +36,7 @@
         profil.classList.toggle("open");
         profilIcon.classList.toggle("open");
         profilContainer.classList.toggle("open");
+        mainPart.classList.toggle("open");
       }
     </script>
 
@@ -44,7 +45,7 @@
 
       <div class="col-4 d-flex" id="profilContainer">
         <button
-          class="d-flex p-0"
+          class="d-flex p-0 user-select-none"
           id="btnProfil"
           style="background: transparent; border: none; z-index: 10"
           onclick="displayProfil()"
@@ -69,7 +70,7 @@
               src="../../assets/img/CyberpunkGirl4.png"
               alt="Profil"
               id="imgProfil"
-              class="img-fluid rounded-circle align-self-center"
+              class="img-fluid rounded-circle align-self-center user-select-none"
               style="
                 width: 125px;
                 height: 125px;
@@ -80,7 +81,7 @@
             <p class="d-flex justify-content-center m-0 p-0">Pseudo</p>
 
             <div
-              class="d-flex justify-content-center align-self-end p-0 m-0"
+              class="d-flex justify-content-center align-self-end p-0 m-0 user-select-none"
               id="container"
             >
               <button class="logButton">
@@ -110,9 +111,8 @@
       <!-- End Profile page -->
 
       <!-- Main page -->
-      <div class="col d-flex align-items-center">
-        <div class="col-6"></div>
-        <div class="col-6 m-0 neonBg" style="max-height: 80%; height: 70%">
+      <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="row mx-0 pt-4 pb-5 text-center">
             <h1>Scripted</h1>
           </div>