From 6a71a24285361e009c076baa80198a3ffacc9497 Mon Sep 17 00:00:00 2001
From: Daniel Causer <danielcauser@gmail.com>
Date: Wed, 27 Mar 2019 19:43:04 -0400
Subject: [PATCH 1/3] [DC] Pretty listview with monkeys and gradient

---
 .../.idea/contentModel.xml                    | 143 +++++++
 .../.idea.VisualChallenge/.idea/encodings.xml |   4 +
 .../.idea/indexLayout.xml                     |   8 +
 .idea/.idea.VisualChallenge/.idea/misc.xml    |   6 +
 .idea/.idea.VisualChallenge/.idea/modules.xml |   9 +
 .idea/.idea.VisualChallenge/.idea/vcs.xml     |   6 +
 .../.idea.VisualChallenge/.idea/workspace.xml | 389 ++++++++++++++++++
 .../VisualChallenge.Android.iml               |  18 +
 .idea/.idea.VisualChallenge/riderModule.iml   |   9 +
 .../VisualChallenge.Android.csproj            |   1 +
 .../VisualChallenge.iOS/AppDelegate.cs        |   3 +
 .../VisualChallenge.iOS.csproj                |   1 +
 .../VisualChallenge/GradientView.cs           |  47 +++
 .../VisualChallenge/VisualChallenge.csproj    |   4 +-
 .../VisualChallenge/VisualChallengePage.xaml  |  56 ++-
 .../VisualChallengePage.xaml.cs               |  39 +-
 16 files changed, 730 insertions(+), 13 deletions(-)
 create mode 100644 .idea/.idea.VisualChallenge/.idea/contentModel.xml
 create mode 100644 .idea/.idea.VisualChallenge/.idea/encodings.xml
 create mode 100644 .idea/.idea.VisualChallenge/.idea/indexLayout.xml
 create mode 100644 .idea/.idea.VisualChallenge/.idea/misc.xml
 create mode 100644 .idea/.idea.VisualChallenge/.idea/modules.xml
 create mode 100644 .idea/.idea.VisualChallenge/.idea/vcs.xml
 create mode 100644 .idea/.idea.VisualChallenge/.idea/workspace.xml
 create mode 100644 .idea/.idea.VisualChallenge/VisualChallenge.Android.iml
 create mode 100644 .idea/.idea.VisualChallenge/riderModule.iml
 create mode 100644 VisualChallenge/VisualChallenge/GradientView.cs

