wabbajack/Wabbajack.App.Wpf/Views/ModeSelectionView.xaml

<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"
    xmlns:ic="clr-namespace:FluentIcons.WPF;assembly=FluentIcons.WPF"
    d:DesignHeight="700"
    d:DesignWidth="1000"
    x:TypeArguments="local:ModeSelectionVM"
    mc:Ignorable="d">
    <Grid Grid.Row="0" Grid.Column="0" VerticalAlignment="Stretch">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <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}" 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="*" />
            </Grid.ColumnDefinitions>
            <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="*"/>
                        <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="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="*"/>
                        <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="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="*"/>
                        <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.<LineBreak/>
                        You might 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="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>
        <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>