Skip to content
Permalink
master
Switch branches/tags

Arcade/Arcade/MainPage.xaml

Go to file
 
 
Cannot retrieve contributors at this time
110 lines (85 sloc) 7.78 KB
Raw Blame
Open in GitHub Desktop
<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:d="http://xamarin.com/schemas/2014/forms/design" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="Arcade.MainPage">
<ScrollView>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="200" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<!-- Full screen background ( https://wallpapersafari.com/w/vPGKkM ) -->
<RelativeLayout Padding="0" Grid.ColumnSpan="3">
<Image
Aspect="AspectFill"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/bg.jpg"
RelativeLayout.WidthConstraint= "{ConstraintExpression Type=RelativeToParent, Property=Width}"
RelativeLayout.HeightConstraint= "{ConstraintExpression Type=RelativeToParent, Property=Height}">
</Image>
</RelativeLayout>
<BoxView BackgroundColor="Black" Grid.Column="1" Opacity="0.4" />
<!-- Text using the "Press Start 2P"-font ( https://fonts.google.com/specimen/Press+Start+2P )-->
<!-- Clip paths generated by: https://danmarshall.github.io/google-font-to-svg-path/ -->
<StackLayout VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand" Grid.Column="1">
<!-- X -->
<AbsoluteLayout Margin="15,0,0,0">
<Path Fill="Black" Margin="5, 5, 0, 0"
Data="M 25 87.5 L 0 87.5 L 0 62.5 L 12.5 62.5 L 12.5 50 L 25 50 L 25 37.5 L 12.5 37.5 L 12.5 25 L 0 25 L 0 0 L 25 0 L 25 25 L 37.5 25 L 37.5 37.5 L 50 37.5 L 50 25 L 62.5 25 L 62.5 0 L 87.5 0 L 87.5 25 L 75 25 L 75 37.5 L 62.5 37.5 L 62.5 50 L 75 50 L 75 62.5 L 87.5 62.5 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 50 62.5 L 50 50 L 37.5 50 L 37.5 62.5 L 25 62.5 L 25 87.5 Z" />
<Image HeightRequest="100"
Clip="M 25 87.5 L 0 87.5 L 0 62.5 L 12.5 62.5 L 12.5 50 L 25 50 L 25 37.5 L 12.5 37.5 L 12.5 25 L 0 25 L 0 0 L 25 0 L 25 25 L 37.5 25 L 37.5 37.5 L 50 37.5 L 50 25 L 62.5 25 L 62.5 0 L 87.5 0 L 87.5 25 L 75 25 L 75 37.5 L 62.5 37.5 L 62.5 50 L 75 50 L 75 62.5 L 87.5 62.5 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 50 62.5 L 50 50 L 37.5 50 L 37.5 62.5 L 25 62.5 L 25 87.5 Z"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/01-tetris.jpg" />
</AbsoluteLayout>
<!-- A -->
<AbsoluteLayout Margin="15,0,0,0">
<Path Fill="Black" Margin="5, 5, 0, 0"
Data="M 25 87.5 L 0 87.5 L 0 25 L 12.5 25 L 12.5 12.5 L 25 12.5 L 25 0 L 62.5 0 L 62.5 12.5 L 75 12.5 L 75 25 L 87.5 25 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 25 62.5 L 25 87.5 Z M 25 25 L 25 50 L 62.5 50 L 62.5 25 L 50 25 L 50 12.5 L 37.5 12.5 L 37.5 25 L 25 25 Z" />
<Image HeightRequest="100"
Clip="M 25 87.5 L 0 87.5 L 0 25 L 12.5 25 L 12.5 12.5 L 25 12.5 L 25 0 L 62.5 0 L 62.5 12.5 L 75 12.5 L 75 25 L 87.5 25 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 25 62.5 L 25 87.5 Z M 25 25 L 25 50 L 62.5 50 L 62.5 25 L 50 25 L 50 12.5 L 37.5 12.5 L 37.5 25 L 25 25 Z"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/02-digdug.jpg" />
</AbsoluteLayout>
<!-- M -->
<AbsoluteLayout Margin="15,0,0,0">
<Path Fill="Black" Margin="5, 5, 0, 0"
Data="M 25 87.5 L 0 87.5 L 0 0 L 25 0 L 25 12.5 L 37.5 12.5 L 37.5 25 L 50 25 L 50 12.5 L 62.5 12.5 L 62.5 0 L 87.5 0 L 87.5 87.5 L 62.5 87.5 L 62.5 37.5 L 50 37.5 L 50 62.5 L 37.5 62.5 L 37.5 37.5 L 25 37.5 L 25 87.5 Z" />
<Image HeightRequest="100"
Clip="M 25 87.5 L 0 87.5 L 0 0 L 25 0 L 25 12.5 L 37.5 12.5 L 37.5 25 L 50 25 L 50 12.5 L 62.5 12.5 L 62.5 0 L 87.5 0 L 87.5 87.5 L 62.5 87.5 L 62.5 37.5 L 50 37.5 L 50 62.5 L 37.5 62.5 L 37.5 37.5 L 25 37.5 L 25 87.5 Z"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/03-pacman.jpg" />
</AbsoluteLayout>
<!-- A -->
<AbsoluteLayout Margin="15,0,0,0">
<Path Fill="Black" Margin="5, 5, 0, 0"
Data="M 25 87.5 L 0 87.5 L 0 25 L 12.5 25 L 12.5 12.5 L 25 12.5 L 25 0 L 62.5 0 L 62.5 12.5 L 75 12.5 L 75 25 L 87.5 25 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 25 62.5 L 25 87.5 Z M 25 25 L 25 50 L 62.5 50 L 62.5 25 L 50 25 L 50 12.5 L 37.5 12.5 L 37.5 25 L 25 25 Z" />
<Image HeightRequest="100"
Clip="M 25 87.5 L 0 87.5 L 0 25 L 12.5 25 L 12.5 12.5 L 25 12.5 L 25 0 L 62.5 0 L 62.5 12.5 L 75 12.5 L 75 25 L 87.5 25 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 25 62.5 L 25 87.5 Z M 25 25 L 25 50 L 62.5 50 L 62.5 25 L 50 25 L 50 12.5 L 37.5 12.5 L 37.5 25 L 25 25 Z"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/04-donkeykong.jpg" />
</AbsoluteLayout>
<!-- R -->
<AbsoluteLayout Margin="15,0,0,0">
<Path Fill="Black" Margin="5, 5, 0, 0"
Data="M 25 87.5 L 0 87.5 L 0 0 L 75 0 L 75 12.5 L 87.5 12.5 L 87.5 50 L 62.5 50 L 62.5 62.5 L 75 62.5 L 75 75 L 87.5 75 L 87.5 87.5 L 50 87.5 L 50 75 L 37.5 75 L 37.5 62.5 L 25 62.5 L 25 87.5 Z M 25 12.5 L 25 50 L 50 50 L 50 37.5 L 62.5 37.5 L 62.5 12.5 L 25 12.5 Z" />
<Image HeightRequest="100"
Clip="M 25 87.5 L 0 87.5 L 0 0 L 75 0 L 75 12.5 L 87.5 12.5 L 87.5 50 L 62.5 50 L 62.5 62.5 L 75 62.5 L 75 75 L 87.5 75 L 87.5 87.5 L 50 87.5 L 50 75 L 37.5 75 L 37.5 62.5 L 25 62.5 L 25 87.5 Z M 25 12.5 L 25 50 L 50 50 L 50 37.5 L 62.5 37.5 L 62.5 12.5 L 25 12.5 Z"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/05-mario.jpg" />
</AbsoluteLayout>
<!-- I -->
<AbsoluteLayout Margin="15,0,0,0">
<Path Fill="Black" Margin="5, 5, 0, 0"
Data="M 75 87.5 L 0 87.5 L 0 75 L 25 75 L 25 12.5 L 0 12.5 L 0 0 L 75 0 L 75 12.5 L 50 12.5 L 50 75 L 75 75 L 75 87.5 Z" />
<Image HeightRequest="100"
Clip="M 75 87.5 L 0 87.5 L 0 75 L 25 75 L 25 12.5 L 0 12.5 L 0 0 L 75 0 L 75 12.5 L 50 12.5 L 50 75 L 75 75 L 75 87.5 Z"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/06-qbert.jpg" />
</AbsoluteLayout>
<!-- N -->
<AbsoluteLayout Margin="15,0,0,0">
<Path Fill="Black" Margin="5, 5, 0, 0"
Data="M 25 87.5 L 0 87.5 L 0 0 L 25 0 L 25 12.5 L 37.5 12.5 L 37.5 25 L 50 25 L 50 37.5 L 62.5 37.5 L 62.5 0 L 87.5 0 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 50 62.5 L 50 50 L 37.5 50 L 37.5 37.5 L 25 37.5 L 25 87.5 Z" />
<Image HeightRequest="100"
Clip="M 25 87.5 L 0 87.5 L 0 0 L 25 0 L 25 12.5 L 37.5 12.5 L 37.5 25 L 50 25 L 50 37.5 L 62.5 37.5 L 62.5 0 L 87.5 0 L 87.5 87.5 L 62.5 87.5 L 62.5 62.5 L 50 62.5 L 50 50 L 37.5 50 L 37.5 37.5 L 25 37.5 L 25 87.5 Z"
Source="https://raw.githubusercontent.com/marcofolio/Arcade/master/_img/07-breakout.jpg" />
</AbsoluteLayout>
</StackLayout>
</Grid>
</ScrollView>
</ContentPage>