diff --git a/.idea/.idea.VisualChallenge/.idea/contentModel.xml b/.idea/.idea.VisualChallenge/.idea/contentModel.xml
new file mode 100644
index 0000000..4c35adf
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/.idea/contentModel.xml
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ContentModelStore">
+    <e p="$USER_HOME$/.nuget/packages/xamarin.forms/4.0.1.206893/build/MonoAndroid10" t="Include">
+      <e p="proguard.cfg" t="Include" />
+    </e>
+    <e p="$USER_HOME$/Library/Caches/Rider2018.3/extResources" t="IncludeRecursive" />
+    <e p="$USER_HOME$/Library/Caches/Rider2018.3/resharper-host/local/Transient/ReSharperHost/v183/SolutionCaches/_VisualChallenge.1990500301.00" t="ExcludeRecursive" />
+    <e p="$USER_HOME$/Library/Developer/Xamarin/android-sdk-macosx/platforms/android-27/data/res" t="IncludeRecursive" />
+    <e p="$APPLICATION_CONFIG_DIR$/consoles/db" t="IncludeRecursive" />
+    <e p="$APPLICATION_CONFIG_DIR$/extensions" t="IncludeRecursive" />
+    <e p="$APPLICATION_CONFIG_DIR$/scratches" t="IncludeRecursive" />
+    <e p="$PROJECT_DIR$" t="IncludeFlat">
+      <e p="packages" t="ExcludeRecursive" />
+      <e p="VisualChallenge/VisualChallenge" t="IncludeRecursive">
+        <e p="App.xaml" t="Include" />
+        <e p="App.xaml.cs" t="Include" />
+        <e p="AppShell.xaml" t="Include" />
+        <e p="AppShell.xaml.cs" t="Include" />
+        <e p="AssemblyInfo.cs" t="Include" />
+        <e p="bin" t="ExcludeRecursive" />
+        <e p="GradientView.cs" t="Include" />
+        <e p="obj" t="ExcludeRecursive">
+          <e p="Debug" t="Include">
+            <e p="netstandard2.0" t="Include">
+              <e p="VisualChallenge.AssemblyInfo.cs" t="Include" />
+            </e>
+          </e>
+        </e>
+        <e p="VisualChallenge.csproj" t="IncludeRecursive" />
+        <e p="VisualChallengePage.xaml" t="Include" />
+        <e p="VisualChallengePage.xaml.cs" t="Include" />
+      </e>
+      <e p="VisualChallenge/VisualChallenge.Android" t="IncludeRecursive">
+        <e p="Assets" t="Include">
+          <e p="AboutAssets.txt" t="Include" />
+        </e>
+        <e p="bin" t="ExcludeRecursive" />
+        <e p="MainActivity.cs" t="Include" />
+        <e p="obj" t="ExcludeRecursive" />
+        <e p="Properties" t="Include">
+          <e p="AndroidManifest.xml" t="Include" />
+          <e p="AssemblyInfo.cs" t="Include" />
+        </e>
+        <e p="Resources" t="Include">
+          <e p="AboutResources.txt" t="Include" />
+          <e p="drawable" t="Include">
+            <e p="launch_screen.axml" t="Include" />
+          </e>
+          <e p="drawable-hdpi" t="Include">
+            <e p="xamagon_preview.png" t="Include" />
+          </e>
+          <e p="drawable-xhdpi" t="Include">
+            <e p="xamagon_preview.png" t="Include" />
+          </e>
+          <e p="drawable-xxhdpi" t="Include">
+            <e p="xamagon_preview.png" t="Include" />
+          </e>
+          <e p="drawable-xxxhdpi" t="Include">
+            <e p="xamagon_preview.png" t="Include" />
+          </e>
+          <e p="layout" t="Include">
+            <e p="Tabbar.axml" t="Include" />
+            <e p="Toolbar.axml" t="Include" />
+          </e>
+          <e p="mipmap-anydpi-v26" t="Include">
+            <e p="icon.xml" t="Include" />
+            <e p="icon_round.xml" t="Include" />
+          </e>
+          <e p="mipmap-hdpi" t="Include">
+            <e p="icon.png" t="Include" />
+            <e p="launcher_foreground.png" t="Include" />
+          </e>
+          <e p="mipmap-mdpi" t="Include">
+            <e p="icon.png" t="Include" />
+            <e p="launcher_foreground.png" t="Include" />
+          </e>
+          <e p="mipmap-xhdpi" t="Include">
+            <e p="icon.png" t="Include" />
+            <e p="launcher_foreground.png" t="Include" />
+          </e>
+          <e p="mipmap-xxhdpi" t="Include">
+            <e p="icon.png" t="Include" />
+            <e p="launcher_foreground.png" t="Include" />
+          </e>
+          <e p="mipmap-xxxhdpi" t="Include">
+            <e p="icon.png" t="Include" />
+            <e p="launcher_foreground.png" t="Include" />
+          </e>
+          <e p="Resource.designer.cs" t="Include" />
+          <e p="values" t="Include">
+            <e p="colors.xml" t="Include" />
+            <e p="styles.xml" t="Include" />
+          </e>
+        </e>
+        <e p="VisualChallenge.Android.csproj" t="IncludeRecursive" />
+      </e>
+      <e p="VisualChallenge/VisualChallenge.iOS" t="IncludeRecursive">
+        <e p="AppDelegate.cs" t="Include" />
+        <e p="Assets.xcassets" t="Include">
+          <e p="AppIcon.appiconset" t="Include">
+            <e p="Contents.json" t="Include" />
+            <e p="Icon1024.png" t="Include" />
+            <e p="Icon120.png" t="Include" />
+            <e p="Icon152.png" t="Include" />
+            <e p="Icon167.png" t="Include" />
+            <e p="Icon180.png" t="Include" />
+            <e p="Icon20.png" t="Include" />
+            <e p="Icon29.png" t="Include" />
+            <e p="Icon40.png" t="Include" />
+            <e p="Icon58.png" t="Include" />
+            <e p="Icon60.png" t="Include" />
+            <e p="Icon76.png" t="Include" />
+            <e p="Icon80.png" t="Include" />
+            <e p="Icon87.png" t="Include" />
+          </e>
+        </e>
+        <e p="bin" t="ExcludeRecursive" />
+        <e p="Entitlements.plist" t="Include" />
+        <e p="Info.plist" t="Include" />
+        <e p="Main.cs" t="Include" />
+        <e p="obj" t="ExcludeRecursive" />
+        <e p="Properties" t="Include">
+          <e p="AssemblyInfo.cs" t="Include" />
+        </e>
+        <e p="Resources" t="Include">
+          <e p="LaunchScreen.storyboard" t="Include" />
+          <e p="tab_about.png" t="Include" />
+          <e p="tab_about@2x.png" t="Include" />
+          <e p="tab_about@3x.png" t="Include" />
+          <e p="tab_feed.png" t="Include" />
+          <e p="tab_feed@2x.png" t="Include" />
+          <e p="tab_feed@3x.png" t="Include" />
+          <e p="xamarin_logo.png" t="Include" />
+          <e p="xamarin_logo@2x.png" t="Include" />
+          <e p="xamarin_logo@3x.png" t="Include" />
+        </e>
+        <e p="VisualChallenge.iOS.csproj" t="IncludeRecursive" />
+      </e>
+      <e p="VisualChallenge.sln" t="IncludeFlat" />
+    </e>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/.idea/encodings.xml b/.idea/.idea.VisualChallenge/.idea/encodings.xml
new file mode 100644
index 0000000..15a15b2
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/.idea/encodings.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
+</project>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/.idea/indexLayout.xml b/.idea/.idea.VisualChallenge/.idea/indexLayout.xml
new file mode 100644
index 0000000..27ba142
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/.idea/indexLayout.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ContentModelUserStore">
+    <attachedFolders />
+    <explicitIncludes />
+    <explicitExcludes />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/.idea/misc.xml b/.idea/.idea.VisualChallenge/.idea/misc.xml
new file mode 100644
index 0000000..1d8c84d
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="com.jetbrains.rider.android.RiderAndroidMiscFileCreationComponent">
+    <option name="ENSURE_MISC_FILE_EXISTS" value="true" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/.idea/modules.xml b/.idea/.idea.VisualChallenge/.idea/modules.xml
new file mode 100644
index 0000000..04307d9
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/.idea/modules.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/.idea.VisualChallenge/VisualChallenge.Android.iml" filepath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/VisualChallenge.Android.iml" />
+      <module fileurl="file://$PROJECT_DIR$/.idea/.idea.VisualChallenge/riderModule.iml" filepath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/riderModule.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/.idea/vcs.xml b/.idea/.idea.VisualChallenge/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/.idea/workspace.xml b/.idea/.idea.VisualChallenge/.idea/workspace.xml
new file mode 100644
index 0000000..b22c460
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/.idea/workspace.xml
@@ -0,0 +1,389 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="29a9c1a4-a384-4ea9-82fb-07312451023e" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/vcs.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/VisualChallenge.Android.iml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallenge.csproj" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallenge.csproj" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" afterDir="false" />
+    </list>
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="54">
+              <caret line="5" column="41" lean-forward="true" selection-start-line="5" selection-start-column="41" selection-end-line="5" selection-end-column="41" />
+              <folding>
+                <marker date="1553729986646" expanded="true" signature="40:2196" ph="&lt;&lt;ScrollView&gt;&#10;&#9;&#9;&lt;FlexLayout Margin=&quot;20&quot; Direction=&quot;Column&quot; AlignContent=&quot;Center&quot; JustifyContent=&quot;SpaceAround&quot;&gt;&#10;&#10;&#9;&#9;&#9;&lt;Label Text=&quot;Start Here&quot; FontSize=&quot;24&quot; HorizontalTextAlignment=&quot;Center&quot;/&gt;&#10;&#10;&#9;&#9;&#9;&lt;Button Text=&quot;Read More About Visual&quot; Clicked=&quot;Button_Clicked&quot; /&gt;&#10;&#10;&#9;&#9;&lt;/FlexLayout&gt;&#10;&#9;&lt;/ScrollView&gt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="575:756" ph="&lt;!--...--&gt;" />
+                <marker date="1553729986646" expanded="true" signature="760:2181" ph="&lt;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="858:2168" ph="&lt;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="885:2141" ph="&lt;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="904:2122" ph="&lt;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;                    &lt;Grid.RowDefinitions&gt;&#10;                        &lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;                        &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                    &lt;/Grid.RowDefinitions&gt;&#10;                        &#10;                    &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;                                                Grid.RowSpan=&quot;2&quot; &#10;                                                HorizontalOptions=&quot;FillAndExpand&quot;&#10;                                                VerticalOptions=&quot;FillAndExpand&quot;&#10;                                                RetryCount=&quot;1&quot;&#10;                                                RetryDelay=&quot;2000&quot;&#10;                                                IsOpaque=&quot;true&quot;&#10;                                                CacheDuration=&quot;365&quot;&#10;                                                FadeAnimationForCachedImages=&quot;true&quot;&#10;                                                FadeAnimationEnabled=&quot;true&quot;&#10;                                                ErrorPlaceholder = &quot;hokone.jpg&quot;&#10;                                                Source=&quot;{Binding BackGroundImage}&quot; /&gt;&#10;                        &#10;                    &lt;controls:GradientView StartColor=&quot;White&quot; &#10;                                           EndColor=&quot;##3e6366&quot; &#10;                                           Grid.Row=&quot;0&quot;&#10;                                           Grid.RowSpan=&quot;2&quot;/&gt;&#10;                    &#10;                    &lt;Grid Margin=&quot;10&quot; RowSpacing=&quot;10&quot; ColumnSpacing=&quot;10&quot; Grid.Row=&quot;1&quot;&gt;&#10;                        &lt;Grid.RowDefinitions&gt;&#10;                            &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                            &lt;RowDefinition Height=&quot;25&quot;/&gt;&#10;                        &lt;/Grid.RowDefinitions&gt;&#10;                        &lt;Grid.ColumnDefinitions&gt;&#10;                            &lt;ColumnDefinition Width=&quot;25&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;Auto&quot;/&gt;&#10;                        &lt;/Grid.ColumnDefinitions&gt;&#10;                            &#10;                        &lt;Label class=&quot;h2-clear&quot; Text=&quot;{Binding Title}&quot;  Grid.Row=&quot;0&quot; Grid.ColumnSpan=&quot;3&quot; LineBreakMode=&quot;WordWrap&quot;/&gt;&#10;                            &#10;                        &lt;circleview:CircleImage Source=&quot;{Binding ImageLink}&quot; Aspect=&quot;AspectFill&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;0&quot; WidthRequest=&quot;25&quot; HeightRequest=&quot;25&quot; /&gt;&#10;                        &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding Handle}&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; VerticalOptions=&quot;Center&quot; /&gt;&#10;&#10;                        &lt;StackLayout Orientation=&quot;Horizontal&quot;  VerticalOptions=&quot;Center&quot; Grid.Column=&quot;2&quot; Grid.Row=&quot;1&quot; Spacing=&quot;5&quot; &gt;&#10;                            &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding PublishDateFormated, StringFormat='{0:MMMM d, yyyy}'}&quot; /&gt;&#10;                        &lt;/StackLayout&gt;&#10;                    &lt;/Grid&gt;&#10;                &lt;/Grid&gt; &lt;ViewCell.Effects&gt;&#10;                    &lt;effects:ViewShadowEffect Radius=&quot;5&quot; DistanceX=&quot;5&quot; DistanceY=&quot;5&quot; Color=&quot;Red&quot; /&gt;&#10;                &lt;/ViewCell.Effects&gt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="920:2106" ph="&lt;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt; &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt; &lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;   &#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="966:1089" ph="&lt;&lt;RowDefinition Height=&quot;*&quot;/&gt; &lt;RowDefinition Height=&quot;Auto&quot;/&gt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="1103:1508" ph="&lt;.../&gt;" />
+                <marker date="1553729986646" expanded="true" signature="1841:2092" ph="&lt;.../&gt;" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="300">
+              <caret line="15" column="18" lean-forward="true" selection-start-line="15" selection-start-column="18" selection-end-line="15" selection-end-column="18" />
+              <folding>
+                <marker date="1553729868560" expanded="true" signature="6:66" ph="..." />
+                <marker date="1553729868560" expanded="true" signature="93:1476" ph="{...}" />
+                <marker date="1553729868560" expanded="true" signature="139:1474" ph="{...}" />
+                <marker date="1553729868560" expanded="true" signature="349:526" ph="{...}" />
+                <marker date="1553729868560" expanded="true" signature="610:1468" ph="{...}" />
+                <marker date="1553729868560" expanded="true" signature="1287:1377" ph="{...}" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="480">
+              <caret line="29" column="12" selection-start-line="29" selection-start-column="12" selection-end-line="29" selection-end-column="12" />
+              <folding>
+                <marker date="1553727728693" expanded="false" signature="6:98" ph="..." />
+                <marker date="1553727728693" expanded="true" signature="129:1411" ph="{...}" />
+                <marker date="1553727728693" expanded="true" signature="136:361" ph="/* The UIApplicationDelegate for the application. This class is responsible for launching the ... */" />
+                <marker date="1553727728693" expanded="true" signature="490:1409" ph="{...}" />
+                <marker date="1553727728693" expanded="true" signature="505:842" ph="/* This method is invoked when the application has loaded and is ready to run. In this ... */" />
+                <marker date="1553727728693" expanded="true" signature="930:1403" ph="{...}" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="283">
+              <caret line="31" column="25" selection-start-line="31" selection-start-column="20" selection-end-line="31" selection-end-column="25" />
+              <folding>
+                <marker date="1553727341013" expanded="false" signature="6:94" ph="..." />
+                <marker date="1553727341013" expanded="true" signature="121:1695" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="182:1693" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="272:1343" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="370:1285" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="415:578" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="623:838" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="883:1077" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="1122:1271" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="1408:1545" ph="{...}" />
+                <marker date="1553727341013" expanded="true" signature="1576:1687" ph="{...}" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="HighlightingSettingsPerFile">
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs" root0="FORCE_HIGHLIGHTING" />
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs" root0="FORCE_HIGHLIGHTING" />
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" root0="FORCE_HIGHLIGHTING" />
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" root0="FORCE_HIGHLIGHTING" />
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/AppShell.xaml" root0="FORCE_HIGHLIGHTING" />
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/AppShell.xaml.cs" root0="FORCE_HIGHLIGHTING" />
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" />
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs" />
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs" />
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" />
+      </list>
+    </option>
+  </component>
+  <component name="InvalidFacetManager">
+    <ignored-facets>
+      <facet id="VisualChallenge.Android/invalid/Android Facet - VisualChallenge.Android" />
+    </ignored-facets>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="y" value="23" />
+    <option name="width" value="1528" />
+    <option name="height" value="1057" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="SolutionExplorer" proportions="" version="1">
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="FileSystemExplorer" />
+      <pane id="AssemblyExplorer" />
+      <pane id="SolutionExplorer">
+        <subPane>
+          <expand>
+            <path>
+              <item name="Project" type="784c90a0:SolutionExplorerRootNode" />
+              <item name="VisualChallenge" type="24d0babc:SolutionExplorerModelNode" />
+            </path>
+            <path>
+              <item name="Project" type="784c90a0:SolutionExplorerRootNode" />
+              <item name="VisualChallenge" type="24d0babc:SolutionExplorerModelNode" />
+              <item name="VisualChallenge" type="24d0babc:SolutionExplorerModelNode" />
+            </path>
+            <path>
+              <item name="Project" type="784c90a0:SolutionExplorerRootNode" />
+              <item name="VisualChallenge" type="24d0babc:SolutionExplorerModelNode" />
+              <item name="VisualChallenge" type="24d0babc:SolutionExplorerModelNode" />
+              <item name="App.xaml" type="24d0babc:SolutionExplorerModelNode" />
+            </path>
+            <path>
+              <item name="Project" type="784c90a0:SolutionExplorerRootNode" />
+              <item name="VisualChallenge" type="24d0babc:SolutionExplorerModelNode" />
+              <item name="VisualChallenge" type="24d0babc:SolutionExplorerModelNode" />
+              <item name="VisualChallengePage.xaml" type="24d0babc:SolutionExplorerModelNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+        <option name="show-all-files" value="false" />
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="Rider.DefaultBreakpoints.AreToggled" value="true" />
+    <property name="Rider.ProjectViewActivator.IsNotFirstRun" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
+    <property name="nodejs_npm_path_reset_for_default_project" value="true" />
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="RunManager" selected="Xamarin.iOS.iOS Default">
+    <configuration name="Android Default" type="XamarinAndroidProject" factoryName="Xamarin.Android">
+      <option name="PROJECT_PATH" value="" />
+      <option name="PROGRAM_PARAMETERS" value="" />
+      <option name="TARGET_SELECTION_MODE" value="SHOW_DIALOG" />
+      <option name="USE_LAST_SELECTED_DEVICE" value="false" />
+      <option name="PREFERRED_AVD" value="" />
+      <option name="DEPLOY_BEHAVIOUR_NAME" value="Default" />
+      <method v="2">
+        <option name="Build" enabled="true" />
+      </method>
+    </configuration>
+    <configuration name="iOS Default" type="XamarinIOSProject" factoryName="Xamarin.iOS">
+      <option name="PROJECT_PATH" value="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj" />
+      <option name="PROGRAM_PARAMETERS" value="" />
+      <option name="DEFAULT_IPHONE_DEVICE" value="" />
+      <option name="DEFAULT_IPHONE_SIMULATOR" value="iPhone SE iOS 11.3" />
+      <option name="DEPLOY_TARGET_BEHAVIOUR_NAME" value="Simulator" />
+      <method v="2" />
+    </configuration>
+  </component>
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="29a9c1a4-a384-4ea9-82fb-07312451023e" name="Default Changelist" comment="" />
+      <created>1553726090387</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1553726090387</updated>
+      <workItem from="1553726092479" duration="3847000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="3847000" />
+  </component>
+  <component name="TodoView">
+    <todo-panel id="selected-file">
+      <is-autoscroll-to-source value="true" />
+    </todo-panel>
+    <todo-panel id="all">
+      <are-packages-shown value="true" />
+      <is-autoscroll-to-source value="true" />
+    </todo-panel>
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="0" y="23" width="1528" height="1057" extended-state="0" />
+    <editor active="true" />
+    <layout>
+      <window_info id="Image Layers" />
+      <window_info id="Capture Tool" />
+      <window_info id="Favorites" side_tool="true" />
+      <window_info id="Captures" />
+      <window_info id="Azure Explorer" weight="0.32960597" />
+      <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.31561238" />
+      <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
+      <window_info anchor="bottom" id="Terminal" />
+      <window_info anchor="bottom" id="Build" weight="0.33367875" />
+      <window_info anchor="bottom" id="Android Profiler" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Docker" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Event Log" side_tool="true" />
+      <window_info anchor="bottom" id="NuGet" weight="0.32953367" />
+      <window_info anchor="bottom" id="Logcat" />
+      <window_info anchor="bottom" id="Unit Tests" />
+      <window_info anchor="bottom" id="Database Changes" />
+      <window_info anchor="bottom" id="Version Control" />
+      <window_info anchor="bottom" id="Azure Activity Log" />
+      <window_info anchor="bottom" id="Message" order="0" />
+      <window_info anchor="bottom" id="Find" order="1" />
+      <window_info anchor="bottom" id="Run" order="2" />
+      <window_info active="true" anchor="bottom" id="Debug" order="3" visible="true" weight="0.4" />
+      <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
+      <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
+      <window_info anchor="bottom" id="TODO" order="6" />
+      <window_info anchor="right" id="Capture Analysis" />
+      <window_info anchor="right" id="Device File Explorer" side_tool="true" />
+      <window_info anchor="right" id="Database" />
+      <window_info anchor="right" id="Errors In Solution" />
+      <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
+      <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
+      <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="UnityProjectConfiguration" hasMinimizedUI="null" />
+  <component name="UnityUnitTestConfiguration" currentTestLauncher="NUnit" />
+  <component name="XDebuggerManager">
+    <breakpoint-manager>
+      <breakpoints>
+        <breakpoint enabled="true" suspend="NONE" type="DotNet Exception Breakpoints">
+          <properties exception="System.Threading.ThreadAbortException" displayValue="System.Threading.ThreadAbortException" />
+          <option name="timeStamp" value="1" />
+        </breakpoint>
+      </breakpoints>
+    </breakpoint-manager>
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/AppShell.xaml.cs">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="80">
+          <caret line="7" column="25" selection-start-line="7" selection-start-column="25" selection-end-line="7" selection-end-column="25" />
+          <folding>
+            <marker date="1553726022276" expanded="false" signature="6:69" ph="..." />
+            <marker date="1553726022276" expanded="true" signature="96:249" ph="{...}" />
+            <marker date="1553726022276" expanded="true" signature="154:247" ph="{...}" />
+            <marker date="1553726022276" expanded="true" signature="186:241" ph="{...}" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/AppShell.xaml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state>
+          <folding>
+            <marker date="1553726022275" expanded="true" signature="39:1781" ph="&lt;&lt;Shell.Resources&gt;&#10;        &lt;ResourceDictionary&gt;&#10;            &lt;Color x:Key=&quot;NavigationPrimary&quot;&gt;##2196F3&lt;/Color&gt;&#10;            &lt;Style x:Key=&quot;BaseStyle&quot; TargetType=&quot;Element&quot;&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellForegroundColor&quot; Value=&quot;White&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTitleColor&quot; Value=&quot;White&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellDisabledColor&quot; Value=&quot;##B4FFFFFF&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellUnselectedColor&quot; Value=&quot;##95FFFFFF&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarForegroundColor&quot; Value=&quot;White&quot;/&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarUnselectedColor&quot; Value=&quot;##95FFFFFF&quot;/&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarTitleColor&quot; Value=&quot;White&quot;/&gt;&#10;            &lt;/Style&gt;&#10;            &lt;Style TargetType=&quot;ShellItem&quot; BasedOn=&quot;{StaticResource BaseStyle}&quot; /&gt;&#10;        &lt;/ResourceDictionary&gt;&#10;    &lt;/Shell.Resources&gt; &lt;ShellItem&gt;&#10;        &lt;ShellSection&gt;&#10;            &lt;ShellContent ContentTemplate=&quot;{DataTemplate local:VisualChallengePage}&quot;/&gt;&#10;        &lt;/ShellSection&gt;&#10;    &lt;/ShellItem&gt;.../&gt;" />
+            <marker date="1553726022275" expanded="true" signature="443:486" ph="&lt;!--...--&gt;" />
+            <marker date="1553726022275" expanded="true" signature="491:1603" ph="&lt;&lt;ResourceDictionary&gt;&#10;            &lt;Color x:Key=&quot;NavigationPrimary&quot;&gt;##2196F3&lt;/Color&gt;&#10;            &lt;Style x:Key=&quot;BaseStyle&quot; TargetType=&quot;Element&quot;&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellForegroundColor&quot; Value=&quot;White&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTitleColor&quot; Value=&quot;White&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellDisabledColor&quot; Value=&quot;##B4FFFFFF&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellUnselectedColor&quot; Value=&quot;##95FFFFFF&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarForegroundColor&quot; Value=&quot;White&quot;/&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarUnselectedColor&quot; Value=&quot;##95FFFFFF&quot;/&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarTitleColor&quot; Value=&quot;White&quot;/&gt;&#10;            &lt;/Style&gt;&#10;            &lt;Style TargetType=&quot;ShellItem&quot; BasedOn=&quot;{StaticResource BaseStyle}&quot; /&gt;&#10;        &lt;/ResourceDictionary&gt;.../&gt;" />
+            <marker date="1553726022275" expanded="true" signature="517:1580" ph="&lt;&lt;Color x:Key=&quot;NavigationPrimary&quot;&gt;##2196F3&lt;/Color&gt; &lt;Style x:Key=&quot;BaseStyle&quot; TargetType=&quot;Element&quot;&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellForegroundColor&quot; Value=&quot;White&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTitleColor&quot; Value=&quot;White&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellDisabledColor&quot; Value=&quot;##B4FFFFFF&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellUnselectedColor&quot; Value=&quot;##95FFFFFF&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarForegroundColor&quot; Value=&quot;White&quot;/&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarUnselectedColor&quot; Value=&quot;##95FFFFFF&quot;/&gt;&#10;                &lt;Setter Property=&quot;Shell.ShellTabBarTitleColor&quot; Value=&quot;White&quot;/&gt;&#10;            &lt;/Style&gt; &lt;Style TargetType=&quot;ShellItem&quot; BasedOn=&quot;{StaticResource BaseStyle}&quot; /&gt;.../&gt;" />
+            <marker date="1553726022275" expanded="true" signature="611:1468" ph="&lt;&lt;Setter Property=&quot;Shell.ShellBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt; &lt;Setter Property=&quot;Shell.ShellForegroundColor&quot; Value=&quot;White&quot; /&gt; &lt;Setter Property=&quot;Shell.ShellTitleColor&quot; Value=&quot;White&quot; /&gt; &lt;Setter Property=&quot;Shell.ShellDisabledColor&quot; Value=&quot;##B4FFFFFF&quot; /&gt; &lt;Setter Property=&quot;Shell.ShellUnselectedColor&quot; Value=&quot;##95FFFFFF&quot; /&gt; &lt;Setter Property=&quot;Shell.ShellTabBarBackgroundColor&quot; Value=&quot;{StaticResource NavigationPrimary}&quot; /&gt; &lt;Setter Property=&quot;Shell.ShellTabBarForegroundColor&quot; Value=&quot;White&quot;/&gt; &lt;Setter Property=&quot;Shell.ShellTabBarUnselectedColor&quot; Value=&quot;##95FFFFFF&quot;/&gt; &lt;Setter Property=&quot;Shell.ShellTabBarTitleColor&quot; Value=&quot;White&quot;/&gt;.../&gt;" />
+            <marker date="1553726022275" expanded="true" signature="1609:1771" ph="&lt;&lt;ShellSection&gt;&#10;            &lt;ShellContent ContentTemplate=&quot;{DataTemplate local:VisualChallengePage}&quot;/&gt;&#10;        &lt;/ShellSection&gt;.../&gt;" />
+            <marker date="1553726022275" expanded="true" signature="1629:1754" ph="&lt;&lt;ShellContent ContentTemplate=&quot;{DataTemplate local:VisualChallengePage}&quot;/&gt;.../&gt;" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="480">
+          <caret line="29" column="12" selection-start-line="29" selection-start-column="12" selection-end-line="29" selection-end-column="12" />
+          <folding>
+            <marker date="1553727728693" expanded="false" signature="6:98" ph="..." />
+            <marker date="1553727728693" expanded="true" signature="129:1411" ph="{...}" />
+            <marker date="1553727728693" expanded="true" signature="136:361" ph="/* The UIApplicationDelegate for the application. This class is responsible for launching the ... */" />
+            <marker date="1553727728693" expanded="true" signature="490:1409" ph="{...}" />
+            <marker date="1553727728693" expanded="true" signature="505:842" ph="/* This method is invoked when the application has loaded and is ready to run. In this ... */" />
+            <marker date="1553727728693" expanded="true" signature="930:1403" ph="{...}" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="283">
+          <caret line="31" column="25" selection-start-line="31" selection-start-column="20" selection-end-line="31" selection-end-column="25" />
+          <folding>
+            <marker date="1553727341013" expanded="false" signature="6:94" ph="..." />
+            <marker date="1553727341013" expanded="true" signature="121:1695" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="182:1693" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="272:1343" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="370:1285" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="415:578" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="623:838" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="883:1077" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="1122:1271" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="1408:1545" ph="{...}" />
+            <marker date="1553727341013" expanded="true" signature="1576:1687" ph="{...}" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="300">
+          <caret line="15" column="18" lean-forward="true" selection-start-line="15" selection-start-column="18" selection-end-line="15" selection-end-column="18" />
+          <folding>
+            <marker date="1553729868560" expanded="true" signature="6:66" ph="..." />
+            <marker date="1553729868560" expanded="true" signature="93:1476" ph="{...}" />
+            <marker date="1553729868560" expanded="true" signature="139:1474" ph="{...}" />
+            <marker date="1553729868560" expanded="true" signature="349:526" ph="{...}" />
+            <marker date="1553729868560" expanded="true" signature="610:1468" ph="{...}" />
+            <marker date="1553729868560" expanded="true" signature="1287:1377" ph="{...}" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="54">
+          <caret line="5" column="41" lean-forward="true" selection-start-line="5" selection-start-column="41" selection-end-line="5" selection-end-column="41" />
+          <folding>
+            <marker date="1553729986646" expanded="true" signature="40:2196" ph="&lt;&lt;ScrollView&gt;&#10;&#9;&#9;&lt;FlexLayout Margin=&quot;20&quot; Direction=&quot;Column&quot; AlignContent=&quot;Center&quot; JustifyContent=&quot;SpaceAround&quot;&gt;&#10;&#10;&#9;&#9;&#9;&lt;Label Text=&quot;Start Here&quot; FontSize=&quot;24&quot; HorizontalTextAlignment=&quot;Center&quot;/&gt;&#10;&#10;&#9;&#9;&#9;&lt;Button Text=&quot;Read More About Visual&quot; Clicked=&quot;Button_Clicked&quot; /&gt;&#10;&#10;&#9;&#9;&lt;/FlexLayout&gt;&#10;&#9;&lt;/ScrollView&gt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="575:756" ph="&lt;!--...--&gt;" />
+            <marker date="1553729986646" expanded="true" signature="760:2181" ph="&lt;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="858:2168" ph="&lt;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="885:2141" ph="&lt;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="904:2122" ph="&lt;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;                    &lt;Grid.RowDefinitions&gt;&#10;                        &lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;                        &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                    &lt;/Grid.RowDefinitions&gt;&#10;                        &#10;                    &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;                                                Grid.RowSpan=&quot;2&quot; &#10;                                                HorizontalOptions=&quot;FillAndExpand&quot;&#10;                                                VerticalOptions=&quot;FillAndExpand&quot;&#10;                                                RetryCount=&quot;1&quot;&#10;                                                RetryDelay=&quot;2000&quot;&#10;                                                IsOpaque=&quot;true&quot;&#10;                                                CacheDuration=&quot;365&quot;&#10;                                                FadeAnimationForCachedImages=&quot;true&quot;&#10;                                                FadeAnimationEnabled=&quot;true&quot;&#10;                                                ErrorPlaceholder = &quot;hokone.jpg&quot;&#10;                                                Source=&quot;{Binding BackGroundImage}&quot; /&gt;&#10;                        &#10;                    &lt;controls:GradientView StartColor=&quot;White&quot; &#10;                                           EndColor=&quot;##3e6366&quot; &#10;                                           Grid.Row=&quot;0&quot;&#10;                                           Grid.RowSpan=&quot;2&quot;/&gt;&#10;                    &#10;                    &lt;Grid Margin=&quot;10&quot; RowSpacing=&quot;10&quot; ColumnSpacing=&quot;10&quot; Grid.Row=&quot;1&quot;&gt;&#10;                        &lt;Grid.RowDefinitions&gt;&#10;                            &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                            &lt;RowDefinition Height=&quot;25&quot;/&gt;&#10;                        &lt;/Grid.RowDefinitions&gt;&#10;                        &lt;Grid.ColumnDefinitions&gt;&#10;                            &lt;ColumnDefinition Width=&quot;25&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;Auto&quot;/&gt;&#10;                        &lt;/Grid.ColumnDefinitions&gt;&#10;                            &#10;                        &lt;Label class=&quot;h2-clear&quot; Text=&quot;{Binding Title}&quot;  Grid.Row=&quot;0&quot; Grid.ColumnSpan=&quot;3&quot; LineBreakMode=&quot;WordWrap&quot;/&gt;&#10;                            &#10;                        &lt;circleview:CircleImage Source=&quot;{Binding ImageLink}&quot; Aspect=&quot;AspectFill&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;0&quot; WidthRequest=&quot;25&quot; HeightRequest=&quot;25&quot; /&gt;&#10;                        &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding Handle}&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; VerticalOptions=&quot;Center&quot; /&gt;&#10;&#10;                        &lt;StackLayout Orientation=&quot;Horizontal&quot;  VerticalOptions=&quot;Center&quot; Grid.Column=&quot;2&quot; Grid.Row=&quot;1&quot; Spacing=&quot;5&quot; &gt;&#10;                            &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding PublishDateFormated, StringFormat='{0:MMMM d, yyyy}'}&quot; /&gt;&#10;                        &lt;/StackLayout&gt;&#10;                    &lt;/Grid&gt;&#10;                &lt;/Grid&gt; &lt;ViewCell.Effects&gt;&#10;                    &lt;effects:ViewShadowEffect Radius=&quot;5&quot; DistanceX=&quot;5&quot; DistanceY=&quot;5&quot; Color=&quot;Red&quot; /&gt;&#10;                &lt;/ViewCell.Effects&gt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="920:2106" ph="&lt;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt; &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt; &lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;   &#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="966:1089" ph="&lt;&lt;RowDefinition Height=&quot;*&quot;/&gt; &lt;RowDefinition Height=&quot;Auto&quot;/&gt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="1103:1508" ph="&lt;.../&gt;" />
+            <marker date="1553729986646" expanded="true" signature="1841:2092" ph="&lt;.../&gt;" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/VisualChallenge.Android.iml b/.idea/.idea.VisualChallenge/VisualChallenge.Android.iml
new file mode 100644
index 0000000..f549863
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/VisualChallenge.Android.iml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="RIDER_MODULE_ANDROID" version="4">
+  <component name="FacetManager">
+    <facet type="android" name="Android Facet - VisualChallenge.Android">
+      <configuration>
+        <option name="MANIFEST_FILE_RELATIVE_PATH" value="/Properties/AndroidManifest.xml" />
+        <option name="RES_FOLDER_RELATIVE_PATH" value="/Resources" />
+        <option name="ASSETS_FOLDER_RELATIVE_PATH" value="/Assets" />
+      </configuration>
+    </facet>
+  </component>
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$/../../VisualChallenge/VisualChallenge.Android" />
+    <orderEntry type="jdk" jdkName="Android API 27 Platform" jdkType="Android SDK" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/.idea.VisualChallenge/riderModule.iml b/.idea/.idea.VisualChallenge/riderModule.iml
new file mode 100644
index 0000000..bd73388
--- /dev/null
+++ b/.idea/.idea.VisualChallenge/riderModule.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="RIDER_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$USER_HOME$/.nuget/packages/xamarin.forms/4.0.1.206893/build/MonoAndroid10" />
+    <content url="file://$MODULE_DIR$/../.." />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj b/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj
index 051ffba..6815989 100644
--- a/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj
+++ b/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj
@@ -48,6 +48,7 @@
     <Reference Include="System.Xml" />
   </ItemGroup>
   <ItemGroup>
