From 5928145c959d7f67d78ab4f695b9ae3ff97b59b2 Mon Sep 17 00:00:00 2001
From: Rocher <maxime.rocher@etu.uca.fr>
Date: Mon, 23 Sep 2024 16:03:52 +0200
Subject: [PATCH] Ajout du bandeau (50/50 avec kentin)

---
 images/user_dark.png | Bin 0 -> 1263 bytes
 index.html           |   4 +++-
 pages/accueil.html   |   4 +++-
 style/style.css      |  31 +++++++++++--------------------
 4 files changed, 17 insertions(+), 22 deletions(-)
 create mode 100644 images/user_dark.png

diff --git a/images/user_dark.png b/images/user_dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b8974e0b702d16c1faa9bfc10e909597a8cd5b4
GIT binary patch
literal 1263
zcmV<L1Q7d)P)<h;3K|Lk000e1NJLTq002e+002e^1^@s6aW3M700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1cXUMK~#7F?VRm#
z+CUJ77f=3&4y+DL2PhTTslYD59Y88D9f%U>09=9X3PcBx3O4&99V5#UNT=PCh<Rpq
zL=>ZsS9^Q6dxwawTxr9I0>jK>*+gQKe2ahoEdAMEvAx(kwxiK#LxBk*jEE7-=0R*q
znIJwuq*t+3A3~`CF~k;PJJu%^OT;3&6mmh<9F8?-9yv^U5Tr_=h=zh(%vkJ&hXbx<
zOnt(cm!v#AQZe5k-&vGr9zHV)2@k93oFj}loOP3zMnabGWs2gk5l0R@<ICrTG~xe4
z6vuOudp?^han|j<kpZu-ue4gNXuI9g`};eM$K!)dCKHO|nC|cI$%tQ_@-5B=Zz(G?
zpU+tYV4UKVMN!1d<&q6ZxyvAsmAmCMO%FGFPLL{r@Lgs6;*ESUVnyEG-WqvHo#DGU
zhB7g=g%uM*Ur(tLN7-}M)CSISAT=~ZaV9~Tm5He-tmrLClBkK|OgSJo^BPu;Et=la
ztJlaMsXYz^OKnk{DF@<3S%;enZKk9I25?p=AN#Sq<C8F)xl}|-U_@&LM#_qexzwD>
z9`ito?Du=RAU@rDSs1lubb)-j_p&gmby6gRRu~+6!iD_lC=46S&D`DHkrl|k4T#)_
zqQ|H|f`<pyko5^8(T^?WrfR1aaCeI*`}FigGH@gVqAz<mn`c&My<V#i?hHy0j^jYj
zv?&32%=2@jYGNaBEF*6LKfml@#Z;gQDOYy(6dc2t#OZNEfsiJ3sO9<s&%-f-!^R%t
zn9XLbJq6zhL{cS;N${-#!Bcvclci4lpTrZ(KwHHz_>Ky~%w;p9z-%@f`uO-b=2f@1
zw};?rG=MwDADLE}<3mxHC)p(Qz4<M|tni^2d{y)K3*}f2D0&RWF+2Lkh_@W|_)*xo
z7jfV<rYn&UOHh47Y;jYw*ymyl(g?(u;#BQ)IyKGIbLv|R8}>{h#G#1oJLx6~snv9?
zV{u9t_3}HWPc&x=4Ck|BIt42&SjPAR9-<{kl|YJPoRrSN3e9P;Sah1FZeuu?0!b5L
zIyEPZRznC<G%PFWNJLFw&na3A^Fxc`4CnS_Lrq~1uj#{6%7$z3Af`5O3$KAI_aOvz
zk2xD^3pex{^b8?yyot4#*N(^sZqP$ntY+wH4J&;M@`cYVPPAD2qGe}#s+7C_LWNH>
zsUdocGmN8lyV|j;PCm#Lzcg8`R)ZDASxxFNCr!8_-aI}&4ptOgo4F_jalSkPpW?Q)
z)fCT{WJ#4c+8MO3A+F$Bf{WsSOP0^<D*r^(iy@P*$+rEwWgn`<>BD<)F3gYDpf@+%
z201ZCQfVIo!9z|ItZ+>+^$BN#z}gWqo+g@@){=Q7iYGjT^K0o`AXa;~17~^1l1{AS
zL*ctv2#3`zV01-s6vSaDh@YAJ#`@N|)_Wh+UwV<d@SGYhbS%ygINT4q8lozQIh-xM
zU$V^))^~Z6iOGo2uSvnyck$eZ*oFeVCMEcbbwDl@+R7x~mfOufw=HE8VOvZH(v>TN
Z<sbFFaK?jDZWsUn002ovPDHLkV1l~JKF9z7

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index bdfa58e..4ec7b91 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,9 @@
             <div class="logo">
                 <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
             </div>
-            <div></div>
+            <div class="user">
+                <img src="../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
+            </div>
         </div>
     </div>
     <h1>Wiki Fantasy</h1>
diff --git a/pages/accueil.html b/pages/accueil.html
index bdfa58e..4ec7b91 100644
--- a/pages/accueil.html
+++ b/pages/accueil.html
@@ -18,7 +18,9 @@
             <div class="logo">
                 <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
             </div>
-            <div></div>
+            <div class="user">
+                <img src="../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
+            </div>
         </div>
     </div>
     <h1>Wiki Fantasy</h1>
diff --git a/style/style.css b/style/style.css
index 21469f9..278d685 100644
--- a/style/style.css
+++ b/style/style.css
@@ -21,10 +21,10 @@
     vertical-align: center;
     gap: 30px;
     width: 40%;
-    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(157deg) brightness(103%) contrast(101%) ;
 }
+
 .nav img:hover{
-    fill:url(#Gradient1);
+  filter: invert(59%) sepia(96%) saturate(6733%) hue-rotate(275deg) brightness(112%) contrast(122%) ;
 }
 
 
@@ -35,21 +35,12 @@
     width: 20%;
 }
 
-
-#Gradient1 {
-    offset: 0%; stop-color: rgba(27,0,72,1);
-    offset: 100%; stop-color: rgba(97,0,255,1);
-      /*<stop class="stop1" offset="0%" />
-      <stop class="stop2" offset="50%" />
-      <stop class="stop3" offset="100%" />*/
-}/*
-    <linearGradient id="Gradient2" x1="0" x2="0" y1="0" y2="1">
-      <stop offset="0%" stop-color="red" />
-      <stop offset="50%" stop-color="black" stop-opacity="0" />
-      <stop offset="100%" stop-color="blue" />
-    </linearGradient>
-  </defs>
-  <style>
-    #rect1 {
-      fill: url(#Gradient1);
-    }
\ No newline at end of file
+.user{
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    align-items: center;
+    vertical-align: center;
+    gap: 30px;
+    width: 40%;
+}
\ No newline at end of file