Projekt_SS25/Project_Periodensystem.View/AboutPage.axaml

<!-- Datei: Project_Periodensystem.View/AboutPage.axaml -->
<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="Project_Periodensystem.View.AboutPage">

    <UserControl.Styles>
        <Style Selector="Button">
            <Setter Property="Background" Value="Black"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="FontFamily" Value="Arial"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="Width" Value="200"/>
            <Setter Property="Height" Value="40"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="CornerRadius" Value="5"/>
        </Style>
        <Style Selector="Button:pointerover /template/ ContentPresenter">
            <Setter Property="Background" Value="DarkRed"/>
        </Style>
        <Style Selector="Button:pressed /template/ ContentPresenter">
            <Setter Property="Background" Value="Red"/>
        </Style>
        <Style Selector="Button TextBlock">
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="FontFamily" Value="Arial"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="Foreground" Value="White"/>
        </Style>
        
        <!-- Spezielle Styles für About-Seite -->
        <Style Selector="TextBlock.Title">
            <Setter Property="FontSize" Value="36"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="Margin" Value="0,0,0,30"/>
        </Style>
        
        <Style Selector="TextBlock.Subtitle">
            <Setter Property="FontSize" Value="18"/>
            <Setter Property="FontWeight" Value="Normal"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="Margin" Value="0,10"/>
        </Style>
        
        <Style Selector="TextBlock.InfoBold">
            <Setter Property="FontSize" Value="16"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="Margin" Value="0,5"/>
        </Style>
        
        <Style Selector="TextBlock.Info">
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="FontWeight" Value="Normal"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="Margin" Value="0,3"/>
        </Style>
        
        <!-- Einfache Theme-unabhängige Styles -->
        <Style Selector="Border.InfoCard">
            <Setter Property="CornerRadius" Value="10"/>
            <Setter Property="Padding" Value="30,25"/>
            <Setter Property="Margin" Value="20"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BoxShadow" Value="0 4 8 0 #40000000"/>
        </Style>
        
        <!-- Theme-Ressourcen verwenden -->
        <Style Selector="Border.InfoCard">
            <Setter Property="Background" Value="{DynamicResource SystemControlBackgroundChromeMediumBrush}"/>
            <Setter Property="BorderBrush" Value="{DynamicResource SystemControlForegroundBaseMediumLowBrush}"/>
        </Style>
        
        <Style Selector="Rectangle.Divider">
            <Setter Property="Fill" Value="{DynamicResource SystemControlForegroundBaseMediumLowBrush}"/>
        </Style>
    </UserControl.Styles>

    <Grid Margin="20">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- Titel -->
        <TextBlock Grid.Row="1" 
                   Classes="Title"
                   Text="Periodensystem der Elemente"/>

        <!-- Info-Card -->
        <Border Grid.Row="2" 
                Classes="InfoCard"
                MaxWidth="600">
            <StackPanel>
                <!-- Projekt Info -->
                <TextBlock Classes="Subtitle" 
                           Text="Projekt Information"/>
                
                <Rectangle Classes="Divider"
                           Height="2" 
                           Margin="0,10,0,20"/>
                
                <TextBlock Classes="InfoBold" 
                           Text="Author:"/>
                <TextBlock Classes="Info" 
                           Text="Oliver Träger"/>
                
                <TextBlock Classes="InfoBold" 
                           Text="Klasse:" 
                           Margin="0,15,0,0"/>
                <TextBlock Classes="Info" 
                           FontWeight="Bold"
                           Text="ITFS2"/>
                
                <TextBlock Classes="InfoBold" 
                           Text="Semester:" 
                           Margin="0,15,0,0"/>
                <TextBlock Classes="Info" 
                           FontWeight="Bold"
                           Text="Sommersemester 2025"/>
                
                <Rectangle Classes="Divider"
                           Height="2" 
                           Margin="0,25,0,15"/>
                
                <!-- Technische Details -->
                <TextBlock Classes="Info" 
                           Text="Entwickelt mit Avalonia UI Framework"/>
                <TextBlock Classes="Info" 
                           Text="MVC-Architektur mit C# .NET"/>
                <TextBlock Classes="Info" 
                           Text="Interaktives Periodensystem mit 118 Elementen"/>
            </StackPanel>
        </Border>

        <!-- Button-Bereich -->
        <Grid Grid.Row="3" 
              Margin="0,30,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="20"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Button Name="BackButton"
                    Grid.Column="1"
                    Click="BackButton_Click">
                <TextBlock Text="← Zurück"/>
            </Button>

            <Button Name="ThemeButton"
                    Grid.Column="3"
                    Click="ThemeButton_Click">
                <TextBlock Text="Theme wechseln"/>
            </Button>
        </Grid>
    </Grid>
</UserControl>