+    <PackageReference Include="Xamarin.FFImageLoading.Forms" Version="2.4.4.859" />
     <PackageReference Include="Xamarin.Forms" Version="4.0.1.206893" />
     <PackageReference Include="Xamarin.Forms.Visual.Material">
       <Version>4.0.1.206893</Version>
diff --git a/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs b/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs
index dfedc27..1429b90 100644
--- a/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs
+++ b/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs
@@ -25,6 +25,9 @@ public override bool FinishedLaunching(UIApplication app, NSDictionary options)
             global::Xamarin.Forms.Forms.SetFlags("Shell_Experimental", "Visual_Experimental", "CollectionView_Experimental", "FastRenderers_Experimental");
             global::Xamarin.Forms.Forms.Init();
             global::Xamarin.Forms.FormsMaterial.Init();
+            FFImageLoading.Forms.Platform.CachedImageRenderer.Init();           
+
+            
             LoadApplication(new App());
 
             return base.FinishedLaunching(app, options);
diff --git a/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj b/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj
index f7d6432..cbbc67d 100644
--- a/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj
+++ b/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj
@@ -132,6 +132,7 @@
     <Reference Include="Xamarin.iOS" />
   </ItemGroup>
   <ItemGroup>
+    <PackageReference Include="Xamarin.FFImageLoading.Forms" Version="2.4.4.859" />
     <PackageReference Include="Xamarin.Forms" Version="4.0.1.206893" />
     <PackageReference Include="Xamarin.Forms.Visual.Material">
       <Version>4.0.1.206893</Version>
