Added navigation and splashpage

Added styles to App.xaml

Breda-Tour/App.xaml

@@ -4,5 +4,194 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="using:Breda_Tour"
     RequestedTheme="Light">
+    <!--Author: Jannick van Ballegooijen-->
+    <Application.Resources>
 
+        <ResourceDictionary>
+
+
+            <!--Strings -->
+            <!-- Title -->
+            <x:String x:Key="AppTitle">Breda Tour</x:String>
+            <x:String x:Key="AppTitleThinPart">Breda</x:String>
+            <x:String x:Key="AppTitleBoldPart">Tour</x:String>
+
+            <!-- Languages -->
+            <x:String x:Key="AppLanguageDutch">Nederlands</x:String>
+            <x:String x:Key="AppLanguageEnglish">English</x:String>
+
+            <!-- Settings -->
+            <x:String x:Key="AppSettingsLanguageSettings">Taal instellingen</x:String>
+            <x:String x:Key="AppSettingsHelp">Help</x:String>
+
+            <!-- Symbols -->
+            <x:String x:Key="SymbolBack"></x:String>
+            <x:String x:Key="SymbolClose"></x:String>
+            <x:String x:Key="SymbolFolder"></x:String>
+            <x:String x:Key="SymbolSettings"></x:String>
+            <x:String x:Key="SymbolGlobe"></x:String>
+            <x:String x:Key="SymbolRouteSelect"></x:String>
+            <x:String x:Key="SymbolStartRoute"></x:String>
+            <x:String x:Key="SymbolFlag"></x:String>
+            <x:String x:Key="SymbolThreeDots"></x:String>
+            <x:String x:Key="SymbolCurrentLocation"></x:String>
+
+            <!-- Colors -->
+            <SolidColorBrush x:Key="BredaToursMainColorBrush" Color="#2962FF"/>
+            <SolidColorBrush x:Key="BredaToursAccentColorBrush" Color="#82B1FF"/>
+            <SolidColorBrush x:Key="BredaToursShadowColorBrush" Color="#0D47A1"/>
+            <LinearGradientBrush x:Key="BredaToursSplashScreenBrush" StartPoint="0,0" EndPoint="0,1">
+                <GradientStop Color="#185a9d" Offset="0"/>
+                <GradientStop Color="#43cea2" Offset="1"/>
+            </LinearGradientBrush>
+
+            <Style TargetType="TextBlock" x:Key="SettingsHeaderStyle">
+                <Setter Property="Margin" Value="20,15,0,15"/>
+                <Setter Property="FontSize" Value="14"/>
+                <Setter Property="FontWeight" Value="Medium"/>
+                <Setter Property="Foreground" Value="{StaticResource BredaToursMainColorBrush}"/>
+            </Style>
+
+            <!-- SplashScreen Button Style -->
+            <Style TargetType="Button" x:Key="SplashScreenLanguageButtonStyle">
+                <Setter Property="Template">
+                    <Setter.Value>
+                        <ControlTemplate>
+                            <Grid>
+                                <VisualStateManager.VisualStateGroups>
+                                    <VisualStateGroup x:Name="CommonStates">
+                                        <VisualState x:Name="Normal"/>
+                                        <VisualState x:Name="Pressed">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="BackgroundRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0">
+                                                        <DiscreteObjectKeyFrame.Value>
+                                                            <Color>#33FFFFFF</Color>
+                                                        </DiscreteObjectKeyFrame.Value>
+                                                    </DiscreteObjectKeyFrame>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                        <VisualState x:Name="PointerOver">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="BackgroundRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0">
+                                                        <DiscreteObjectKeyFrame.Value>
+                                                            <Color>#22FFFFFF</Color>
+                                                        </DiscreteObjectKeyFrame.Value>
+                                                    </DiscreteObjectKeyFrame>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                </VisualStateManager.VisualStateGroups>
+                                <Rectangle Name="BackgroundRectangle" Stroke="White" RadiusX="2" RadiusY="2" Width="110"/>
+                                <ContentPresenter>
+                                    <TextBlock
+                                        Text="{Binding Content, RelativeSource={RelativeSource Mode=TemplatedParent}}"
+                                        Foreground="White"
+                                        Margin="0,2,0,3"
+                                        FontSize="11"
+                                        HorizontalAlignment="Center"
+                                        VerticalAlignment="Center"/>
+                                </ContentPresenter>
+                            </Grid>
+                        </ControlTemplate>
+                    </Setter.Value>
+                </Setter>
+            </Style>
+
+            <!-- Navigation tab button style -->
+            <Style TargetType="RadioButton" x:Key="MainNavigationButtonStyle">
+                <Setter Property="Template">
+                    <Setter.Value>
+                        <ControlTemplate>
+                            <RelativePanel>
+                                <VisualStateManager.VisualStateGroups>
+                                    <!--<VisualStateGroup x:Name="CommonStates">
+                                        <VisualState x:Name="Normal">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Foreground)" Storyboard.TargetName="MenuNavigationSymbol">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BredaToursShadowColorBrush}"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="MenuNavigationRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="#00FFFFFF"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                        <VisualState x:Name="MouseOver">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Foreground)" Storyboard.TargetName="MenuNavigationSymbol">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BredaToursAccentColorBrush}"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="MenuNavigationRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BredaToursAccentColorBrush}"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                    </VisualStateGroup>-->
+                                    <VisualStateGroup x:Name="CheckedStates">
+                                        <VisualState x:Name="Checked">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Foreground)" Storyboard.TargetName="MenuNavigationSymbol">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="#FFFFFF"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="MenuNavigationRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="#FFFFFF"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                        <VisualState x:Name="Unchecked">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Foreground)" Storyboard.TargetName="MenuNavigationSymbol">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="#FFFFFF"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="MenuNavigationRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="#00FFFFFF"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                    <!--<VisualStateGroup x:Name="FocusStates">
+                                        <VisualState x:Name="Focused">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Foreground)" Storyboard.TargetName="MenuNavigationSymbol">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BredaToursAccentColorBrush}"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="MenuNavigationRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BredaToursAccentColorBrush}"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                        <VisualState x:Name="Unfocused">
+                                            <Storyboard>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Foreground)" Storyboard.TargetName="MenuNavigationSymbol">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BredaToursShadowColorBrush}"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Fill)" Storyboard.TargetName="MenuNavigationRectangle">
+                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="#00FFFFFF"/>
+                                                </ObjectAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </VisualState>
+                                    </VisualStateGroup>-->
+                                </VisualStateManager.VisualStateGroups>
+                                <TextBlock FontFamily="Segoe MDL2 Assets"
+                                           FontWeight="Bold"
+                                           FontSize="18"
+                                           Text="{Binding Content,RelativeSource={RelativeSource Mode=TemplatedParent}}"
+                                           RelativePanel.AlignHorizontalCenterWithPanel="True"
+                                           RelativePanel.AlignVerticalCenterWithPanel="True"
+                                           Name="MenuNavigationSymbol"/>
+                                <Rectangle RelativePanel.AlignBottomWithPanel="True"
+                                           RelativePanel.AlignLeftWithPanel="True"
+                                           RelativePanel.AlignRightWithPanel="True"
+                                           Height="2"
+                                           Name="MenuNavigationRectangle"/>
+                            </RelativePanel>
+                        </ControlTemplate>
+                    </Setter.Value>
+                </Setter>
+            </Style>
+        </ResourceDictionary>
+    </Application.Resources>
 </Application>

