<rxui:ReactiveUserControl x:Class="Wabbajack.ModeSelectionView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:icon="http://metro.mahapps.com/winfx/xaml/iconpacks" xmlns:local="clr-namespace:Wabbajack" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:rxui="http://reactiveui.net" d:DesignHeight="700" d:DesignWidth="1000" x:TypeArguments="local:ModeSelectionVM" mc:Ignorable="d"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="3*" /> <RowDefinition Height="1*" /> <RowDefinition Height="15" /> </Grid.RowDefinitions> <Viewbox Grid.Row="0" Grid.RowSpan="3" Name="Banner" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="UniformToFill"> <Image Margin="40,20,40,240" Source="../Resources/Wabba_Mouth.png" /> </Viewbox> <Rectangle Grid.Row="0" Grid.RowSpan="3"> <Rectangle.Fill> <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <GradientStop Offset="0" Color="#16BB86FC" /> <GradientStop Offset="0.4" Color="#00000000" /> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> <Grid Grid.Row="1" Margin="5,15"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Button Grid.Row="1" Grid.Column="0" x:Name="BrowseButton" Margin="15,0" Background="Transparent" BorderBrush="Transparent" ClipToBounds="False"> <Button.Template> <ControlTemplate TargetType="Button"> <Border Background="{TemplateBinding Background}"> <ContentPresenter /> </Border> </ControlTemplate> </Button.Template> <Grid ClipToBounds="False"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Viewbox Grid.Row="1"> <Grid> <Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" ClipToBounds="False" Foreground="{StaticResource PrimaryVariantBrush}" Kind="CloudDownloadAltSolid" Opacity="0.6" /> <Grid.Style> <Style TargetType="Grid"> <Setter Property="Effect"> <Setter.Value> <BlurEffect Radius="50" /> </Setter.Value> </Setter> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <Setter Property="Effect"> <Setter.Value> <BlurEffect Radius="75" /> </Setter.Value> </Setter> </DataTrigger> </Style.Triggers> </Style> </Grid.Style> </Grid> <Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" ClipToBounds="False" Foreground="{StaticResource SecondaryBrush}" Kind="CloudDownloadAltSolid" /> <Grid.Effect> <BlurEffect Radius="25" /> </Grid.Effect> <Grid.Resources> <Style TargetType="Grid"> <Setter Property="Opacity" Value="0" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.6" Duration="0:0:0.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> <DataTrigger.ExitActions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:4.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.ExitActions> </DataTrigger> </Style.Triggers> </Style> </Grid.Resources> </Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" Kind="CloudDownloadAltSolid"> <icon:PackIconFontAwesome.Style> <Style TargetType="icon:PackIconFontAwesome"> <Setter Property="Foreground" Value="{StaticResource DimForegroundBrush}" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource ForegroundColor}" Duration="0:0:0.0" /> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource LightSecondary}" Duration="0:0:2.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> <DataTrigger.ExitActions> <BeginStoryboard> <Storyboard> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource DimForegroundColor}" Duration="0:0:4.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.ExitActions> </DataTrigger> </Style.Triggers> </Style> </icon:PackIconFontAwesome.Style> </icon:PackIconFontAwesome> </Grid> </Viewbox> <TextBlock Grid.Row="2" HorizontalAlignment="Center" VerticalAlignment="Top" FontSize="25" Text="Browse Modlists"> <TextBlock.Style> <Style TargetType="TextBlock"> <Setter Property="Opacity" Value="0.2" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <Setter Property="Opacity" Value="1" /> </DataTrigger> </Style.Triggers> </Style> </TextBlock.Style> </TextBlock> </Grid> </Button> <Button Grid.Row="1" Grid.Column="1" x:Name="InstallButton" Margin="15,0" Background="Transparent" BorderBrush="Transparent" ClipToBounds="False"> <Button.Template> <ControlTemplate TargetType="Button"> <Border Background="{TemplateBinding Background}"> <ContentPresenter /> </Border> </ControlTemplate> </Button.Template> <Grid ClipToBounds="False"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Viewbox Grid.Row="1"> <Grid> <Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" ClipToBounds="False" Foreground="{StaticResource PrimaryVariantBrush}" Kind="HddSolid" Opacity="0.6" /> <Grid.Style> <Style TargetType="Grid"> <Setter Property="Effect"> <Setter.Value> <BlurEffect Radius="50" /> </Setter.Value> </Setter> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <Setter Property="Effect"> <Setter.Value> <BlurEffect Radius="75" /> </Setter.Value> </Setter> </DataTrigger> </Style.Triggers> </Style> </Grid.Style> </Grid> <Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" ClipToBounds="False" Foreground="{StaticResource SecondaryBrush}" Kind="HddSolid" /> <Grid.Effect> <BlurEffect Radius="25" /> </Grid.Effect> <Grid.Resources> <Style TargetType="Grid"> <Setter Property="Opacity" Value="0" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.6" Duration="0:0:0.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> <DataTrigger.ExitActions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:4.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.ExitActions> </DataTrigger> </Style.Triggers> </Style> </Grid.Resources> </Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" Kind="HddSolid"> <icon:PackIconFontAwesome.Style> <Style TargetType="icon:PackIconFontAwesome"> <Setter Property="Foreground" Value="{StaticResource DimForegroundBrush}" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource ForegroundColor}" Duration="0:0:0.0" /> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource LightSecondary}" Duration="0:0:2.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> <DataTrigger.ExitActions> <BeginStoryboard> <Storyboard> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource DimForegroundColor}" Duration="0:0:4.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.ExitActions> </DataTrigger> </Style.Triggers> </Style> </icon:PackIconFontAwesome.Style> </icon:PackIconFontAwesome> </Grid> </Viewbox> <TextBlock Grid.Row="2" HorizontalAlignment="Center" VerticalAlignment="Top" FontSize="25" Text="Install From Disk"> <TextBlock.Style> <Style TargetType="TextBlock"> <Setter Property="Opacity" Value="0.2" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <Setter Property="Opacity" Value="1" /> </DataTrigger> </Style.Triggers> </Style> </TextBlock.Style> </TextBlock> </Grid> </Button> <Button Grid.Row="1" Grid.Column="2" x:Name="CompileButton" Margin="15,0" Background="Transparent" BorderBrush="Transparent" ClipToBounds="False"> <Button.Template> <ControlTemplate TargetType="Button"> <Border Background="{TemplateBinding Background}"> <ContentPresenter /> </Border> </ControlTemplate> </Button.Template> <Grid ClipToBounds="False"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Viewbox Grid.Row="1"> <Grid> <Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" ClipToBounds="False" Foreground="{StaticResource PrimaryVariantBrush}" Kind="PlusCircleSolid" Opacity="0.6" /> <Grid.Style> <Style TargetType="Grid"> <Setter Property="Effect"> <Setter.Value> <BlurEffect Radius="50" /> </Setter.Value> </Setter> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <Setter Property="Effect"> <Setter.Value> <BlurEffect Radius="75" /> </Setter.Value> </Setter> </DataTrigger> </Style.Triggers> </Style> </Grid.Style> </Grid> <Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" ClipToBounds="False" Foreground="{StaticResource SecondaryBrush}" Kind="PlusCircleSolid" /> <Grid.Effect> <BlurEffect Radius="25" /> </Grid.Effect> <Grid.Resources> <Style TargetType="Grid"> <Setter Property="Opacity" Value="0" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.6" Duration="0:0:0.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> <DataTrigger.ExitActions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:4.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.ExitActions> </DataTrigger> </Style.Triggers> </Style> </Grid.Resources> </Grid> <icon:PackIconFontAwesome Width="140" Height="140" Margin="0,0,0,10" HorizontalAlignment="Center" Kind="PlusCircleSolid"> <icon:PackIconFontAwesome.Style> <Style TargetType="icon:PackIconFontAwesome"> <Setter Property="Foreground" Value="{StaticResource DimForegroundBrush}" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <DataTrigger.EnterActions> <BeginStoryboard> <Storyboard> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource ForegroundColor}" Duration="0:0:0.0" /> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource LightSecondary}" Duration="0:0:2.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.EnterActions> <DataTrigger.ExitActions> <BeginStoryboard> <Storyboard> <ColorAnimation Storyboard.TargetProperty="(icon:PackIconFontAwesome.Foreground).(SolidColorBrush.Color)" To="{StaticResource DimForegroundColor}" Duration="0:0:4.0" /> </Storyboard> </BeginStoryboard> </DataTrigger.ExitActions> </DataTrigger> </Style.Triggers> </Style> </icon:PackIconFontAwesome.Style> </icon:PackIconFontAwesome> </Grid> </Viewbox> <TextBlock Grid.Row="2" HorizontalAlignment="Center" VerticalAlignment="Top" FontSize="25" Text="Create a Modlist"> <TextBlock.Style> <Style TargetType="TextBlock"> <Setter Property="Opacity" Value="0.2" /> <Style.Triggers> <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True"> <Setter Property="Opacity" Value="1" /> </DataTrigger> </Style.Triggers> </Style> </TextBlock.Style> </TextBlock> </Grid> </Button> </Grid> <local:LinksView Grid.Row="0" Grid.RowSpan="3" Grid.Column="0" Margin="10" HorizontalAlignment="Right" VerticalAlignment="Top" /> </Grid> </rxui:ReactiveUserControl>