From 91061f6e90760d8fa6e6cd182da0f8c44bb2b8d6 Mon Sep 17 00:00:00 2001
From: "pauline.prady" <pauline.prady@etu.uca.fr>
Date: Sun, 26 May 2024 18:55:53 +0200
Subject: [PATCH] =?UTF-8?q?Design=20des=20pages,=20sauf=20bouton=20images?=
 =?UTF-8?q?=20qui=20vont=20=C3=AAtre=20modifi=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Sources/MauiSpark/Pages/Accueil.xaml          | 40 ++++++++-----------
 Sources/MauiSpark/Pages/ConnexionPage.xaml    |  2 +-
 Sources/MauiSpark/Pages/Defaite.xaml          | 15 ++++---
 Sources/MauiSpark/Pages/Egalite.xaml          | 15 ++++---
 Sources/MauiSpark/Pages/Regle.xaml            | 27 +++++--------
 Sources/MauiSpark/Pages/TableauScore.xaml     | 16 ++++----
 Sources/MauiSpark/Pages/Victoire.xaml         | 15 ++++---
 .../MauiSpark/Resources/Styles/Colors.xaml    | 16 ++++----
 .../MauiSpark/Resources/Styles/Styles.xaml    | 18 ++++-----
 9 files changed, 73 insertions(+), 91 deletions(-)

diff --git a/Sources/MauiSpark/Pages/Accueil.xaml b/Sources/MauiSpark/Pages/Accueil.xaml
index 310a4ef..f8c33a7 100644
--- a/Sources/MauiSpark/Pages/Accueil.xaml
+++ b/Sources/MauiSpark/Pages/Accueil.xaml
@@ -5,17 +5,31 @@
 
     <Grid
         ColumnDefinitions="*"
-        RowDefinitions="*, *, *, *">
+        RowDefinitions="*, *, *">
+        
         
         <Grid
-            ColumnDefinitions="*"
+            ColumnDefinitions="*,*,*,*,*"
             RowDefinitions="auto">
 
             <ImageButton 
+                Grid.Column="1"
                 Style="{StaticResource AccueilBouton}"
                 Source="pointinterrogation.png"
-                HorizontalOptions="End"
                 />
+
+            <ImageButton 
+                Grid.Column="2"
+                Style="{StaticResource AccueilBouton}"
+                Source="connexion.png"
+                />
+
+            <ImageButton
+                Grid.Column="3"
+                Style="{StaticResource AccueilBouton}"
+                Source="statistiques.png"
+                />
+
         </Grid>
 
         <Label
@@ -29,25 +43,5 @@
             Text="Jouer"
             />
 
-        <Grid
-            Grid.Row="3"
-            VerticalOptions="End"
-            ColumnDefinitions="*, *"
-            RowDefinitions="auto">
-
-            <ImageButton 
-                Style="{StaticResource AccueilBouton}"
-                Source="connexion.png"
-                HorizontalOptions="Start"
-                />
-
-            <ImageButton
-                Style="{StaticResource AccueilBouton}"
-                Grid.Column="1"
-                HorizontalOptions="End"
-                Source="statistiques.png"
-                />
-        </Grid>
-
     </Grid>
 </ContentPage>
diff --git a/Sources/MauiSpark/Pages/ConnexionPage.xaml b/Sources/MauiSpark/Pages/ConnexionPage.xaml
index 34220f4..1a0a150 100644
--- a/Sources/MauiSpark/Pages/ConnexionPage.xaml
+++ b/Sources/MauiSpark/Pages/ConnexionPage.xaml
@@ -13,7 +13,7 @@
             Text="JOUEURS"
             HorizontalOptions="Center"
             FontSize="Header"
-            Margin="0, 0, 0, 50"/>
+            Margin="0"/>
 
         <VerticalStackLayout
             Grid.Row="1"
diff --git a/Sources/MauiSpark/Pages/Defaite.xaml b/Sources/MauiSpark/Pages/Defaite.xaml
index ce82fa5..ed8efd1 100644
--- a/Sources/MauiSpark/Pages/Defaite.xaml
+++ b/Sources/MauiSpark/Pages/Defaite.xaml
@@ -5,16 +5,15 @@
              xmlns:pages="clr-namespace:MauiSpark.Pages"
              Title="Defaite">
     <VerticalStackLayout >