Breda-Tour/App.xaml.cs

@@ -43,12 +43,12 @@ namespace Breda_Tour
         protected override void OnLaunched(LaunchActivatedEventArgs e)
         {
 
-#if DEBUG
-            if (System.Diagnostics.Debugger.IsAttached)
-            {
-                this.DebugSettings.EnableFrameRateCounter = true;
-            }
-#endif
+//#if DEBUG
+//            if (System.Diagnostics.Debugger.IsAttached)
+//            {
+//                this.DebugSettings.EnableFrameRateCounter = true;
+//            }
+//#endif
 
             Frame rootFrame = Window.Current.Content as Frame;
 
@@ -75,7 +75,7 @@ namespace Breda_Tour
                 // When the navigation stack isn't restored navigate to the first page,
                 // configuring the new page by passing required information as a navigation
                 // parameter
-                rootFrame.Navigate(typeof(MainPage), e.Arguments);
+                rootFrame.Navigate(typeof(SplashScreen.SplashPage), e.Arguments);
             }
             // Ensure the current window is active
             Window.Current.Activate();

Breda-Tour/Breda-Tour.csproj

@@ -99,10 +99,26 @@
     <Compile Include="App.xaml.cs">
       <DependentUpon>App.xaml</DependentUpon>
     </Compile>
