Make publish view consistent with Azure DevOps

Use same colors and layout.

Author: jcansdale

src/GitHub.VisualStudio.16/Images.imagemanifest.cs

@@ -1,8 +1,13 @@
-namespace GitHub.VisualStudio
+using System;
+using Microsoft.VisualStudio.Imaging.Interop;
+
+namespace GitHub.VisualStudio
 {
-    internal class Images
+    public class Images
     {
         internal const string ImageMonikerGuid = "{de556d01-f3bc-4521-abc3-3e04b537f9c9}";
-        internal const int Logo = 1;
+        internal const int LogoId = 1;
+
+        public static ImageMoniker Logo { get; } = new ImageMoniker { Guid = new Guid(ImageMonikerGuid), Id = LogoId };
     }
 }

src/GitHub.VisualStudio.16/StartPagePackage.cs

@@ -12,7 +12,7 @@ namespace GitHub.StartPage
     [ProvideBindingPath(SubPath = "UI")]
     [PackageRegistration(UseManagedResourcesOnly = true)]
     [Guid(Guids.StartPagePackageId)]
-    [ProvideCodeContainerProvider("GitHub Container", Guids.StartPagePackageId, Images.ImageMonikerGuid, Images.Logo, "#110", "#111", typeof(InBoxGitHubContainerProvider))]
+    [ProvideCodeContainerProvider("GitHub Container", Guids.StartPagePackageId, Images.ImageMonikerGuid, Images.LogoId, "#110", "#111", typeof(InBoxGitHubContainerProvider))]
     public sealed class StartPagePackage : ExtensionPointPackage
     {
         protected override ICodeContainerProvider CreateCodeContainerProvider(Guid provider)

src/GitHub.VisualStudio.16/Sync/PublishView.xaml

@@ -3,12 +3,74 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:imaging="clr-namespace:Microsoft.VisualStudio.Imaging;assembly=Microsoft.VisualStudio.Imaging"
+             xmlns:mtcw="clr-namespace:Microsoft.TeamFoundation.Controls.WPF;assembly=Microsoft.TeamFoundation.Controls"
+             xmlns:local="clr-namespace:GitHub.VisualStudio;assembly="
              mc:Ignorable="d" 
              d:DesignHeight="300" d:DesignWidth="300"
              DataContext="{Binding RelativeSource={RelativeSource Self}}">
 
-    <WrapPanel HorizontalAlignment="Right" Margin="0,0,14,0">
-        <Button Content="Publish Git Repo" />
-    </WrapPanel>
+    <UserControl.Resources>
+        <SolidColorBrush
+            x:Key="SubduedTextBrushKey" 
+            Color="{Binding Source={x:Static mtcw:TeamFoundationColors.Instance}, Path=SubduedTextColor, Mode=OneWay}" />
+    </UserControl.Resources>
+
+    <StackPanel Margin="6,0,0,0">
+        
+        <!-- heading -->
+        <Grid Margin="6,6,6,5">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <!--Icon -->
+            <imaging:CrispImage
+            Width="32"
+            Height="32"
+            Grid.Column="0"
+            HorizontalAlignment="Center" 
+            VerticalAlignment="Top" 
+            Margin="0,2,8,2"
+            SnapsToDevicePixels="True"
+            Visibility="Visible"
+            Moniker="{x:Static local:Images.Logo}" />
+
+            <!--Service name, provider -->
+            <StackPanel Orientation="Vertical"
+                VerticalAlignment="Center"
+                Grid.Column="1">
+                <TextBlock x:Name="Name"     Text="GitHub"  TextTrimming="CharacterEllipsis" FontWeight="SemiBold" />
+                <TextBlock x:Name="Provider" Text="GitHub, Inc" TextTrimming="CharacterEllipsis"
+                           Foreground="{StaticResource SubduedTextBrushKey}" />
+            </StackPanel>
+        </Grid>
+
+        <Grid x:Name="GetStartedGrid" x:Uid="GetStartedGrid">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto"/>
+                <ColumnDefinition Width="*"/>
+            </Grid.ColumnDefinitions>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+            </Grid.RowDefinitions>
+            <WrapPanel x:Name="GetStartedPanel" Grid.Row="0" Grid.ColumnSpan="2">
+                <!-- Description text -->
+                <TextBlock    x:Name="Description"
+                              x:Uid="Description"
+                              Text="Powerful collaboration, code review, and code management for open source and private projects."
+                              MaxHeight="100"
+                              TextWrapping="Wrap" 
+                              TextTrimming="WordEllipsis" />
+            </WrapPanel>
+            <WrapPanel Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" Margin="0,0,14,0">
+                <Button x:Uid="publishARepoButton" x:Name="publishARepoButton"
+                            Grid.Column="0" Content="Publish to GitHub" />
+            </WrapPanel>
+        </Grid>
+        
+    </StackPanel>
 
 </UserControl>