-        <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10">
-            <Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100" />
-            <Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}" >
-                <Label Text="Defaite" Style="{StaticResource TexteTitre}"/>
-            </Frame>
-            <Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
+        <Grid WidthRequest="80" Margin="20"></Grid>
+        <FlexLayout  Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
+            <Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
+            <Label Text="Défaite" Style="{StaticResource TexteTitre}" Margin="0" />
+            <Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
         </FlexLayout>
-        <Frame Margin="20">
+        <Frame Margin="40" >
             <Label HorizontalOptions="Center" Text="Aucun des deux joueurs, Joueur 1 et Joueur 2 n'a trouvé le code secret" Style="{StaticResource TexteFrame}"/>
         </Frame>
-        <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button>
+        <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center" />
     </VerticalStackLayout>
 </ContentPage>
\ No newline at end of file
diff --git a/Sources/MauiSpark/Pages/Egalite.xaml b/Sources/MauiSpark/Pages/Egalite.xaml
index cedbcdb..b351287 100644
--- a/Sources/MauiSpark/Pages/Egalite.xaml
+++ b/Sources/MauiSpark/Pages/Egalite.xaml
@@ -5,16 +5,15 @@
              xmlns:pages="clr-namespace:MauiSpark.Pages"
              Title="Egalite">
     <VerticalStackLayout>
-        <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10">
-            <Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" />
-            <Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}">
-                <Label Text="Egaliter" Style="{StaticResource TexteTitre}"/>
-            </Frame>
-            <Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
+        <Grid WidthRequest="80" Margin="20"></Grid>
+        <FlexLayout  Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
+            <Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
+            <Label Text="Egaliter" Style="{StaticResource TexteTitre}" Margin="0" />
+            <Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
         </FlexLayout>
-        <Frame Margin="20">
+        <Frame Margin="40" >
             <Label HorizontalOptions="Center" Text="Les deux joueur ont trouvé en même temps" Style="{StaticResource TexteFrame}"/>
         </Frame>
-        <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button>
+        <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center" />
     </VerticalStackLayout>
 </ContentPage>
\ No newline at end of file
diff --git a/Sources/MauiSpark/Pages/Regle.xaml b/Sources/MauiSpark/Pages/Regle.xaml
index 79666bd..7d60239 100644
--- a/Sources/MauiSpark/Pages/Regle.xaml
+++ b/Sources/MauiSpark/Pages/Regle.xaml
@@ -6,25 +6,18 @@
              Title="Regle">
     <ScrollView>
         <VerticalStackLayout>
-            <FlexLayout Direction="Row" JustifyContent="SpaceAround">
-                <Image Source="livre.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0,24,0,0"/>
-                <Frame  CornerRadius="5" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}">
-                    <Label Text="Règle" Style="{StaticResource TexteTitre}" />
-                </Frame>
-                <Grid RowDefinitions="auto,auto">
-                    <ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/>
-                    <Image Grid.Row="1" Source="livre.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
-                </Grid>
+            <Grid>
+                <ImageButton HorizontalOptions="End" WidthRequest="80" Margin="15" Style="{StaticResource ButtonFermeture}"/>
+            </Grid>
+            <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
+                <Image Source="livre.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0"/>
+                <Label Text="Règles" Style="{StaticResource TexteTitre}" Margin="0" />
+                <Image Grid.Row="1" Source="livre.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="0"/>
             </FlexLayout>
-            <Frame  Margin="20">
+            <Frame  Margin="40">
                 <Grid ColumnDefinitions="*,auto">