diff --git a/VisualChallenge/VisualChallenge/GradientView.cs b/VisualChallenge/VisualChallenge/GradientView.cs
new file mode 100644
index 0000000..f9cc7aa
--- /dev/null
+++ b/VisualChallenge/VisualChallenge/GradientView.cs
@@ -0,0 +1,47 @@
+using SkiaSharp;
+using SkiaSharp.Views.Forms;
+using Xamarin.Forms;
+
+namespace VisualChallenge
+{
+    public class GradientView : ContentView
+    {
+        public string StartColor { get; set; } = "#ffffff";
+        public string EndColor { get; set; } = "#000000";
+        public bool Horizontal { get; set; } = false;
+
+
+        public GradientView()
+        {
+            SKCanvasView canvasView = new SKCanvasView();
+            canvasView.PaintSurface += OnCanvasViewPaintSurface;
+            Content = canvasView;
+        }
+
+        void OnCanvasViewPaintSurface(object sender, SKPaintSurfaceEventArgs args)
+        {
+            SKImageInfo info = args.Info;
+            SKSurface surface = args.Surface;
+            SKCanvas canvas = surface.Canvas;
+
+            canvas.Clear();
+
+            SKColor.TryParse(StartColor, out var stColor);
+            SKColor.TryParse(EndColor, out var edColor);
+
+            var colors = new SKColor[] { stColor, edColor };
+            SKPoint startPoint = new SKPoint(0, 0);
+            SKPoint endPoint = Horizontal ? new SKPoint(info.Width, 0) : new SKPoint(0, info.Height);
+
+            var shader = SKShader.CreateLinearGradient(startPoint, endPoint, colors, null, SKShaderTileMode.Clamp);
+
+            SKPaint paint = new SKPaint
+            {
+                Style = SKPaintStyle.Fill,
+                Shader = shader
+            };
+
+            canvas.DrawRect(new SKRect(0, 0, info.Width, info.Height), paint);
+        }
+    }
+}
\ No newline at end of file
diff --git a/VisualChallenge/VisualChallenge/VisualChallenge.csproj b/VisualChallenge/VisualChallenge/VisualChallenge.csproj
index 7b3490c..660b678 100644
--- a/VisualChallenge/VisualChallenge/VisualChallenge.csproj
+++ b/VisualChallenge/VisualChallenge/VisualChallenge.csproj
@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk">
+<Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
     <TargetFramework>netstandard2.0</TargetFramework>
@@ -11,6 +11,8 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="SkiaSharp.Views.Forms" Version="1.68.0" />
+    <PackageReference Include="Xamarin.FFImageLoading.Forms" Version="2.4.4.859" />
     <PackageReference Include="Xamarin.Forms" Version="4.0.1.206893" />
     <PackageReference Include="Xamarin.Forms.Visual.Material" Version="4.0.1.206893" />  
   </ItemGroup>
diff --git a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
index 305cee4..c63d0c8 100644
--- a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
+++ b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
@@ -5,19 +5,53 @@
              x:Class="VisualChallenge.VisualChallengePage"
              Shell.NavBarIsVisible="True"
              BackgroundColor="White"
