mirror of
https://github.com/Artemis-RGB/Artemis
synced 2025-12-13 05:48:35 +00:00
218 lines
15 KiB
XML
218 lines
15 KiB
XML
<UserControl x:Class="Artemis.UI.Screens.Home.HomeView"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:s="https://github.com/canton7/Stylet"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
|
xmlns:home="clr-namespace:Artemis.UI.Screens.Home"
|
|
xmlns:shared="clr-namespace:Artemis.UI.Shared;assembly=Artemis.UI.Shared"
|
|
mc:Ignorable="d"
|
|
d:DesignHeight="574.026"
|
|
d:DesignWidth="1029.87"
|
|
d:DataContext="{d:DesignInstance home:HomeViewModel, IsDesignTimeCreatable=True}">
|
|
<UserControl.Resources>
|
|
<ResourceDictionary>
|
|
<ResourceDictionary.MergedDictionaries>
|
|
<ResourceDictionary
|
|
Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Button.xaml" />
|
|
<ResourceDictionary
|
|
Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
|
|
<ResourceDictionary
|
|
Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
|
|
<!-- throw in some extra colour for our floating action button -->
|
|
<ResourceDictionary
|
|
Source="pack://application:,,,/MaterialDesignColors;component/Themes/MaterialDesignColor.Green.Named.Primary.xaml" />
|
|
</ResourceDictionary.MergedDictionaries>
|
|
</ResourceDictionary>
|
|
</UserControl.Resources>
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
<Grid HorizontalAlignment="Center" VerticalAlignment="Top" Margin="16">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<shared:ArtemisIcon SvgSource="/Resources/Images/Logo/bow.svg" Width="100" Height="100"/>
|
|
<StackPanel Grid.Column="1" Margin="24 0 0 0" VerticalAlignment="Center">
|
|
<TextBlock Style="{StaticResource MaterialDesignHeadline4TextBlock}" TextWrapping="Wrap">Welcome to Artemis, RGB on steroids.</TextBlock>
|
|
<Button Style="{StaticResource MaterialDesignFlatButton}"
|
|
Command="{x:Static materialDesign:DrawerHost.OpenDrawerCommand}">
|
|
<StackPanel Orientation="Horizontal">
|
|
<materialDesign:PackIcon Kind="Binoculars" />
|
|
<TextBlock Margin="8 0 0 0">EXPLORE</TextBlock>
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
<ScrollViewer Grid.Row="1" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Bottom"
|
|
Margin="0 0 0 32">
|
|
<Grid>
|
|
<StackPanel Orientation="Horizontal">
|
|
<materialDesign:Card Width="420" Margin="8 2 4 16" Height="Auto">
|
|
<Grid VerticalAlignment="Stretch">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="155" />
|
|
<RowDefinition Height="95" />
|
|
</Grid.RowDefinitions>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="200" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<materialDesign:PackIcon Kind="Discord" Width="140" Height="140"
|
|
HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
<StackPanel Grid.Row="0" Grid.Column="1">
|
|
<TextBlock Style="{StaticResource MaterialDesignHeadline5TextBlock}" Margin="16 16 16 8">Have a chat</TextBlock>
|
|
<TextBlock TextWrapping="Wrap" Margin="16 0 16 8"
|
|
Foreground="{DynamicResource MaterialDesignBodyLight}"
|
|
VerticalAlignment="Top">
|
|
If you need help, have some feedback or have any other questions feel free to contact us through any of the
|
|
following channels.
|
|
</TextBlock>
|
|
</StackPanel>
|
|
<Border Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="0" BorderThickness="0 1 0 0"
|
|
BorderBrush="{DynamicResource MaterialDesignDivider}" Padding="8">
|
|
<DockPanel>
|
|
<Grid Margin="8">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition />
|
|
<RowDefinition />
|
|
</Grid.RowDefinitions>
|
|
<Button Style="{DynamicResource MaterialDesignFlatButton}"
|
|
HorizontalAlignment="Left"
|
|
x:Name="GitHubButton" Command="{s:Action OpenUrl}"
|
|
CommandParameter="https://github.com/Artemis-RGB/Artemis">
|
|
<StackPanel Orientation="Horizontal">
|
|
<materialDesign:PackIcon Kind="Github" />
|
|
<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">GitHub</TextBlock>
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Grid.Row="0" Style="{DynamicResource MaterialDesignFlatButton}"
|
|
HorizontalAlignment="Right"
|
|
x:Name="WebsiteButton" Command="{s:Action OpenUrl}"
|
|
CommandParameter="https://artemis-rgb.com">
|
|
<StackPanel Orientation="Horizontal">
|
|
<materialDesign:PackIcon Kind="Web" />
|
|
<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Website</TextBlock>
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Grid.Row="1" Style="{DynamicResource MaterialDesignFlatButton}"
|
|
HorizontalAlignment="Left"
|
|
x:Name="DiscordButton" Command="{s:Action OpenUrl}"
|
|
CommandParameter="https://discordapp.com/invite/S3MVaC9">
|
|
<StackPanel Orientation="Horizontal">
|
|
<materialDesign:PackIcon Kind="Discord" />
|
|
<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Discord</TextBlock>
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Grid.Row="1" Style="{DynamicResource MaterialDesignFlatButton}"
|
|
HorizontalAlignment="Right"
|
|
x:Name="MailButton" Command="{s:Action OpenUrl}"
|
|
CommandParameter="mailto:spoinky.nl@gmail.com">
|
|
<StackPanel Orientation="Horizontal">
|
|
<materialDesign:PackIcon Kind="Email" />
|
|
<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">E-mail</TextBlock>
|
|
</StackPanel>
|
|
</Button>
|
|
</Grid>
|
|
</DockPanel>
|
|
</Border>
|
|
</Grid>
|
|
</materialDesign:Card>
|
|
<materialDesign:Card Width="420" Margin="8 2 4 16" Height="Auto">
|
|
<Grid VerticalAlignment="Stretch">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="155" />
|
|
<RowDefinition Height="95" />
|
|
</Grid.RowDefinitions>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="200" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<materialDesign:PackIcon Kind="Github" Width="160" Height="160"
|
|
HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
<StackPanel Grid.Row="0" Grid.Column="1">
|
|
<TextBlock Style="{StaticResource MaterialDesignHeadline5TextBlock}" Margin="16 16 16 8">Open Source</TextBlock>
|
|
<TextBlock TextWrapping="Wrap" Margin="16 0 16 8"
|
|
Foreground="{DynamicResource MaterialDesignBodyLight}"
|
|
VerticalAlignment="Top">
|
|
This project is completely open source. If you like it and want to say thanks you could hit the GitHub Star button,
|
|
I like numbers. You could even make plugins, there's a full documentation on the website
|
|
</TextBlock>
|
|
</StackPanel>
|
|
<Border Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="0" BorderThickness="0 1 0 0"
|
|
BorderBrush="{DynamicResource MaterialDesignDivider}" Padding="8">
|
|
<DockPanel>
|
|
<Button Style="{DynamicResource MaterialDesignFlatButton}"
|
|
DockPanel.Dock="Right"
|
|
x:Name="DonateButton"
|
|
Command="{s:Action OpenUrl}"
|
|
CommandParameter="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VQBAEJYUFLU4J">
|
|
<StackPanel Orientation="Horizontal">
|
|
<materialDesign:PackIcon Kind="Gift" />
|
|
<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Donate</TextBlock>
|
|
</StackPanel>
|
|
</Button>
|
|
<TextBlock Foreground="{DynamicResource MaterialDesignBodyLight}"
|
|
TextWrapping="Wrap"
|
|
Margin="16"
|
|
VerticalAlignment="Center">
|
|
Feel like you want to make a donation? It would be gratefully received. Click the button to donate via PayPal.
|
|
</TextBlock>
|
|
</DockPanel>
|
|
</Border>
|
|
</Grid>
|
|
</materialDesign:Card>
|
|
</StackPanel>
|
|
</Grid>
|
|
</ScrollViewer>
|
|
<!-- PopupBox could be nice in the future when we actually have some stuff to send ppl to -->
|
|
<!--<materialDesign:PopupBox Style="{StaticResource MaterialDesignMultiFloatingActionPopupBox}"
|
|
HorizontalAlignment="Right" VerticalAlignment="Bottom"
|
|
Margin="32" Grid.Row="1">
|
|
--><!-- add the visibility binding https://github.com/ButchersBoy/MaterialDesignInXamlToolkit/issues/723 --><!--
|
|
<StackPanel Visibility="{Binding Path=IsPopupOpen, ElementName=MyPopupBox, Converter={StaticResource BoolToVisibilityConverter}}">
|
|
<Button ToolTip="GitHub" Command="{s:Action OpenUrl}" CommandParameter="https://github.com/SpoinkyNL/Artemis">
|
|
<materialDesign:PackIcon Kind="Github" Height="20" Width="20" />
|
|
</Button>
|
|
<Button ToolTip="Twitter" Command="{s:Action OpenUrl}" CommandParameter="https://github.com/SpoinkyNL/Artemis"
|
|
Background="{DynamicResource PrimaryHueMidBrush}"
|
|
Foreground="{DynamicResource PrimaryHueMidForegroundBrush}">
|
|
<materialDesign:PackIcon Kind="Twitter" />
|
|
</Button>
|
|
<Button ToolTip="Chat" Command="{s:Action OpenUrl}" CommandParameter="https://github.com/SpoinkyNL/Artemis">
|
|
--><!-- mix up the colours by brinking in a named palette (see merged dictionaries at top) --><!--
|
|
<Button.Background>
|
|
<SolidColorBrush Color="{StaticResource GreenPrimary500}" />
|
|
</Button.Background>
|
|
<Button.Foreground>
|
|
<SolidColorBrush Color="{StaticResource GreenPrimary500Foreground}" />
|
|
</Button.Foreground>
|
|
<materialDesign:PackIcon Kind="Message" />
|
|
</Button>
|
|
<Button ToolTip="Email" Command="{s:Action OpenUrl}" CommandParameter="https://github.com/SpoinkyNL/Artemis"
|
|
Background="{DynamicResource SecondaryHueMidBrush}"
|
|
Foreground="{DynamicResource SecondaryHueMidForegroundBrush}"
|
|
>
|
|
<materialDesign:PackIcon Kind="Email" />
|
|
</Button>
|
|
<Button ToolTip="Feel like you want to make a donation? It would be gratefully received. Click the button to donate via Pledgie."
|
|
Command="{s:Action OpenUrl}" CommandParameter="https://github.com/SpoinkyNL/Artemis">
|
|
<Button.Background>
|
|
<SolidColorBrush Color="{StaticResource GreenPrimary200}" />
|
|
</Button.Background>
|
|
<Button.Foreground>
|
|
<SolidColorBrush Color="{StaticResource GreenPrimary200Foreground}" />
|
|
</Button.Foreground>
|
|
<materialDesign:PackIcon Kind="Gift" />
|
|
</Button>
|
|
</StackPanel>
|
|
</materialDesign:PopupBox>-->
|
|
</Grid>
|
|
</UserControl> |