-                    <Label Text="
-                    Le but du jeu est de découvrir la combinaison. On génère aléatoirement deux combinaisons de 4 couleurs (six couleurs au total : jaune, bleu, rouge, vert, blanc et noir), une combinaison pour chaque joueur.
-    Deux joueurs se battent pour trouver la combinaison en premier, il y a douze tours.
-    Le premier joueur à trouver la combinaison à gagner, chaque joueur a le même nombre de coups à réaliser. Donc si le joueur un à trouvé la solution au bout de huit coups, le joueur deux doit finir son huitième coup. Si le joueur deux trouve la combinaison, les deux joueurs sont à égalité. Sinon, le joueur un gagne.
-    Pour trouver la combinaison, les joueurs disposent de quatre indicateurs. Ces indicateurs sont quatre ronds qui représentent les quatre couleurs sélectionnées par le joueur. Un rond noir signifie qu’une couleur est à la bonne place, un rond blanc correspond à une mauvaise place et s'il n’y a pas d’indicateur aucune des couleurs n’est présentent dans la combinaison.
-                        " Style="{StaticResource TexteFrame}" />
-                    <Image Source="mastermind.png" Grid.Column="1" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
+                    <Label Text="Le but du jeu est de découvrir la combinaison. On génère aléatoirement deux combinaisons de 4 couleurs (six couleurs au total : jaune, bleu, rouge, vert, blanc et noir), une combinaison pour chaque joueur. Deux joueurs se battent pour trouver la combinaison en premier, il y a douze tours. Le premier joueur à trouver la combinaison à gagner, chaque joueur a le même nombre de coups à réaliser. Donc si le joueur un à trouvé la solution au bout de huit coups, le joueur deux doit finir son huitième coup. Si le joueur deux trouve la combinaison, les deux joueurs sont à égalité. Sinon, le joueur un gagne. Pour trouver la combinaison, les joueurs disposent de quatre indicateurs. Ces indicateurs sont quatre ronds qui représentent les quatre couleurs sélectionnées par le joueur. Un rond noir signifie qu’une couleur est à la bonne place, un rond blanc correspond à une mauvaise place et s'il n’y a pas d’indicateur aucune des couleurs n’est présentent dans la combinaison." 
+                    Style="{StaticResource TexteFrame}" />
                 </Grid>
             </Frame>
         </VerticalStackLayout>
diff --git a/Sources/MauiSpark/Pages/TableauScore.xaml b/Sources/MauiSpark/Pages/TableauScore.xaml
index f637c5c..97aa03e 100644
--- a/Sources/MauiSpark/Pages/TableauScore.xaml
+++ b/Sources/MauiSpark/Pages/TableauScore.xaml
@@ -7,15 +7,13 @@
              Title="TableauScore">
     <ScrollView>
         <VerticalStackLayout>
-            <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" >
-                <Image Source="star.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0,24,0,0"/>
-                <Frame CornerRadius="5" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}" >
-                    <Label Text="Scoreboard" Style="{StaticResource TexteTitre}"/>
-                </Frame>
-                <Grid RowDefinitions="auto,auto">
-                    <ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/>
-                    <Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
-                </Grid>
+            <Grid>
+                <ImageButton HorizontalOptions="End" WidthRequest="80" Margin="15" Style="{StaticResource ButtonFermeture}"/>
+            </Grid>
+            <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
+                <Image Source="star.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0"/>
+                <Label Text="Scoreboard" Style="{StaticResource TexteTitre}" Margin="0" />
+                <Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="0"/>
             </FlexLayout>
             <Frame Margin="20" >
                 <Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="10">
diff --git a/Sources/MauiSpark/Pages/Victoire.xaml b/Sources/MauiSpark/Pages/Victoire.xaml
index f8425d8..bcdd1d1 100644
--- a/Sources/MauiSpark/Pages/Victoire.xaml
+++ b/Sources/MauiSpark/Pages/Victoire.xaml
@@ -5,16 +5,15 @@
              xmlns:pages="clr-namespace:MauiSpark.Pages"
              Title="Victoire">
     <VerticalStackLayout>
-        <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10">
-            <Image Source="trophy.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" />
-            <Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}">
-                <Label Text="Victoire" Style="{StaticResource TexteTitre}"></Label>
-            </Frame>
-            <Image Source="trophy.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
+        <Grid WidthRequest="80" Margin="20"></Grid>
+        <FlexLayout  Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
+            <Image Source="trophy.jpg" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0" />
+            <Label Text="Victoire" Style="{StaticResource TexteTitre}" Margin="0" />
+            <Image Source="trophy.jpg" Grid.Row="1" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="0" />
         </FlexLayout>
-        <Frame Margin="20" >
+        <Frame Margin="40" >
             <Label HorizontalOptions="Center" Text="Le joueur x a gagné" Style="{StaticResource TexteFrame}"/>
         </Frame>
-        <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button>
+        <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center" />
     </VerticalStackLayout>
 </ContentPage>
\ No newline at end of file
diff --git a/Sources/MauiSpark/Resources/Styles/Colors.xaml b/Sources/MauiSpark/Resources/Styles/Colors.xaml
index a43af20..1ce724f 100644
--- a/Sources/MauiSpark/Resources/Styles/Colors.xaml
+++ b/Sources/MauiSpark/Resources/Styles/Colors.xaml
@@ -18,21 +18,21 @@
     <Color x:Key="Magenta">#D600AA</Color>
     <Color x:Key="MidnightBlue">#190649</Color>
     <Color x:Key="OffBlack">#1f1f1f</Color>