-             Title="Visual Challenge"
-             >
+             xmlns:controls="clr-namespace:VisualChallenge"
+             xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
+             Title="Visual Challenge">
 
 	<!-- If you decide to change out the flexlayout leave the scroll view here
 		 Currently there's a bug in shell that will set margins wrong if the content is not in a scrollview
 	-->
-	<ScrollView>
-		<FlexLayout Margin="20" Direction="Column" AlignContent="Center" JustifyContent="SpaceAround">
-
-			<Label Text="Start Here" FontSize="24" HorizontalTextAlignment="Center"/>
-
-			<Button Text="Read More About Visual" Clicked="Button_Clicked" />
-
-		</FlexLayout>
-	</ScrollView>
+	
+	<ListView x:Name="MonkeyList"
+	          RowHeight="200"
+	          SeparatorVisibility="None">
+		<ListView.ItemTemplate>
+			<DataTemplate>
+				<ViewCell>
+					<Grid RowSpacing="5" ColumnSpacing="0">
+						<Grid.RowDefinitions>
+							<RowDefinition Height="*"/>
+							<RowDefinition Height="Auto"/>
+						</Grid.RowDefinitions>
+						
+						<ffimageloading:CachedImage Aspect="AspectFill" 
+													Grid.RowSpan="2" 
+													HorizontalOptions="FillAndExpand"
+													VerticalOptions="FillAndExpand"
+													IsOpaque="true"
+													CacheDuration="365"
+													FadeAnimationForCachedImages="true"
+													FadeAnimationEnabled="true"
+													DownsampleToViewSize="true"
+													Source="{Binding Image}" />
+                        
+                     <controls:GradientView StartColor="White"  
+                                            EndColor="#3e6366"  
+                                            Grid.Row="0" 
+                                            Grid.RowSpan="2"/> 
+                    
+						<Label TextColor="White" 
+						       Margin="10"
+						       Text="{Binding Name}"
+						       FontAttributes="Bold"
+						       FontSize="Large"
+						       LineBreakMode="WordWrap"
+						       Grid.Row="1"
+						       VerticalOptions="End"/> 
+					</Grid>
+				</ViewCell>
+			</DataTemplate>
+		</ListView.ItemTemplate>
+	</ListView>
 </ContentPage>
diff --git a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs
index 645c5af..444080e 100644
--- a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs
+++ b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs
@@ -1,5 +1,5 @@
 using System;
-
+using System.Collections.Generic;
 using Xamarin.Forms;
 using Xamarin.Forms.Xaml;
 
@@ -7,14 +7,51 @@ namespace VisualChallenge
 {
     public partial class VisualChallengePage : ContentPage
     {
+
+        public List<Monkey> Monkeys;
+        
         public VisualChallengePage()
         {
             InitializeComponent();
+
+            Monkeys = new List<Monkey>
+            {
+                new Monkey
+                {
+                    Name = "Common Marmoset",
+                    Image = "https://www.monkeyworlds.com/wp-content/uploads/common_marmoset.jpg"
+                },
+                new Monkey
+                {
+                    Name = "Gibbon",
+                    Image = "https://kids.nationalgeographic.com/content/dam/kids/photos/animals/Mammals/A-G/gibbon-tan-18778051.ngsversion.1415994938342.jpg"
+                },
+                new Monkey
+                {
+                    Name = "Proboscis",
+                    Image = "https://www.neprimateconservancy.org/uploads/1/5/3/8/15380094/editor/borneo-205096-1280-proboscis_98.jpg"
+                },
+                new Monkey
+                {
+                    Name = "Pygmy",
+                    Image = "https://www.certapet.com/wp-content/uploads/2017/08/pygmy-2.jpg"
+                }
+            };
+
+            MonkeyList.ItemsSource = Monkeys;
         }
 
         private void Button_Clicked(object sender, EventArgs e)
         {
             Device.OpenUri(new Uri("https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/visual"));
         }
+
+
+
+        public class Monkey
+        {
+            public string Name { get; set; }
+            public string Image { get; set; }
+        }
     }
 }
\ No newline at end of file

From 9c064698ab7a2a2e090a9d1cd6246568f48e9d5d Mon Sep 17 00:00:00 2001
From: Daniel Causer <danielcauser@gmail.com>
Date: Wed, 27 Mar 2019 20:21:09 -0400
Subject: [PATCH 2/3] [DC] This is it.

---
 .../.idea/contentModel.xml                    |   1 +
 .../.idea.VisualChallenge/.idea/workspace.xml | 185 +++++++++++++-----
 VisualChallenge/VisualChallenge/App.xaml.cs   |   1 +
 .../VisualChallenge/VisualChallengePage.xaml  |  18 +-
 VisualChallenge/VisualChallenge/core.css      |   4 +
 5 files changed, 147 insertions(+), 62 deletions(-)
 create mode 100644 VisualChallenge/VisualChallenge/core.css

diff --git a/.idea/.idea.VisualChallenge/.idea/contentModel.xml b/.idea/.idea.VisualChallenge/.idea/contentModel.xml
index 4c35adf..d09f7f7 100644
--- a/.idea/.idea.VisualChallenge/.idea/contentModel.xml
+++ b/.idea/.idea.VisualChallenge/.idea/contentModel.xml
@@ -19,6 +19,7 @@
         <e p="AppShell.xaml.cs" t="Include" />
         <e p="AssemblyInfo.cs" t="Include" />
         <e p="bin" t="ExcludeRecursive" />
+        <e p="core.css" t="Include" />
         <e p="GradientView.cs" t="Include" />
         <e p="obj" t="ExcludeRecursive">
           <e p="Debug" t="Include">
diff --git a/.idea/.idea.VisualChallenge/.idea/workspace.xml b/.idea/.idea.VisualChallenge/.idea/workspace.xml
index b22c460..2a05498 100644
--- a/.idea/.idea.VisualChallenge/.idea/workspace.xml
+++ b/.idea/.idea.VisualChallenge/.idea/workspace.xml
@@ -2,15 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="29a9c1a4-a384-4ea9-82fb-07312451023e" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/vcs.xml" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/VisualChallenge.Android.iml" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallenge.csproj" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallenge.csproj" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/contentModel.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/contentModel.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -20,22 +16,58 @@
   </component>
   <component name="FileEditorManager">
     <leaf>
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="54">
-              <caret line="5" column="41" lean-forward="true" selection-start-line="5" selection-start-column="41" selection-end-line="5" selection-end-column="41" />
+            <state relative-caret-position="408">
+              <caret line="50" column="27" lean-forward="true" selection-start-line="50" selection-start-column="27" selection-end-line="50" selection-end-column="27" />
+              <folding>
+                <marker date="1553732083961" expanded="true" signature="40:1993" ph="&lt;&lt;ListView x:Name=&quot;MonkeyList&quot;&#10;&#9;          RowHeight=&quot;200&quot;&#10;&#9;          SeparatorVisibility=&quot;None&quot;&gt;&#10;&#9;&#9;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;ViewCell&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt;&#10;                        &#10;                     &lt;controls:GradientView StartColor=&quot;White&quot;  &#10;                                            EndColor=&quot;##3e6366&quot;  &#10;                                            Grid.Row=&quot;0&quot; &#10;                                            Grid.RowSpan=&quot;2&quot;/&gt; &#10;                    &#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Margin=&quot;10&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       FontAttributes=&quot;Bold&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       FontSize=&quot;Large&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt; &#10;&#9;&#9;&#9;&#9;&#9;&lt;/Grid&gt;&#10;&#9;&#9;&#9;&#9;&lt;/ViewCell&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;&#10;&#9;&lt;/ListView&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="558:642" ph="&lt;&lt;StyleSheet Source=&quot;/Styles/core.css&quot; /&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="644:1978" ph="&lt;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="742:1965" ph="&lt;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="769:1938" ph="&lt;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="788:1919" ph="&lt;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;                    &lt;Grid.RowDefinitions&gt;&#10;                        &lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;                        &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                    &lt;/Grid.RowDefinitions&gt;&#10;                        &#10;                    &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;                                                Grid.RowSpan=&quot;2&quot; &#10;                                                HorizontalOptions=&quot;FillAndExpand&quot;&#10;                                                VerticalOptions=&quot;FillAndExpand&quot;&#10;                                                RetryCount=&quot;1&quot;&#10;                                                RetryDelay=&quot;2000&quot;&#10;                                                IsOpaque=&quot;true&quot;&#10;                                                CacheDuration=&quot;365&quot;&#10;                                                FadeAnimationForCachedImages=&quot;true&quot;&#10;                                                FadeAnimationEnabled=&quot;true&quot;&#10;                                                ErrorPlaceholder = &quot;hokone.jpg&quot;&#10;                                                Source=&quot;{Binding BackGroundImage}&quot; /&gt;&#10;                        &#10;                    &lt;controls:GradientView StartColor=&quot;White&quot; &#10;                                           EndColor=&quot;##3e6366&quot; &#10;                                           Grid.Row=&quot;0&quot;&#10;                                           Grid.RowSpan=&quot;2&quot;/&gt;&#10;                    &#10;                    &lt;Grid Margin=&quot;10&quot; RowSpacing=&quot;10&quot; ColumnSpacing=&quot;10&quot; Grid.Row=&quot;1&quot;&gt;&#10;                        &lt;Grid.RowDefinitions&gt;&#10;                            &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                            &lt;RowDefinition Height=&quot;25&quot;/&gt;&#10;                        &lt;/Grid.RowDefinitions&gt;&#10;                        &lt;Grid.ColumnDefinitions&gt;&#10;                            &lt;ColumnDefinition Width=&quot;25&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;Auto&quot;/&gt;&#10;                        &lt;/Grid.ColumnDefinitions&gt;&#10;                            &#10;                        &lt;Label class=&quot;h2-clear&quot; Text=&quot;{Binding Title}&quot;  Grid.Row=&quot;0&quot; Grid.ColumnSpan=&quot;3&quot; LineBreakMode=&quot;WordWrap&quot;/&gt;&#10;                            &#10;                        &lt;circleview:CircleImage Source=&quot;{Binding ImageLink}&quot; Aspect=&quot;AspectFill&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;0&quot; WidthRequest=&quot;25&quot; HeightRequest=&quot;25&quot; /&gt;&#10;                        &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding Handle}&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; VerticalOptions=&quot;Center&quot; /&gt;&#10;&#10;                        &lt;StackLayout Orientation=&quot;Horizontal&quot;  VerticalOptions=&quot;Center&quot; Grid.Column=&quot;2&quot; Grid.Row=&quot;1&quot; Spacing=&quot;5&quot; &gt;&#10;                            &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding PublishDateFormated, StringFormat='{0:MMMM d, yyyy}'}&quot; /&gt;&#10;                        &lt;/StackLayout&gt;&#10;                    &lt;/Grid&gt;&#10;                &lt;/Grid&gt; &lt;ViewCell.Effects&gt;&#10;                    &lt;effects:ViewShadowEffect Radius=&quot;5&quot; DistanceX=&quot;5&quot; DistanceY=&quot;5&quot; Color=&quot;Red&quot; /&gt;&#10;                &lt;/ViewCell.Effects&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="804:1903" ph="&lt;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt; &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt; &lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;   &#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="850:973" ph="&lt;&lt;RowDefinition Height=&quot;*&quot;/&gt; &lt;RowDefinition Height=&quot;Auto&quot;/&gt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="987:1392" ph="&lt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="1439:1668" ph="&lt;.../&gt;" />
+                <marker date="1553732083961" expanded="true" signature="1697:1889" ph="&lt;.../&gt;" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="40">
+              <caret line="2" column="17" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file:///Library/Frameworks/Xamarin.iOS.framework/Versions/12.2.1.15/src/Xamarin.iOS/mcs/class/corlib/System.Reflection/MonoMethod.cs">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="160">
+              <caret line="671" column="39" lean-forward="true" selection-start-line="671" selection-start-column="39" selection-end-line="671" selection-end-column="39" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="180">
+              <caret line="9" column="34" selection-start-line="9" selection-start-column="34" selection-end-line="9" selection-end-column="34" />
               <folding>