+    <Compile Include="CustomControls\DefaultPivotControl.xaml.cs">
+      <DependentUpon>DefaultPivotControl.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="CustomControls\DefaultTopBar.xaml.cs">
+      <DependentUpon>DefaultTopBar.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="HelpScreen\HelpItem.cs" />
+    <Compile Include="HelpScreen\HelpPage.xaml.cs">
+      <DependentUpon>HelpPage.xaml</DependentUpon>
+    </Compile>
     <Compile Include="MainPage.xaml.cs">
       <DependentUpon>MainPage.xaml</DependentUpon>
     </Compile>
     <Compile Include="Properties\AssemblyInfo.cs" />
+    <Compile Include="SettingsScreen\SettingsPage.xaml.cs">
+      <DependentUpon>SettingsPage.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="SplashScreen\SplashPage.xaml.cs">
+      <DependentUpon>SplashPage.xaml</DependentUpon>
+    </Compile>
   </ItemGroup>
   <ItemGroup>
     <AppxManifest Include="Package.appxmanifest">
@@ -111,6 +127,7 @@
     <None Include="Breda-Tour_TemporaryKey.pfx" />
   </ItemGroup>
   <ItemGroup>
+    <Content Include="Assets\Ags_Logo.png" />
     <Content Include="Properties\Default.rd.xml" />
     <Content Include="Assets\LockScreenLogo.scale-200.png" />
     <Content Include="Assets\SplashScreen.scale-200.png" />
@@ -125,11 +142,32 @@
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
     </ApplicationDefinition>
+    <Page Include="CustomControls\DefaultPivotControl.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
+    <Page Include="CustomControls\DefaultTopBar.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
+    <Page Include="HelpScreen\HelpPage.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Include="MainPage.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
     </Page>
+    <Page Include="SettingsScreen\SettingsPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
+    <Page Include="SplashScreen\SplashPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
   </ItemGroup>
+  <ItemGroup />
   <PropertyGroup Condition=" '$(VisualStudioVersion)' == '' or '$(VisualStudioVersion)' &lt; '14.0' ">
     <VisualStudioVersion>14.0</VisualStudioVersion>
   </PropertyGroup>

Breda-Tour/CustomControls/DefaultPivotControl.xaml

@@ -0,0 +1,41 @@
+<UserControl
+    x:Class="Breda_Tour.CustomControls.DefaultPivotControl"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Breda_Tour.CustomControls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+    <Grid Background="#22000000" Height="52">
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="*"/>
+        </Grid.ColumnDefinitions>
+        <RadioButton 
+            Name="RouteSelectRadioButton"
+            HorizontalAlignment="Stretch"
+            Style="{StaticResource MainNavigationButtonStyle}"
+            Content="{StaticResource SymbolRouteSelect}"
+            Checked="RouteSelectRadioButton_Checked"
+            Height="50"
+            />
+        <RadioButton 
+             HorizontalAlignment="Stretch"
+            Name="MapRadioButton"
+            Style="{StaticResource MainNavigationButtonStyle}"
+            Content="{StaticResource SymbolGlobe}" 
+            Grid.Column="1"
+            Checked="MapRadioButton_Checked"
+            Height="50"/>
+        <RadioButton 
+            HorizontalAlignment="Stretch"
+            Name="SettingsRadioButton"
+            Style="{StaticResource MainNavigationButtonStyle}"
+            Content="{StaticResource SymbolSettings}"
+            Grid.Column="2"
+            Checked="SettingsRadioButton_Checked"
+            Height="50"/>
+    </Grid>
+    
+</UserControl>

Breda-Tour/CustomControls/DefaultPivotControl.xaml.cs

@@ -0,0 +1,70 @@
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238
+
+namespace Breda_Tour.CustomControls
+{
+    /// <summary>
+    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class DefaultPivotControl : UserControl
+    {
+
+        public enum Tab
+        {
+            RouteSelected,
+            Map,
+            Settings
+        }
+
+        public void SetCheckedButton(Tab selected)
+        {
+            switch (selected)
+            {
+                case Tab.Map:
+                    MapRadioButton.IsChecked = true;
+                    break;
+                case Tab.RouteSelected:
+                    RouteSelectRadioButton.IsChecked = true;
+                    break;
+                case Tab.Settings:
+                    SettingsRadioButton.IsChecked = true;
+                    break;
+            }
+        }
+
+        public DefaultPivotControl()
+        {
+            this.InitializeComponent();
+        }
+
+        private void RouteSelectRadioButton_Checked(object sender, RoutedEventArgs e)
+        {
+
+        }
+
+        private void MapRadioButton_Checked(object sender, RoutedEventArgs e)
+        {
+
+        }
+
+        private void SettingsRadioButton_Checked(object sender, RoutedEventArgs e)
+        {
+
+        }
+    }
+}

