From eae41e1218e12570744be3bbfd610f30b5575842 Mon Sep 17 00:00:00 2001
From: OliverT87 <Oliver.Traeger@tn.eckert-bfw.de>
Date: Wed, 4 Jun 2025 08:56:55 +0200
Subject: [PATCH] evtl sogar fertig

---
 Project_Periodensystem.View/AboutPage.axaml   | 48 ++++++++++++++++---
 Project_Periodensystem.View/LandingPage.axaml |  8 +++-
 .../PeriodicTablePage.axaml                   | 21 ++++++--
 3 files changed, 64 insertions(+), 13 deletions(-)

diff --git a/Project_Periodensystem.View/AboutPage.axaml b/Project_Periodensystem.View/AboutPage.axaml
index 73c9f0a..150e586 100644
--- a/Project_Periodensystem.View/AboutPage.axaml
+++ b/Project_Periodensystem.View/AboutPage.axaml
@@ -2,11 +2,45 @@
 <UserControl xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:i="using:Avalonia.Interactivity"
-             x:Class="Project_Periodensystem.View.AboutPage">
-  <Grid>
-    <Button x:Name="BackButton" 
-            Click="BackButton_Click">
-        Back
-    </Button>
-  </Grid>
+             x:Class="Project_Periodensystem.View.AboutPage"
+             Background="#5C5144">
+    <Grid>
+        <StackPanel VerticalAlignment="Center" 
+                   HorizontalAlignment="Center">
+            <TextBlock Text="Author: Oliver Träger"
+                     FontSize="20"
+                     Foreground="White"
+                     HorizontalAlignment="Center"
+                     Margin="0,0,0,10"/>
+            <TextBlock Text="Klasse: ITFS2"
+                     FontSize="20"
+                     Foreground="White"
+                     HorizontalAlignment="Center"
+                     Margin="0,0,0,10"/>
+            <TextBlock Text="SS2025"
+                     FontSize="20"
+                     Foreground="White"
+                     HorizontalAlignment="Center"
+                     Margin="0,0,0,40"/>
+        </StackPanel>
+
+        <Button x:Name="BackButton" 
+                Click="BackButton_Click"
+                HorizontalAlignment="Left"
+                VerticalAlignment="Top"
+                Margin="20"
+                Padding="20,10"
+                Background="Black"
+                Foreground="White">
+            <Button.Styles>
+                <Style Selector="Button:pointerover /template/ ContentPresenter">
+                    <Setter Property="Background" Value="DarkRed"/>
+                </Style>
+                <Style Selector="Button:pressed /template/ ContentPresenter">
+                    <Setter Property="Background" Value="Red"/>
+                </Style>
+            </Button.Styles>
+            Back
+        </Button>
+    </Grid>
 </UserControl>
\ No newline at end of file
diff --git a/Project_Periodensystem.View/LandingPage.axaml b/Project_Periodensystem.View/LandingPage.axaml
index a782c3b..b6a8633 100644
--- a/Project_Periodensystem.View/LandingPage.axaml
+++ b/Project_Periodensystem.View/LandingPage.axaml
@@ -1,7 +1,13 @@
 <UserControl xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             x:Class="Project_Periodensystem.View.LandingPage">
+             x:Class="Project_Periodensystem.View.LandingPage"
+             Background="#5C5144">
     <Grid>
+        <TextBlock Text="Willkommen zum Periodensystem der Elemente!" 
+                  FontSize="36" 
+                  HorizontalAlignment="Center"
+                  VerticalAlignment="Top"
+                  Margin="0,40,0,0"/>
         <Button Name="StartButton" 
                 Click="StartButton_Click"
                 HorizontalAlignment="Center" 
diff --git a/Project_Periodensystem.View/PeriodicTablePage.axaml b/Project_Periodensystem.View/PeriodicTablePage.axaml
index 06754af..ce3bcc2 100644
--- a/Project_Periodensystem.View/PeriodicTablePage.axaml
+++ b/Project_Periodensystem.View/PeriodicTablePage.axaml
@@ -3,7 +3,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:conv="clr-namespace:Project_Periodensystem.View.Converters"
              x:Class="Project_Periodensystem.View.PeriodicTablePage"
-             Background="Beige">
+             Background="#5C5144">
 
     <UserControl.Resources>
         <conv:SeriesToColorConverter x:Key="SeriesToColor"/>
@@ -18,8 +18,9 @@
 
         <!-- Header -->
         <TextBlock Grid.Row="0" 
-                  Text="Periodensystem der Elemente" 
-                  FontSize="24" 
+                  Text="Periodensystem der Elemente"                   
+                  FontSize="36"
+                    FontWeight="Bold" 
                   Foreground="White"
                   HorizontalAlignment="Center"
                   Margin="0,0,0,20"/>
@@ -69,11 +70,21 @@
         <!-- Footer with About Button -->
         <Button Grid.Row="2" 
                 x:Name="AboutButton"
+                Content="About"
                 Click="AboutButton_Click"
                 HorizontalAlignment="Right"
                 Margin="0,20,0,0"
-                Padding="20,10">
-            About
+                Padding="20,10"
+                Background="Black"
+                Foreground="White">
+            <Button.Styles>
+                <Style Selector="Button:pointerover /template/ ContentPresenter">
+                    <Setter Property="Background" Value="DarkRed"/>
+                </Style>
+                <Style Selector="Button:pressed /template/ ContentPresenter">
+                    <Setter Property="Background" Value="Red"/>
+                </Style>
+            </Button.Styles>
         </Button>
     </Grid>
 </UserControl>
\ No newline at end of file