-                <marker date="1553729986646" expanded="true" signature="40:2196" ph="&lt;&lt;ScrollView&gt;&#10;&#9;&#9;&lt;FlexLayout Margin=&quot;20&quot; Direction=&quot;Column&quot; AlignContent=&quot;Center&quot; JustifyContent=&quot;SpaceAround&quot;&gt;&#10;&#10;&#9;&#9;&#9;&lt;Label Text=&quot;Start Here&quot; FontSize=&quot;24&quot; HorizontalTextAlignment=&quot;Center&quot;/&gt;&#10;&#10;&#9;&#9;&#9;&lt;Button Text=&quot;Read More About Visual&quot; Clicked=&quot;Button_Clicked&quot; /&gt;&#10;&#10;&#9;&#9;&lt;/FlexLayout&gt;&#10;&#9;&lt;/ScrollView&gt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="575:756" ph="&lt;!--...--&gt;" />
-                <marker date="1553729986646" expanded="true" signature="760:2181" ph="&lt;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="858:2168" ph="&lt;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="885:2141" ph="&lt;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="904:2122" ph="&lt;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;                    &lt;Grid.RowDefinitions&gt;&#10;                        &lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;                        &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                    &lt;/Grid.RowDefinitions&gt;&#10;                        &#10;                    &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;                                                Grid.RowSpan=&quot;2&quot; &#10;                                                HorizontalOptions=&quot;FillAndExpand&quot;&#10;                                                VerticalOptions=&quot;FillAndExpand&quot;&#10;                                                RetryCount=&quot;1&quot;&#10;                                                RetryDelay=&quot;2000&quot;&#10;                                                IsOpaque=&quot;true&quot;&#10;                                                CacheDuration=&quot;365&quot;&#10;                                                FadeAnimationForCachedImages=&quot;true&quot;&#10;                                                FadeAnimationEnabled=&quot;true&quot;&#10;                                                ErrorPlaceholder = &quot;hokone.jpg&quot;&#10;                                                Source=&quot;{Binding BackGroundImage}&quot; /&gt;&#10;                        &#10;                    &lt;controls:GradientView StartColor=&quot;White&quot; &#10;                                           EndColor=&quot;##3e6366&quot; &#10;                                           Grid.Row=&quot;0&quot;&#10;                                           Grid.RowSpan=&quot;2&quot;/&gt;&#10;                    &#10;                    &lt;Grid Margin=&quot;10&quot; RowSpacing=&quot;10&quot; ColumnSpacing=&quot;10&quot; Grid.Row=&quot;1&quot;&gt;&#10;                        &lt;Grid.RowDefinitions&gt;&#10;                            &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                            &lt;RowDefinition Height=&quot;25&quot;/&gt;&#10;                        &lt;/Grid.RowDefinitions&gt;&#10;                        &lt;Grid.ColumnDefinitions&gt;&#10;                            &lt;ColumnDefinition Width=&quot;25&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;Auto&quot;/&gt;&#10;                        &lt;/Grid.ColumnDefinitions&gt;&#10;                            &#10;                        &lt;Label class=&quot;h2-clear&quot; Text=&quot;{Binding Title}&quot;  Grid.Row=&quot;0&quot; Grid.ColumnSpan=&quot;3&quot; LineBreakMode=&quot;WordWrap&quot;/&gt;&#10;                            &#10;                        &lt;circleview:CircleImage Source=&quot;{Binding ImageLink}&quot; Aspect=&quot;AspectFill&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;0&quot; WidthRequest=&quot;25&quot; HeightRequest=&quot;25&quot; /&gt;&#10;                        &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding Handle}&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; VerticalOptions=&quot;Center&quot; /&gt;&#10;&#10;                        &lt;StackLayout Orientation=&quot;Horizontal&quot;  VerticalOptions=&quot;Center&quot; Grid.Column=&quot;2&quot; Grid.Row=&quot;1&quot; Spacing=&quot;5&quot; &gt;&#10;                            &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding PublishDateFormated, StringFormat='{0:MMMM d, yyyy}'}&quot; /&gt;&#10;                        &lt;/StackLayout&gt;&#10;                    &lt;/Grid&gt;&#10;                &lt;/Grid&gt; &lt;ViewCell.Effects&gt;&#10;                    &lt;effects:ViewShadowEffect Radius=&quot;5&quot; DistanceX=&quot;5&quot; DistanceY=&quot;5&quot; Color=&quot;Red&quot; /&gt;&#10;                &lt;/ViewCell.Effects&gt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="920:2106" ph="&lt;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt; &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt; &lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;   &#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="966:1089" ph="&lt;&lt;RowDefinition Height=&quot;*&quot;/&gt; &lt;RowDefinition Height=&quot;Auto&quot;/&gt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="1103:1508" ph="&lt;.../&gt;" />
-                <marker date="1553729986646" expanded="true" signature="1841:2092" ph="&lt;.../&gt;" />
+                <marker date="1553731499080" expanded="true" signature="47:568" ph="{...}" />
+                <marker date="1553731499080" expanded="true" signature="92:566" ph="{...}" />
+                <marker date="1553731499080" expanded="true" signature="120:240" ph="{...}" />
+                <marker date="1553731499080" expanded="true" signature="283:346" ph="{...}" />
+                <marker date="1553731499080" expanded="true" signature="389:452" ph="{...}" />
+                <marker date="1553731499080" expanded="true" signature="496:560" ph="{...}" />
               </folding>
             </state>
           </provider>
@@ -44,8 +76,8 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="300">
-              <caret line="15" column="18" lean-forward="true" selection-start-line="15" selection-start-column="18" selection-end-line="15" selection-end-column="18" />
+            <state relative-caret-position="80">
+              <caret line="4" column="25" selection-start-line="4" selection-start-column="10" selection-end-line="4" selection-end-column="25" />
               <folding>
                 <marker date="1553729868560" expanded="true" signature="6:66" ph="..." />
                 <marker date="1553729868560" expanded="true" signature="93:1476" ph="{...}" />
@@ -78,7 +110,7 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="283">
+            <state relative-caret-position="539">
               <caret line="31" column="25" selection-start-line="31" selection-start-column="20" selection-end-line="31" selection-end-column="25" />
               <folding>
                 <marker date="1553727341013" expanded="false" signature="6:94" ph="..." />
@@ -108,6 +140,9 @@
     <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" root0="FORCE_HIGHLIGHTING" />
     <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" root0="FORCE_HIGHLIGHTING" />
     <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/AppShell.xaml" root0="FORCE_HIGHLIGHTING" />
+    <setting file="file:///Library/Frameworks/Xamarin.iOS.framework/Versions/12.2.1.15/src/Xamarin.iOS/mcs/class/corlib/System.Reflection/MonoMethod.cs" root0="SKIP_HIGHLIGHTING" />
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml" root0="FORCE_HIGHLIGHTING" />
+    <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs" root0="FORCE_HIGHLIGHTING" />
     <setting file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/AppShell.xaml.cs" root0="FORCE_HIGHLIGHTING" />
   </component>
   <component name="IdeDocumentHistory">
@@ -116,7 +151,11 @@
         <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs" />
         <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs" />
         <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs" />
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml" />
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs" />
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css.json" />
         <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" />
+        <option value="$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css" />
       </list>
     </option>
   </component>
@@ -174,6 +213,7 @@
     <property name="WebServerToolWindowFactoryState" value="false" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
+    <property name="restartRequiresConfirmation" value="false" />
   </component>
   <component name="RunDashboard">
     <option name="ruleStates">
@@ -218,12 +258,12 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1553726090387</updated>
-      <workItem from="1553726092479" duration="3847000" />
+      <workItem from="1553726092479" duration="6176000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="3847000" />
+    <option name="totallyTimeSpent" value="6176000" />
   </component>
   <component name="TodoView">
     <todo-panel id="selected-file">
@@ -246,7 +286,7 @@
       <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.31561238" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info anchor="bottom" id="Terminal" />
-      <window_info anchor="bottom" id="Build" weight="0.33367875" />
+      <window_info anchor="bottom" id="Build" weight="0.32746115" />
       <window_info anchor="bottom" id="Android Profiler" show_stripe_button="false" />
       <window_info anchor="bottom" id="Docker" show_stripe_button="false" />
       <window_info anchor="bottom" id="Event Log" side_tool="true" />
@@ -316,24 +356,40 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs">
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="480">
-          <caret line="29" column="12" selection-start-line="29" selection-start-column="12" selection-end-line="29" selection-end-column="12" />
+        <state>
+          <caret column="2" selection-start-column="2" selection-end-column="2" />
           <folding>