Breda-Tour/CustomControls/DefaultTopBar.xaml

@@ -0,0 +1,30 @@
+<UserControl
+    x:Class="Breda_Tour.CustomControls.DefaultTopBar"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Breda_Tour.CustomControls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <RelativePanel Background="#22000000" Height="40">
+        <TextBlock x:Name="TopBarIcon"
+                    Foreground="White"
+                    FontFamily="Segoe MDL2 Assets"
+                    FontWeight="Bold"
+                    FontSize="18"
+                    RelativePanel.AlignVerticalCenterWithPanel="True"
+                   Text="{Binding MySymbol}"
+                    Margin="10,0,0,0"
+                   >
+        </TextBlock>
+        <TextBlock x:Name="TopBarHeaderText"
+                   Foreground="White"
+                   FontSize="18"
+                   RelativePanel.RightOf="TopBarIcon"
+                   RelativePanel.AlignVerticalCenterWithPanel="True"
+                   Text="{Binding Header}"
+                   Margin="10,0,0,1">
+        </TextBlock>
+    </RelativePanel>
+</UserControl>

Breda-Tour/CustomControls/DefaultTopBar.xaml.cs

@@ -0,0 +1,47 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238
+
+namespace Breda_Tour.CustomControls
+{
+    /// <summary>
+    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class DefaultTopBar : UserControl
+    {
+        public string MySymbol {
+            get { return (string)GetValue(SymbolProperty); }
+            set { SetValue(SymbolProperty, value); }
+        }
+        public string Header
+        {
+            get { return (string)GetValue(HeaderProperty); }
+            set { SetValue(HeaderProperty, value); }
+        }
+
+            public static readonly DependencyProperty SymbolProperty =
+            DependencyProperty.Register("MySymbol", typeof(string), typeof(DefaultTopBar), null);
+
+        public static readonly DependencyProperty HeaderProperty =
+            DependencyProperty.Register("Header", typeof(string), typeof(DefaultTopBar), null);
+
+        public DefaultTopBar()
+        {
+            this.InitializeComponent();
+            this.DataContext = this;
+        }
+    }
+}

Breda-Tour/HelpScreen/HelpItem.cs

@@ -0,0 +1,13 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Breda_Tour.HelpScreen
+{
+    public class HelpItem
+    {
+        public string Title { get; set; }
+    }
+}

Breda-Tour/HelpScreen/HelpPage.xaml

@@ -0,0 +1,32 @@
+<Page
+    x:Class="Breda_Tour.HelpScreen.HelpPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Breda_Tour"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:c="using:Breda_Tour.CustomControls"
+    mc:Ignorable="d">
+
+    <Grid Background="Transparent">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="40"/>
+            <RowDefinition Height="*"/>
+            <RowDefinition Height="75"/>
+        </Grid.RowDefinitions>
+        <c:DefaultTopBar MySymbol="{StaticResource SymbolClose}" Header="HelpItem" />
+        <StackPanel Background="White" Grid.Row="1">
+
+        </StackPanel>
+        <Grid Grid.Row="2">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+            </Grid.ColumnDefinitions>
+            <TextBlock Foreground="White" FontSize="18" Text="Back" Margin="20,0,0,0" VerticalAlignment="Center"/>
+            <TextBlock Foreground="White" FontSize="18" Text="Page 1 of 4" VerticalAlignment="Center" HorizontalAlignment="Center"  Grid.Column="1"/>
+            <TextBlock Foreground="White" FontSize="18" Text="Next" Margin="0,0,20,0" HorizontalAlignment="Right" VerticalAlignment="Center" Grid.Column="2"/>
+        </Grid>
+    </Grid>
+</Page>

Breda-Tour/HelpScreen/HelpPage.xaml.cs

@@ -0,0 +1,30 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238
+
+namespace Breda_Tour.HelpScreen
+{
+    /// <summary>
+    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class HelpPage : Page
+    {
+        public HelpPage()
+        {
+            this.InitializeComponent();
+        }
+    }
+}

Breda-Tour/MainPage.xaml

@@ -3,11 +3,14 @@
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="using:Breda_Tour"
+    xmlns:c="using:Breda_Tour.CustomControls"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     mc:Ignorable="d">
 
