<Page x:Class="ForzaUI.Scenes.Anthem.A_WelcomeToHorizon"
      xmlns:local="clr-namespace:ForzaUI"
	  xmlns:System="clr-namespace:System;assembly=mscorlib"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  
      mc:Ignorable="d"
	  Style="{StaticResource A_Style_Page_Generic}">
    <Page.Resources>
        
        <System:Double x:Key="A_Double_Logo_Width">568</System:Double>
        <System:Double x:Key="A_Double_Logo_Height">568</System:Double>

        <local:OffsetKeyTime x:Key="A_KeyTime_Logo_FadeInBegin" KeyTime="0:0:0" />
        <local:OffsetKeyTime x:Key="A_KeyTime_Logo_FadeInEnd" KeyTime="0:0:1.1" />
        
        <local:OffsetKeyTime x:Key="A_KeyTime_Logo_FadeOutBegin" KeyTime="0:0:0.1" />
        <local:OffsetKeyTime x:Key="A_KeyTime_Logo_FadeOutEnd" KeyTime="0:0:0.91" />

        <local:UIStoryboard x:Key="PART_TransitionIn">
            <!-- fade HorizonLogo in -->
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HorizonLogo">
                <DiscreteDoubleKeyFrame KeyTime="{StaticResource A_KeyTime_Logo_FadeInBegin}" Value="0" />
                <EasingDoubleKeyFrame KeyTime="{StaticResource A_KeyTime_Logo_FadeInEnd}" Value="1" EasingFunction="{QuarticEase EasingMode=EaseIn}"/>
            </DoubleAnimationUsingKeyFrames>
        </local:UIStoryboard>
    
        <local:UIStoryboard x:Key="PART_TransitionOut">
            <!-- fade HorizonLogo out -->
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HorizonLogo">
                <DiscreteDoubleKeyFrame KeyTime="{StaticResource A_KeyTime_Logo_FadeOutBegin}" Value="1" />
                <EasingDoubleKeyFrame KeyTime="{StaticResource A_KeyTime_Logo_FadeOutEnd}" Value="0" EasingFunction="{QuadraticEase EasingMode=EaseIn}"/>
            </DoubleAnimationUsingKeyFrames>
        </local:UIStoryboard>

    </Page.Resources>
    <Grid x:Name="PART_LayoutRoot">
        <Decorator Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}" >
            <local:FZMaterial x:Name="HorizonLogo" 
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Width="{StaticResource A_Double_Logo_Width}"
                            Height="{StaticResource A_Double_Logo_Height}"
                            Opacity="0"
                            ImageSource="/ForzaUI;component/Textures/Data_Bound/Anthem/Icons/horizon_secondary_logo_4k.png"/>
        </Decorator>
    </Grid>
</Page>