-            <marker date="1553727728693" expanded="false" signature="6:98" ph="..." />
-            <marker date="1553727728693" expanded="true" signature="129:1411" ph="{...}" />
-            <marker date="1553727728693" expanded="true" signature="136:361" ph="/* The UIApplicationDelegate for the application. This class is responsible for launching the ... */" />
-            <marker date="1553727728693" expanded="true" signature="490:1409" ph="{...}" />
-            <marker date="1553727728693" expanded="true" signature="505:842" ph="/* This method is invoked when the application has loaded and is ready to run. In this ... */" />
-            <marker date="1553727728693" expanded="true" signature="930:1403" ph="{...}" />
+            <marker date="1553726022275" expanded="true" signature="40:291" ph="&lt;&lt;Application.Resources&gt;&#10;        &#10;    &lt;/Application.Resources&gt;.../&gt;" />
+            <marker date="1553726022275" expanded="true" signature="215:276" ph="&lt;.../&gt;" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="408">
+          <caret line="50" column="27" lean-forward="true" selection-start-line="50" selection-start-column="27" selection-end-line="50" selection-end-column="27" />
+          <folding>
+            <marker date="1553732083961" expanded="true" signature="40:1993" ph="&lt;&lt;ListView x:Name=&quot;MonkeyList&quot;&#10;&#9;          RowHeight=&quot;200&quot;&#10;&#9;          SeparatorVisibility=&quot;None&quot;&gt;&#10;&#9;&#9;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;ViewCell&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt;&#10;                        &#10;                     &lt;controls:GradientView StartColor=&quot;White&quot;  &#10;                                            EndColor=&quot;##3e6366&quot;  &#10;                                            Grid.Row=&quot;0&quot; &#10;                                            Grid.RowSpan=&quot;2&quot;/&gt; &#10;                    &#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Margin=&quot;10&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       FontAttributes=&quot;Bold&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       FontSize=&quot;Large&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt; &#10;&#9;&#9;&#9;&#9;&#9;&lt;/Grid&gt;&#10;&#9;&#9;&#9;&#9;&lt;/ViewCell&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;&#10;&#9;&lt;/ListView&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="558:642" ph="&lt;&lt;StyleSheet Source=&quot;/Styles/core.css&quot; /&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="644:1978" ph="&lt;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="742:1965" ph="&lt;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="769:1938" ph="&lt;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="788:1919" ph="&lt;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;                    &lt;Grid.RowDefinitions&gt;&#10;                        &lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;                        &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                    &lt;/Grid.RowDefinitions&gt;&#10;                        &#10;                    &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;                                                Grid.RowSpan=&quot;2&quot; &#10;                                                HorizontalOptions=&quot;FillAndExpand&quot;&#10;                                                VerticalOptions=&quot;FillAndExpand&quot;&#10;                                                RetryCount=&quot;1&quot;&#10;                                                RetryDelay=&quot;2000&quot;&#10;                                                IsOpaque=&quot;true&quot;&#10;                                                CacheDuration=&quot;365&quot;&#10;                                                FadeAnimationForCachedImages=&quot;true&quot;&#10;                                                FadeAnimationEnabled=&quot;true&quot;&#10;                                                ErrorPlaceholder = &quot;hokone.jpg&quot;&#10;                                                Source=&quot;{Binding BackGroundImage}&quot; /&gt;&#10;                        &#10;                    &lt;controls:GradientView StartColor=&quot;White&quot; &#10;                                           EndColor=&quot;##3e6366&quot; &#10;                                           Grid.Row=&quot;0&quot;&#10;                                           Grid.RowSpan=&quot;2&quot;/&gt;&#10;                    &#10;                    &lt;Grid Margin=&quot;10&quot; RowSpacing=&quot;10&quot; ColumnSpacing=&quot;10&quot; Grid.Row=&quot;1&quot;&gt;&#10;                        &lt;Grid.RowDefinitions&gt;&#10;                            &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                            &lt;RowDefinition Height=&quot;25&quot;/&gt;&#10;                        &lt;/Grid.RowDefinitions&gt;&#10;                        &lt;Grid.ColumnDefinitions&gt;&#10;                            &lt;ColumnDefinition Width=&quot;25&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;Auto&quot;/&gt;&#10;                        &lt;/Grid.ColumnDefinitions&gt;&#10;                            &#10;                        &lt;Label class=&quot;h2-clear&quot; Text=&quot;{Binding Title}&quot;  Grid.Row=&quot;0&quot; Grid.ColumnSpan=&quot;3&quot; LineBreakMode=&quot;WordWrap&quot;/&gt;&#10;                            &#10;                        &lt;circleview:CircleImage Source=&quot;{Binding ImageLink}&quot; Aspect=&quot;AspectFill&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;0&quot; WidthRequest=&quot;25&quot; HeightRequest=&quot;25&quot; /&gt;&#10;                        &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding Handle}&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; VerticalOptions=&quot;Center&quot; /&gt;&#10;&#10;                        &lt;StackLayout Orientation=&quot;Horizontal&quot;  VerticalOptions=&quot;Center&quot; Grid.Column=&quot;2&quot; Grid.Row=&quot;1&quot; Spacing=&quot;5&quot; &gt;&#10;                            &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding PublishDateFormated, StringFormat='{0:MMMM d, yyyy}'}&quot; /&gt;&#10;                        &lt;/StackLayout&gt;&#10;                    &lt;/Grid&gt;&#10;                &lt;/Grid&gt; &lt;ViewCell.Effects&gt;&#10;                    &lt;effects:ViewShadowEffect Radius=&quot;5&quot; DistanceX=&quot;5&quot; DistanceY=&quot;5&quot; Color=&quot;Red&quot; /&gt;&#10;                &lt;/ViewCell.Effects&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="804:1903" ph="&lt;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt; &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt; &lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;   &#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="850:973" ph="&lt;&lt;RowDefinition Height=&quot;*&quot;/&gt; &lt;RowDefinition Height=&quot;Auto&quot;/&gt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="987:1392" ph="&lt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="1439:1668" ph="&lt;.../&gt;" />
+            <marker date="1553732083961" expanded="true" signature="1697:1889" ph="&lt;.../&gt;" />
           </folding>
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml.cs">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="283">
+        <state relative-caret-position="539">
           <caret line="31" column="25" selection-start-line="31" selection-start-column="20" selection-end-line="31" selection-end-column="25" />
           <folding>
             <marker date="1553727341013" expanded="false" signature="6:94" ph="..." />
@@ -351,10 +407,25 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge.iOS/AppDelegate.cs">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="480">
+          <caret line="29" column="12" selection-start-line="29" selection-start-column="12" selection-end-line="29" selection-end-column="12" />
+          <folding>
+            <marker date="1553727728693" expanded="false" signature="6:98" ph="..." />
+            <marker date="1553727728693" expanded="true" signature="129:1411" ph="{...}" />
+            <marker date="1553727728693" expanded="true" signature="136:361" ph="/* The UIApplicationDelegate for the application. This class is responsible for launching the ... */" />
+            <marker date="1553727728693" expanded="true" signature="490:1409" ph="{...}" />
+            <marker date="1553727728693" expanded="true" signature="505:842" ph="/* This method is invoked when the application has loaded and is ready to run. In this ... */" />
+            <marker date="1553727728693" expanded="true" signature="930:1403" ph="{...}" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/GradientView.cs">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="300">
-          <caret line="15" column="18" lean-forward="true" selection-start-line="15" selection-start-column="18" selection-end-line="15" selection-end-column="18" />
+        <state relative-caret-position="80">
+          <caret line="4" column="25" selection-start-line="4" selection-start-column="10" selection-end-line="4" selection-end-column="25" />
           <folding>
             <marker date="1553729868560" expanded="true" signature="6:66" ph="..." />
             <marker date="1553729868560" expanded="true" signature="93:1476" ph="{...}" />
@@ -366,24 +437,34 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml">
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="54">
-          <caret line="5" column="41" lean-forward="true" selection-start-line="5" selection-start-column="41" selection-end-line="5" selection-end-column="41" />
+        <state relative-caret-position="180">
+          <caret line="9" column="34" selection-start-line="9" selection-start-column="34" selection-end-line="9" selection-end-column="34" />
           <folding>
-            <marker date="1553729986646" expanded="true" signature="40:2196" ph="&lt;&lt;ScrollView&gt;&#10;&#9;&#9;&lt;FlexLayout Margin=&quot;20&quot; Direction=&quot;Column&quot; AlignContent=&quot;Center&quot; JustifyContent=&quot;SpaceAround&quot;&gt;&#10;&#10;&#9;&#9;&#9;&lt;Label Text=&quot;Start Here&quot; FontSize=&quot;24&quot; HorizontalTextAlignment=&quot;Center&quot;/&gt;&#10;&#10;&#9;&#9;&#9;&lt;Button Text=&quot;Read More About Visual&quot; Clicked=&quot;Button_Clicked&quot; /&gt;&#10;&#10;&#9;&#9;&lt;/FlexLayout&gt;&#10;&#9;&lt;/ScrollView&gt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="575:756" ph="&lt;!--...--&gt;" />
-            <marker date="1553729986646" expanded="true" signature="760:2181" ph="&lt;&lt;ListView.ItemTemplate&gt;&#10;&#9;&#9;&#9;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;&#10;&#9;&#9;&lt;/ListView.ItemTemplate&gt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="858:2168" ph="&lt;&lt;DataTemplate&gt;&#10;&#9;&#9;&#9;&#9;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;&#10;&#9;&#9;&#9;&lt;/DataTemplate&gt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="885:2141" ph="&lt;&lt;TextCell Text=&quot;{Binding DisplayName}&quot; /&gt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="904:2122" ph="&lt;&lt;Grid RowSpacing=&quot;5&quot; ColumnSpacing=&quot;0&quot;&gt;&#10;                    &lt;Grid.RowDefinitions&gt;&#10;                        &lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;                        &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                    &lt;/Grid.RowDefinitions&gt;&#10;                        &#10;                    &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;                                                Grid.RowSpan=&quot;2&quot; &#10;                                                HorizontalOptions=&quot;FillAndExpand&quot;&#10;                                                VerticalOptions=&quot;FillAndExpand&quot;&#10;                                                RetryCount=&quot;1&quot;&#10;                                                RetryDelay=&quot;2000&quot;&#10;                                                IsOpaque=&quot;true&quot;&#10;                                                CacheDuration=&quot;365&quot;&#10;                                                FadeAnimationForCachedImages=&quot;true&quot;&#10;                                                FadeAnimationEnabled=&quot;true&quot;&#10;                                                ErrorPlaceholder = &quot;hokone.jpg&quot;&#10;                                                Source=&quot;{Binding BackGroundImage}&quot; /&gt;&#10;                        &#10;                    &lt;controls:GradientView StartColor=&quot;White&quot; &#10;                                           EndColor=&quot;##3e6366&quot; &#10;                                           Grid.Row=&quot;0&quot;&#10;                                           Grid.RowSpan=&quot;2&quot;/&gt;&#10;                    &#10;                    &lt;Grid Margin=&quot;10&quot; RowSpacing=&quot;10&quot; ColumnSpacing=&quot;10&quot; Grid.Row=&quot;1&quot;&gt;&#10;                        &lt;Grid.RowDefinitions&gt;&#10;                            &lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;                            &lt;RowDefinition Height=&quot;25&quot;/&gt;&#10;                        &lt;/Grid.RowDefinitions&gt;&#10;                        &lt;Grid.ColumnDefinitions&gt;&#10;                            &lt;ColumnDefinition Width=&quot;25&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;*&quot;/&gt;&#10;                            &lt;ColumnDefinition Width=&quot;Auto&quot;/&gt;&#10;                        &lt;/Grid.ColumnDefinitions&gt;&#10;                            &#10;                        &lt;Label class=&quot;h2-clear&quot; Text=&quot;{Binding Title}&quot;  Grid.Row=&quot;0&quot; Grid.ColumnSpan=&quot;3&quot; LineBreakMode=&quot;WordWrap&quot;/&gt;&#10;                            &#10;                        &lt;circleview:CircleImage Source=&quot;{Binding ImageLink}&quot; Aspect=&quot;AspectFill&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;0&quot; WidthRequest=&quot;25&quot; HeightRequest=&quot;25&quot; /&gt;&#10;                        &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding Handle}&quot; Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; VerticalOptions=&quot;Center&quot; /&gt;&#10;&#10;                        &lt;StackLayout Orientation=&quot;Horizontal&quot;  VerticalOptions=&quot;Center&quot; Grid.Column=&quot;2&quot; Grid.Row=&quot;1&quot; Spacing=&quot;5&quot; &gt;&#10;                            &lt;Label class=&quot;label-clear&quot; Text=&quot;{Binding PublishDateFormated, StringFormat='{0:MMMM d, yyyy}'}&quot; /&gt;&#10;                        &lt;/StackLayout&gt;&#10;                    &lt;/Grid&gt;&#10;                &lt;/Grid&gt; &lt;ViewCell.Effects&gt;&#10;                    &lt;effects:ViewShadowEffect Radius=&quot;5&quot; DistanceX=&quot;5&quot; DistanceY=&quot;5&quot; Color=&quot;Red&quot; /&gt;&#10;                &lt;/ViewCell.Effects&gt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="920:2106" ph="&lt;&lt;Grid.RowDefinitions&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;*&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&lt;RowDefinition Height=&quot;Auto&quot;/&gt;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&lt;/Grid.RowDefinitions&gt; &lt;ffimageloading:CachedImage Aspect=&quot;AspectFill&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Grid.RowSpan=&quot;2&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;HorizontalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;VerticalOptions=&quot;FillAndExpand&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;IsOpaque=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;CacheDuration=&quot;365&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationForCachedImages=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;FadeAnimationEnabled=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;DownsampleToViewSize=&quot;true&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Source=&quot;{Binding Image}&quot; /&gt; &lt;Label TextColor=&quot;White&quot; &#10;&#9;&#9;&#9;&#9;&#9;&#9;       Text=&quot;{Binding Name}&quot;   &#10;&#9;&#9;&#9;&#9;&#9;&#9;       LineBreakMode=&quot;WordWrap&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       Grid.Row=&quot;1&quot;&#10;&#9;&#9;&#9;&#9;&#9;&#9;       VerticalOptions=&quot;End&quot;/&gt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="966:1089" ph="&lt;&lt;RowDefinition Height=&quot;*&quot;/&gt; &lt;RowDefinition Height=&quot;Auto&quot;/&gt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="1103:1508" ph="&lt;.../&gt;" />
-            <marker date="1553729986646" expanded="true" signature="1841:2092" ph="&lt;.../&gt;" />
+            <marker date="1553731499080" expanded="true" signature="47:568" ph="{...}" />
+            <marker date="1553731499080" expanded="true" signature="92:566" ph="{...}" />
+            <marker date="1553731499080" expanded="true" signature="120:240" ph="{...}" />
+            <marker date="1553731499080" expanded="true" signature="283:346" ph="{...}" />
+            <marker date="1553731499080" expanded="true" signature="389:452" ph="{...}" />
+            <marker date="1553731499080" expanded="true" signature="496:560" ph="{...}" />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file:///Library/Frameworks/Xamarin.iOS.framework/Versions/12.2.1.15/src/Xamarin.iOS/mcs/class/corlib/System.Reflection/MonoMethod.cs">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="160">
+          <caret line="671" column="39" lean-forward="true" selection-start-line="671" selection-start-column="39" selection-end-line="671" selection-end-column="39" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="40">
+          <caret line="2" column="17" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" />
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/VisualChallenge/VisualChallenge/App.xaml.cs b/VisualChallenge/VisualChallenge/App.xaml.cs
index 2ab3c58..e1c3e3c 100644
--- a/VisualChallenge/VisualChallenge/App.xaml.cs
+++ b/VisualChallenge/VisualChallenge/App.xaml.cs
@@ -10,6 +10,7 @@ public App()
             InitializeComponent();
             
             MainPage = new AppShell();