-    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
-
+    <Grid Background="{StaticResource BredaToursSplashScreenBrush}">
+        <Frame x:Name="rootFrame" Grid.Row="1">
+            
+        </Frame>
     </Grid>
 </Page>

Breda-Tour/MainPage.xaml.cs

@@ -3,6 +3,7 @@ using System.Collections.Generic;
 using System.IO;
 using System.Linq;
 using System.Runtime.InteropServices.WindowsRuntime;
+using Breda_Tours.SettingsScreen;
 using Windows.Foundation;
 using Windows.Foundation.Collections;
 using Windows.UI.Xaml;
@@ -22,9 +23,18 @@ namespace Breda_Tour
     /// </summary>
     public sealed partial class MainPage : Page
     {
+        private static Frame f;
+
         public MainPage()
         {
             this.InitializeComponent();
+            f = this.rootFrame;
+            f.Navigate(typeof(SettingsPage));
+        }
+
+        public static Frame RootFrame {
+            get { return f; }
         }
+
     }
 }

Breda-Tour/SettingsScreen/SettingsPage.xaml

@@ -0,0 +1,61 @@
+<Page
+    x:Class="Breda_Tours.SettingsScreen.SettingsPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Breda_Tours.SettingsScreen"
+    xmlns:c="using:Breda_Tour.CustomControls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:data="using:Breda_Tour.HelpScreen"
+    mc:Ignorable="d">
+    <Grid Background="Transparent">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="40"/>
+            <RowDefinition Height="50"/>
+            <RowDefinition Height="*" ScrollViewer.VerticalScrollMode="Enabled"/>
+        </Grid.RowDefinitions>
+        <c:DefaultTopBar Header="Instellingen"/>
+        <c:DefaultPivotControl x:Name="DefaultPivot" Grid.Row="1"/>
+        <ScrollViewer Grid.Row="2" VerticalScrollBarVisibility="Hidden">
+            <StackPanel Orientation="Vertical">
+                <TextBlock Style="{StaticResource SettingsHeaderStyle}" Foreground="White" Text="{StaticResource AppSettingsLanguageSettings}"></TextBlock>
+                <ListViewItem>
+                    <StackPanel Margin="8,0,0,0">
+                        <TextBlock FontSize="18" Text="Taal instellen" Foreground="White"></TextBlock>
+                        <TextBlock Margin="0,-1,0,0" FontSize="12" Foreground="White" Text="{StaticResource AppLanguageDutch}"></TextBlock>
+                    </StackPanel>
+                </ListViewItem>
+                <Rectangle Margin="0,15,0,0" Fill="#99FFFFFF" Height="1" />
+                <TextBlock Style="{StaticResource SettingsHeaderStyle}" Foreground="White" Text="{StaticResource AppSettingsHelp}"></TextBlock>
+                <ListView ItemsSource="{x:Bind HelpItems}" >
+                    <ListView.ItemTemplate>
+                        <DataTemplate x:DataType="data:HelpItem">
+                            <ListBoxItem Padding="0" Background="Transparent" IsEnabled="False">
+                                <Grid Height="50">
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="50"/>
+                                        <ColumnDefinition Width="*"/>
+                                    </Grid.ColumnDefinitions>
+                                    <Ellipse Height="40" Width="40" Stroke="White" StrokeThickness="0.5"
+                                         Margin="5"
+                                         Name="FolderEllipse"/>
+                                    <SymbolIcon Symbol="Folder"
+                                                
+                                            Foreground="White"
+                                            Margin="10"
+                                            >
+                                        <SymbolIcon.RenderTransform>
+                                            <RotateTransform Angle="270" CenterX="15" CenterY="15"/>
+                                        </SymbolIcon.RenderTransform>
+                                    </SymbolIcon>
+                                    <TextBlock RelativePanel.RightOf="FolderEllipse" Foreground="White" Margin="10,14" Text="{x:Bind Title}" Grid.Column="1"/>
+                                </Grid>
+                            </ListBoxItem>
+                        </DataTemplate>
+                    </ListView.ItemTemplate>
+                </ListView>
+            </StackPanel>
+        </ScrollViewer>
+    </Grid>
+    
+</Page>

Breda-Tour/SettingsScreen/SettingsPage.xaml.cs

