mirror of
https://github.com/wabbajack-tools/wabbajack.git
synced 2024-08-30 18:42:17 +00:00
Complete home screen
This commit is contained in:
trawzified
parent
590a6e276f
commit
85ed8cd74d
@ -52,7 +52,7 @@
|
||||
<Color x:Key="DarkPrimaryVariant">#270080</Color>
|
||||
<Color x:Key="DarkerPrimaryVariant">#1b0059</Color>
|
||||
<Color x:Key="Secondary">#3C3652</Color>
|
||||
<Color x:Key="DarkSecondary">#0e8f83</Color>
|
||||
<Color x:Key="DarkSecondary">#363952</Color>
|
||||
<Color x:Key="DarkerSecondary">#095952</Color>
|
||||
<Color x:Key="SecondaryBackground">#042421</Color>
|
||||
<Color x:Key="OffWhiteSeconday">#cef0ed</Color>
|
||||
@ -60,7 +60,7 @@
|
||||
<Color x:Key="IntenseSecondary">#00ffe7</Color>
|
||||
<Color x:Key="Complementary">#4e4571</Color>
|
||||
<Color x:Key="DarkComplementary">#3C3652</Color>
|
||||
<Color x:Key="ComplementaryBackground">#4b6130</Color>
|
||||
<Color x:Key="ComplementaryBackground">#2A2B41</Color>
|
||||
<Color x:Key="IntenseComplementary">#abf74d</Color>
|
||||
<Color x:Key="Analogous1">#868CFC</Color>
|
||||
<Color x:Key="Analogous2">#F686FC</Color>
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
<ColumnDefinition Width="20*" />
|
||||
<ColumnDefinition Width="300*" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Button Style="{StaticResource LargeButtonStyle}" Click="Patreon_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
|
||||
<Button Style="{StaticResource LargeButtonStyle}" Click="Patreon_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Padding="2">
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*" />
|
||||
@ -31,13 +31,13 @@
|
||||
<TextBlock FontWeight="DemiBold" FontSize="28" VerticalAlignment="Center" HorizontalAlignment="Left">
|
||||
Patreon
|
||||
</TextBlock>
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center">
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center" Margin="0, 3, 0, 0">
|
||||
Help support the project
|
||||
</TextBlock>
|
||||
<ic:SymbolIcon Grid.Column="1" FontSize="28" Symbol="Heart" VerticalAlignment="Center" HorizontalAlignment="Right" />
|
||||
</Grid>
|
||||
</Button>
|
||||
<Button Grid.Column="2" Style="{StaticResource LargeButtonStyle}" Click="GitHub_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
|
||||
<Button Grid.Column="2" Style="{StaticResource LargeButtonStyle}" Click="GitHub_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Padding="2">
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*" />
|
||||
@ -50,13 +50,13 @@
|
||||
<TextBlock FontWeight="DemiBold" FontSize="28" VerticalAlignment="Center" HorizontalAlignment="Left">
|
||||
GitHub
|
||||
</TextBlock>
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center">
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center" Margin="0, 3, 0, 0">
|
||||
Contribute to the project
|
||||
</TextBlock>
|
||||
<ic:SymbolIcon Grid.Column="1" FontSize="28" Symbol="CodeCircle" VerticalAlignment="Center" HorizontalAlignment="Right" />
|
||||
</Grid>
|
||||
</Button>
|
||||
<Button Grid.Column="4" Style="{StaticResource LargeButtonStyle}" Click="Discord_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
|
||||
<Button Grid.Column="4" Style="{StaticResource LargeButtonStyle}" Click="Discord_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Padding="2">
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*" />
|
||||
@ -69,13 +69,13 @@
|
||||
<TextBlock FontWeight="DemiBold" FontSize="28" VerticalAlignment="Center" HorizontalAlignment="Left">
|
||||
Discord
|
||||
</TextBlock>
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center">
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center" Margin="0, 3, 0, 0">
|
||||
Visit the Wabbajack community
|
||||
</TextBlock>
|
||||
<ic:SymbolIcon Grid.Column="1" FontSize="28" Symbol="PeopleChat" VerticalAlignment="Center" HorizontalAlignment="Right" />
|
||||
</Grid>
|
||||
</Button>
|
||||
<Button Grid.Column="6" Style="{StaticResource LargeButtonStyle}" Click="Wiki_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
|
||||
<Button Grid.Column="6" Style="{StaticResource LargeButtonStyle}" Click="Wiki_Click" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Padding="2">
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*" />
|
||||
@ -88,7 +88,7 @@
|
||||
<TextBlock FontWeight="DemiBold" FontSize="28" VerticalAlignment="Center" HorizontalAlignment="Left">
|
||||
Wiki
|
||||
</TextBlock>
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center">
|
||||
<TextBlock Grid.Row="1" FontSize="14" VerticalAlignment="Center" Margin="0, 3, 0, 0">
|
||||
Read the general documentation
|
||||
</TextBlock>
|
||||
<ic:SymbolIcon Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Right" Symbol="TextQuote" FontSize="28" />
|
||||
|
||||
@ -63,8 +63,8 @@
|
||||
<ColumnDefinition Width="128" />
|
||||
<ColumnDefinition Width="*" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Border Grid.Column="1" Margin="0" Background="Green">
|
||||
<ContentPresenter Content="{Binding ActivePane}">
|
||||
<Border Grid.Column="1" Margin="0" Background="{StaticResource ComplementaryBackgroundBrush}" x:Name="MainContent" Padding="28" CornerRadius="8">
|
||||
<ContentPresenter Content="{Binding ActivePane}" VerticalAlignment="Stretch">
|
||||
<ContentPresenter.Resources>
|
||||
<DataTemplate DataType="{x:Type local:CompilerVM}">
|
||||
<local:CompilerView ViewModel="{Binding}" />
|
||||
|
||||
@ -12,640 +12,173 @@
|
||||
d:DesignWidth="1000"
|
||||
x:TypeArguments="local:ModeSelectionVM"
|
||||
mc:Ignorable="d">
|
||||
<Grid>
|
||||
<Grid Grid.Row="0" Grid.Column="0" VerticalAlignment="Stretch">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="3*" />
|
||||
<RowDefinition Height="0.2*" />
|
||||
<RowDefinition Height="1*" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="Auto" />
|
||||
</Grid.RowDefinitions>
|
||||
<Grid Grid.Row="0" Grid.Column="0">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="4*" />
|
||||
<RowDefinition Height="2*" />
|
||||
<RowDefinition Height="22*" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="Auto" />
|
||||
</Grid.RowDefinitions>
|
||||
<Label Grid.Row="0" Grid.Column="0" FontSize="87" FontWeight="Bold" Padding="0" Margin="0">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<TextBlock Grid.Row="0" Grid.Column="0" FontSize="87" FontWeight="Bold" Foreground="{StaticResource ForegroundBrush}" Text="Welcome to " />
|
||||
<TextBlock Foreground="{StaticResource PrimaryBrush}" Text="Wabbajack" />
|
||||
</StackPanel>
|
||||
</Label>
|
||||
<Label Grid.Row="1" FontSize="24" Foreground="{StaticResource ForegroundBrush}" Padding="0, 4, 0, 4" Margin="0">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<TextBlock Text="The home of " />
|
||||
<TextBlock x:Name="ModlistAmountTextBlock" Foreground="{StaticResource PrimaryBrush}" />
|
||||
<TextBlock Text=" ready-made modlists spanning " />
|
||||
<TextBlock x:Name="GameAmountTextBlock" Foreground="{StaticResource PrimaryBrush}" />
|
||||
<TextBlock Text=" games." />
|
||||
</StackPanel>
|
||||
</Label>
|
||||
<Grid Grid.Row="3" Grid.RowSpan="2">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="581*" />
|
||||
<ColumnDefinition Width="20*" />
|
||||
<ColumnDefinition Width="581*" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="81*" />
|
||||
<RowDefinition Height="14*" />
|
||||
<RowDefinition Height="81*" />
|
||||
</Grid.RowDefinitions>
|
||||
<Border Grid.Row="0" Grid.Column="0" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="16">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Find a modlist that suits your playstyle"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
VerticalAlignment="Top"
|
||||
Symbol="Search"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
Go through a series of questions to find a modlist that works for you through <Hyperlink Command="{Binding VisitModlistWizardCommand}"> our<LineBreak />
|
||||
Wabbakinator quiz</Hyperlink>, or <Hyperlink Command="{Binding BrowseCommand}">navigate the gallery</Hyperlink> yourself and pick something that looks fun.
|
||||
</TextBlock>
|
||||
</Grid>
|
||||
</Border>
|
||||
<Border Grid.Row="0" Grid.Column="2" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="16">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Follow the usually short documentation"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
VerticalAlignment="Top"
|
||||
Symbol="DocumentOnePageMultiple"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
Some modlists have steps that you need to take before you install the list, some don't.<LineBreak/>
|
||||
Check your list's documentation on how to get started.
|
||||
</TextBlock>
|
||||
</Grid>
|
||||
</Border>
|
||||
<Border Grid.Row="2" Grid.Column="0" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="16">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Start downloading your chosen list"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
VerticalAlignment="Top"
|
||||
Symbol="ArrowDownload"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
Pick a destination with enough free space and click the "Start download" button. You might<LineBreak/>
|
||||
have to log into Nexus first, but rest assured it will just work™.
|
||||
</TextBlock>
|
||||
</Grid>
|
||||
</Border>
|
||||
<Border Grid.Row="2" Grid.Column="2" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="16">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Ready to start playing!"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
VerticalAlignment="Top"
|
||||
Symbol="PlayCircle"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
If your install completed successfully and you're done with the documentation as well, you're<LineBreak/>
|
||||
now ready to launch the modlist and play!
|
||||
</TextBlock>
|
||||
</Grid>
|
||||
</Border>
|
||||
</Grid>
|
||||
</Grid>
|
||||
|
||||
<!--
|
||||
<Grid Grid.Row="1" Margin="5,15">
|
||||
<Label Grid.Row="0" Grid.Column="0" FontSize="87" FontWeight="Bold" Padding="0" Margin="0">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<TextBlock Grid.Row="0" Grid.Column="0" FontSize="87" FontWeight="Bold" Foreground="{StaticResource ForegroundBrush}" Text="Welcome to " />
|
||||
<TextBlock Foreground="{StaticResource PrimaryBrush}" Text="Wabbajack" />
|
||||
</StackPanel>
|
||||
</Label>
|
||||
<Label Grid.Row="1" FontSize="24" Foreground="{StaticResource ForegroundBrush}" Margin="0">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<TextBlock Text="The home of " />
|
||||
<TextBlock x:Name="ModlistAmountTextBlock" Foreground="{StaticResource PrimaryBrush}" />
|
||||
<TextBlock Text=" ready-made modlists spanning " />
|
||||
<TextBlock x:Name="GameAmountTextBlock" Foreground="{StaticResource PrimaryBrush}" />
|
||||
<TextBlock Text=" games." />
|
||||
</StackPanel>
|
||||
</Label>
|
||||
<Grid Grid.Row="3" Grid.RowSpan="2" Margin="0, 32, 0, 0">
|
||||
<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="Auto" />
|
||||
</Grid.RowDefinitions>
|
||||
<Border Grid.Row="0" Grid.Column="0" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="19" Margin="0, 0, 20, 20">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
<Viewbox Grid.Row="1">
|
||||
<Grid>
|
||||
<Grid>
|
||||
<ic:SymbolIcon
|
||||
Width="140"
|
||||
Height="140"
|
||||
Margin="0,0,0,10"
|
||||
HorizontalAlignment="Center"
|
||||
ClipToBounds="False"
|
||||
Foreground="{StaticResource PrimaryVariantBrush}"
|
||||
Symbol="ClockArrowDownload"
|
||||
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"
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Find a modlist that suits your playstyle"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
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>
|
||||
Symbol="Search"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
Go through a series of questions to find a modlist that works for you through <Hyperlink Command="{Binding VisitModlistWizardCommand}"> our<LineBreak />
|
||||
Wabbakinator quiz</Hyperlink>, or <Hyperlink Command="{Binding BrowseCommand}">navigate the gallery</Hyperlink> yourself and pick something that looks fun.
|
||||
</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">
|
||||
</Border>
|
||||
<Border Grid.Row="0" Grid.Column="2" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="19" Margin="0, 0, 0, 20">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</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"
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Follow the usually short documentation"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
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>
|
||||
Symbol="DocumentOnePageMultiple"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
Some modlists have steps that you need to take before you install the list, some don't.<LineBreak/>
|
||||
Check your list's documentation on how to get started.
|
||||
</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">
|
||||
</Border>
|
||||
<Border Grid.Row="2" Grid.Column="0" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="19" Margin="0, 0, 20, 0">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*" />
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</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"
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Start downloading your chosen list"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
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>
|
||||
Symbol="ArrowDownload"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
Pick a destination with enough free space and click the "Start download" button.<LineBreak/>
|
||||
You might have to log into Nexus first, but rest assured it will just work™.
|
||||
</TextBlock>
|
||||
</Grid>
|
||||
</Button>
|
||||
</Border>
|
||||
<Border Grid.Row="2" Grid.Column="2" BorderBrush="{StaticResource PrimaryVariantBrush}" CornerRadius="8" BorderThickness="19">
|
||||
<Grid Grid.Row="0" Grid.Column="0" Background="{StaticResource PrimaryVariantBrush}" Margin="-1">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="*"/>
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
<TextBlock
|
||||
Grid.Column="0"
|
||||
Grid.Row="0"
|
||||
Text="Ready to start playing!"
|
||||
FontWeight="DemiBold"
|
||||
FontSize="28"
|
||||
/>
|
||||
<ic:SymbolIcon
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
VerticalAlignment="Top"
|
||||
Symbol="PlayCircle"
|
||||
IsFilled="True"
|
||||
FontSize="28"
|
||||
/>
|
||||
<TextBlock Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" LineHeight="24" FontSize="14" VerticalAlignment="Bottom">
|
||||
If your install completed successfully and you're done with the documentation as well, <LineBreak />
|
||||
you're now ready to launch the modlist and play!
|
||||
</TextBlock>
|
||||
</Grid>
|
||||
</Border>
|
||||
</Grid>
|
||||
-->
|
||||
<GridSplitter Grid.Row="1" Background="White" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Stretch" />
|
||||
<local:LinksView Grid.Row="2" Grid.Column="0"/>
|
||||
<Grid Grid.Row="5" Margin="0, 20, 0, 20">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="6*"/>
|
||||
<ColumnDefinition Width="*"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
<Border Grid.Column="1" Background="{StaticResource DarkSecondaryBrush}" BorderBrush="{StaticResource DarkSecondaryBrush}" BorderThickness="2" CornerRadius="4" Margin="0, 10, 0, 10" />
|
||||
</Grid>
|
||||
<local:LinksView Grid.Row="6"/>
|
||||
</Grid>
|
||||
</rxui:ReactiveUserControl>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user