+            
         }
 
         protected override void OnStart()
diff --git a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
index c63d0c8..638d69f 100644
--- a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
+++ b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
@@ -3,16 +3,15 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:sys="clr-namespace:System;assembly=mscorlib"
              x:Class="VisualChallenge.VisualChallengePage"
-             Shell.NavBarIsVisible="True"
+             Shell.NavBarIsVisible="false"
              BackgroundColor="White"
+             class="h1"
              xmlns:controls="clr-namespace:VisualChallenge"
-             xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
-             Title="Visual Challenge">
+             xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms">
 
-	<!-- If you decide to change out the flexlayout leave the scroll view here
-		 Currently there's a bug in shell that will set margins wrong if the content is not in a scrollview
-	-->
-	
+	<ContentPage.Resources>
+		<StyleSheet Source="core.css" />
+	</ContentPage.Resources>
 	<ListView x:Name="MonkeyList"
 	          RowHeight="200"
 	          SeparatorVisibility="None">
@@ -41,11 +40,10 @@
                                             Grid.Row="0" 
                                             Grid.RowSpan="2"/> 
                     
-						<Label TextColor="White" 
+						<Label class="h1"
 						       Margin="10"
 						       Text="{Binding Name}"
-						       FontAttributes="Bold"
-						       FontSize="Large"
+						       
 						       LineBreakMode="WordWrap"
 						       Grid.Row="1"
 						       VerticalOptions="End"/> 
diff --git a/VisualChallenge/VisualChallenge/core.css b/VisualChallenge/VisualChallenge/core.css
new file mode 100644
index 0000000..6222727
--- /dev/null
+++ b/VisualChallenge/VisualChallenge/core.css
@@ -0,0 +1,4 @@
+^Label {
+    color: white;
+    font-size: 30;
+}

From b3538b4f9bfe936a23c46561277066ca4312f85c Mon Sep 17 00:00:00 2001
From: Daniel Causer <danielcauser@gmail.com>
Date: Wed, 27 Mar 2019 22:46:03 -0400
Subject: [PATCH 3/3] [DC] FFImageLoading android setup

---
 .../.idea.VisualChallenge/.idea/workspace.xml | 38 ++++++++-----------
 .../VisualChallenge.Android/MainActivity.cs   |  5 ++-
 2 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/.idea/.idea.VisualChallenge/.idea/workspace.xml b/.idea/.idea.VisualChallenge/.idea/workspace.xml
index 2a05498..ae4e642 100644
--- a/.idea/.idea.VisualChallenge/.idea/workspace.xml
+++ b/.idea/.idea.VisualChallenge/.idea/workspace.xml
@@ -1,13 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="29a9c1a4-a384-4ea9-82fb-07312451023e" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/contentModel.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/contentModel.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/.idea.VisualChallenge/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/App.xaml.cs" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" beforeDir="false" afterPath="$PROJECT_DIR$/VisualChallenge/VisualChallenge/VisualChallengePage.xaml" afterDir="false" />
-    </list>
+    <list default="true" id="29a9c1a4-a384-4ea9-82fb-07312451023e" name="Default Changelist" comment="" />
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -41,8 +35,8 @@
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="40">
-              <caret line="2" column="17" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" />
+            <state relative-caret-position="80">
+              <caret line="4" lean-forward="true" selection-start-line="4" selection-end-line="4" />
             </state>
           </provider>
         </entry>
@@ -164,7 +158,7 @@
       <facet id="VisualChallenge.Android/invalid/Android Facet - VisualChallenge.Android" />
     </ignored-facets>
   </component>
-  <component name="ProjectFrameBounds">
+  <component name="ProjectFrameBounds" extendedState="6">
     <option name="y" value="23" />
     <option name="width" value="1528" />
     <option name="height" value="1057" />
@@ -227,13 +221,13 @@
       </list>
     </option>
   </component>
-  <component name="RunManager" selected="Xamarin.iOS.iOS Default">
+  <component name="RunManager" selected="Xamarin.Android.Android Default">
     <configuration name="Android Default" type="XamarinAndroidProject" factoryName="Xamarin.Android">
-      <option name="PROJECT_PATH" value="" />
+      <option name="PROJECT_PATH" value="$PROJECT_DIR$/VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj" />
       <option name="PROGRAM_PARAMETERS" value="" />
-      <option name="TARGET_SELECTION_MODE" value="SHOW_DIALOG" />
+      <option name="TARGET_SELECTION_MODE" value="EMULATOR" />
       <option name="USE_LAST_SELECTED_DEVICE" value="false" />
-      <option name="PREFERRED_AVD" value="" />
+      <option name="PREFERRED_AVD" value="nexus_android_6" />
       <option name="DEPLOY_BEHAVIOUR_NAME" value="Default" />
       <method v="2">
         <option name="Build" enabled="true" />
@@ -258,12 +252,12 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1553726090387</updated>
-      <workItem from="1553726092479" duration="6176000" />
+      <workItem from="1553726092479" duration="6704000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="6176000" />
+    <option name="totallyTimeSpent" value="6704000" />
   </component>
   <component name="TodoView">
     <todo-panel id="selected-file">
@@ -275,7 +269,7 @@
     </todo-panel>
   </component>
   <component name="ToolWindowManager">
-    <frame x="0" y="23" width="1528" height="1057" extended-state="0" />
+    <frame x="0" y="23" width="1440" height="877" extended-state="6" />
     <editor active="true" />
     <layout>
       <window_info id="Image Layers" />
@@ -283,10 +277,10 @@
       <window_info id="Favorites" side_tool="true" />
       <window_info id="Captures" />
       <window_info id="Azure Explorer" weight="0.32960597" />
-      <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.31561238" />
+      <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.33547926" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info anchor="bottom" id="Terminal" />
-      <window_info anchor="bottom" id="Build" weight="0.32746115" />
+      <window_info anchor="bottom" id="Build" weight="0.32738853" />
       <window_info anchor="bottom" id="Android Profiler" show_stripe_button="false" />
       <window_info anchor="bottom" id="Docker" show_stripe_button="false" />
       <window_info anchor="bottom" id="Event Log" side_tool="true" />
@@ -299,7 +293,7 @@
       <window_info anchor="bottom" id="Message" order="0" />
       <window_info anchor="bottom" id="Find" order="1" />
       <window_info anchor="bottom" id="Run" order="2" />
-      <window_info active="true" anchor="bottom" id="Debug" order="3" visible="true" weight="0.4" />
+      <window_info active="true" anchor="bottom" id="Debug" order="3" visible="true" weight="0.49171975" />
       <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
       <window_info anchor="bottom" id="TODO" order="6" />
@@ -461,8 +455,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/VisualChallenge/VisualChallenge/core.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="40">
-          <caret line="2" column="17" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" />
+        <state relative-caret-position="80">
+          <caret line="4" lean-forward="true" selection-start-line="4" selection-end-line="4" />
         </state>
       </provider>
     </entry>
diff --git a/VisualChallenge/VisualChallenge.Android/MainActivity.cs b/VisualChallenge/VisualChallenge.Android/MainActivity.cs
index af10bc6..caa16d3 100644
--- a/VisualChallenge/VisualChallenge.Android/MainActivity.cs
+++ b/VisualChallenge/VisualChallenge.Android/MainActivity.cs
@@ -23,8 +23,9 @@ protected override void OnCreate(Bundle savedInstanceState)
 
             global::Xamarin.Forms.Forms.SetFlags("Shell_Experimental", "CollectionView_Experimental", "FastRenderers_Experimental");
             global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
-			global::Xamarin.Forms.FormsMaterial.Init(this, savedInstanceState);
-			LoadApplication(new App());
+            global::Xamarin.Forms.FormsMaterial.Init(this, savedInstanceState);
+            FFImageLoading.Forms.Platform.CachedImageRenderer.Init(true);
+            LoadApplication(new App());
         }
     }
 }
\ No newline at end of file