@@ -0,0 +1,55 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Diagnostics;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Breda_Tour;
+
+using Breda_Tour.HelpScreen;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238
+
+namespace Breda_Tours.SettingsScreen
+{
+    /// <summary>
+    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class SettingsPage : Page
+    {
+        public ObservableCollection<HelpItem> HelpItems
+        {
+            get { return (ObservableCollection<HelpItem>)GetValue(HelpItemProperty); }
+            set { SetValue(HelpItemProperty, value); }
+        }
+
+        public static readonly DependencyProperty HelpItemProperty =
+        DependencyProperty.Register("HelpItems", typeof(ObservableCollection<HelpItem>), typeof(SettingsPage), null);
+
+        public SettingsPage()
+        {
+            this.InitializeComponent();
+
+            DefaultPivot.SetCheckedButton(Breda_Tour.CustomControls.DefaultPivotControl.Tab.Settings);
+
+            HelpItems = new ObservableCollection<HelpItem>();
+            for (int i = 0; i < 10; i++)
+                HelpItems.Add(new HelpItem
+                {
+                    Title = "HelpItem" + i
+                });
+            DataContext = this;
+        }
+
+    }
+}

Breda-Tour/SplashScreen/SplashPage.xaml

@@ -0,0 +1,58 @@
+<Page
+    x:Class="Breda_Tour.SplashScreen.SplashPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Breda_Tour.SplashScreen"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid Background="{StaticResource BredaToursSplashScreenBrush}">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="*"/>
+            <RowDefinition Height="70"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        <!--Logo-->
+        <RelativePanel HorizontalAlignment="Center">
+            <Ellipse Name="BackgroundEllipseLogo"
+                     RelativePanel.AlignBottomWith="LogoImage"
+                     RelativePanel.AlignTopWith="LogoImage"
+                     RelativePanel.AlignLeftWith="LogoImage"
+                     RelativePanel.AlignRightWith="LogoImage"
+                     Margin="25"
+                     Fill="#44FFFFFF"
+                     Stroke="White" StrokeThickness="1"/>
+            <Image Name="LogoImage"
+                   Source="/Assets/Ags_Logo.png" 
+                   MinHeight="40"
+                   MaxHeight="125"
+                   RelativePanel.AlignBottomWithPanel="True"
+                   Margin="45"/>
+        </RelativePanel>
+        <!--Logo-->
+        <!--App Name-->
+        <RelativePanel  Grid.Row="1">
+            <StackPanel Name="TitleStackPanel" RelativePanel.AlignVerticalCenterWithPanel="True" RelativePanel.AlignHorizontalCenterWithPanel="True" Orientation="Horizontal">
+                <TextBlock Foreground="White" FontSize="36" FontWeight="Light" Text="{StaticResource AppTitleThinPart}"/>
+                <TextBlock Foreground="White" FontSize="36" FontWeight="Normal" Text="{StaticResource AppTitleBoldPart}" Margin="5,0,0,0"/>
+            </StackPanel>
+            <Rectangle Fill="White" Grid.Row="1" RelativePanel.Below="TitleStackPanel" Margin="2,0,1,0" RelativePanel.AlignLeftWith="TitleStackPanel" RelativePanel.AlignRightWith="TitleStackPanel" Height="1"></Rectangle>
+        </RelativePanel>
+        <!--App Name-->
+        <!--Language selection-->
+        <StackPanel Grid.Row="2" HorizontalAlignment="Center">
+            <Button Style="{StaticResource SplashScreenLanguageButtonStyle}"
+                    Content="{StaticResource AppLanguageDutch}"
+                    Margin="0,15,0,0"
+                    Click="Button_Click"/>
+            <Button Style="{StaticResource SplashScreenLanguageButtonStyle}"
+                    Content="{StaticResource AppLanguageEnglish}"
+                    Margin="0,10,0,0"
+                    Click="Button_Click"/>
+        </StackPanel>
+
+        <!--Language selection-->
+
+    </Grid>
+</Page>

Breda-Tour/SplashScreen/SplashPage.xaml.cs

@@ -0,0 +1,42 @@
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
+using Windows.UI.Xaml.Input;
+using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Navigation;
+
+// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238
+
+namespace Breda_Tour.SplashScreen
+{
+    /// <summary>
+    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class SplashPage : Page
+    {
+        //get current frame
+        Frame f = (Frame)Window.Current.Content;
+
+        public SplashPage()
+        {
+            this.InitializeComponent();
+        }
+
+        /// <author>Jannick van Ballegooijen</author>
+        /// <desc>Temporary method to navigate to the main screen</desc>
+        private void Button_Click(object sender, RoutedEventArgs e)
+        {
+            f.Navigate(typeof(MainPage));
+        }
+        
+    }
+}