-
+    
     <Color x:Key="Poussin">#FAEEA1</Color>
     <Color x:Key="Raisin">#2F0E36</Color>
-    <Color x:Key="Vin">#A90237</Color>
+    <Color x:Key="Barbie">#DA0081</Color>
+    <Color x:Key="VertFonce">#54754B</Color>
+    <Color x:Key="Vin">#202DDC</Color>
     <Color x:Key="Pomme">#71E26D</Color>
-    <Color x:Key="Diego">#060270</Color>
-    <Color x:Key="Perry">#358F92</Color>
-    <Color x:Key="Bordeaux">#662323</Color>
+    <Color x:Key="Perry">#1E89CA</Color>
+    <Color x:Key="Bordeaux">#50316D</Color>
     <Color x:Key="Peche">#F2B861</Color>
-    <Color x:Key="LightSaumon">#E3A79F</Color>
+    <Color x:Key="LightSaumon">#FFE9F7</Color>
     <Color x:Key="DarkRed">#72170B</Color>
+    <Color x:Key="Violet">#A908DC</Color>
     <Color x:Key="LightPurple">#C875A4</Color>
     <Color x:Key="LightYellow">#F0C67B</Color>
-    <Color x:Key="DarkPurple">#622E72</Color>
-    <Color x:Key="LightRed">#F93A3A</Color>
 
     <Color x:Key="Gray100">#E1E1E1</Color>
     <Color x:Key="Gray200">#C8C8C8</Color>
diff --git a/Sources/MauiSpark/Resources/Styles/Styles.xaml b/Sources/MauiSpark/Resources/Styles/Styles.xaml
index 53cf678..785dc1c 100644
--- a/Sources/MauiSpark/Resources/Styles/Styles.xaml
+++ b/Sources/MauiSpark/Resources/Styles/Styles.xaml
@@ -9,11 +9,11 @@
     </Style>
 
     <Style TargetType="Label">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Vin}, Dark={StaticResource Perry}}"/>
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Barbie}, Dark={StaticResource Perry}}"/>
     </Style>
     
     <Style TargetType="Label" x:Key="TexteFrame">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource DarkRed}}"/>
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Black}}"/>
         <Setter Property="FontSize" Value="20"/>
     </Style>
 
@@ -24,8 +24,8 @@
     </Style>
     
     <Style TargetType="Button">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Diego}, Dark={StaticResource Peche}}"/>
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Pomme}, Dark={StaticResource Bordeaux}}" />
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Violet}}"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightSaumon}, Dark={StaticResource Bordeaux}}" />
         <Setter Property="FontSize" Value="Large"/>
         <Setter Property="HeightRequest" Value="80"/>
         <Setter Property="Margin" Value="200, 0"/>
@@ -33,10 +33,10 @@
 
     <Style TargetType="Frame">
         <Setter Property="BorderColor" Value="Black"/>
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightSaumon}, Dark={StaticResource LightPurple}}"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Peche}, Dark={StaticResource VertFonce}}"/>
     </Style>
     <Style TargetType="Entry">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Diego}, Dark={StaticResource Peche}}"/>
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Vin}}"/>
     </Style>
 
     <Style TargetType="Button" x:Key="AccueilBouton">
@@ -45,7 +45,7 @@
     </Style>
     <Style TargetType="Frame" x:Key="FrameTitrePage">
         <Setter Property="BorderColor" Value="Black"/>
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightYellow}, Dark={StaticResource DarkPurple}}"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightYellow}, Dark={StaticResource LightPurple}}"/>
     </Style>
 
     <Style TargetType="ImageButton">
@@ -65,7 +65,7 @@
         <Setter Property="Padding" Value="14,10"/>
         <Setter Property="MinimumHeightRequest" Value="20"/>
         <Setter Property="MinimumWidthRequest" Value="20"/>
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightRed}, Dark={StaticResource DarkRed}}"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Pomme}, Dark={StaticResource DarkRed}}"/>
     </Style>
 
     <Style TargetType="Button" x:Key="ButtonTableau">
@@ -75,7 +75,7 @@
         <Setter Property="Padding" Value="0"/>
         <Setter Property="MinimumHeightRequest" Value="44"/>
         <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource DarkRed}}"/>
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Black}}"/>
         <Setter Property="FontSize" Value="25"/>
 
     </Style>