Updates walkthrough & welcome content

Author: eamodio

CHANGELOG.md

@@ -557,7 +557,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 - Adds the ability to rename stashes — closes [#2538](https://github.com/gitkraken/vscode-gitlens/issues/2538)
   - Adds a new _Rename Stash..._ command to the _Stashes_ view
 - Adds new _Commit Graph_ features and improvements
-  - Adds a _Push_ or _Pull_ toolbar button depending the current branch being ahead or behind it's upstream
+  - Adds a _Push_ or _Pull_ toolbar button depending the current branch being ahead or behind its upstream
   - Adds support for the _Commit Graph_ over [Visual Studio Live Share](https://visualstudio.microsoft.com/services/live-share/) sessions
   - Adds the ability to move all of the columns, including the ones that were previously unmovable
   - Automatically switches column headers from text to icons when the column's width is too small for the text to be useful
@@ -778,7 +778,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     - Adds a new _Filter Graph_ dropdown button at the start of the search bar
     - Adds ability to quickly switch between _Show All Local Branches_ and _Show Current Branch Only_ branch filtering options
       - _Show All Local Branches_ — displays all local branches (default)
-      - _Show Current Branch Only_ — displays only the current branch and it's upstream remote (if exists and _Hide Remote Branches_ isn't enabled)
+      - _Show Current Branch Only_ — displays only the current branch and its upstream remote (if exists and _Hide Remote Branches_ isn't enabled)
     - Adds ability to hide all remote branches, stashes, and tags
     - Adds the ability to dim (deemphasize) merge commits
   - Adds a new header bar to provide quick access to common actions

package.json

@@ -141,7 +141,7 @@ export class GraphSvg extends LitElement {
 				<line class="lane5-foreground" opacity="0.3" x1="196" y1="246" x2="297" y2="246" stroke-width="2"/>
 				<rect class="lane5-background" opacity="0.2" x="304" y="236" width="40" height="18"/>
 				<rect class="lane5-background" x="342" y="236" width="2" height="18"/>
-				<path class="lane5-foreground" d="M239 270.74H297C301.418 270.74 305 267.158 305 262.74V247" stroke-width="2"/>
+				<path class="lane5-foreground" d="M239 270.74H297C301.418 270.74 305 267.158 305 262.74V247" fill="none" stroke-width="2"/>
 
 				<line class="lane1-foreground" x1="217" y1="38" x2="217" y2="319" stroke-width="2" stroke-dasharray="4 4"/>
 				<circle class="lane1-foreground container" cx="217" cy="29" r="8" stroke-width="2" stroke-dasharray="4 4"/>

src/webviews/apps/welcome/components/svg-graph.ts

@@ -203,7 +203,7 @@ <h3 class="sticky">
 						</h3>
 						<p>Easily visualize your repository and keep track of all work in progress.</p>
 						<p>
-							Use the rich commit search to find exactly what you're looking for. It's powerful filters
+							Use the rich commit search to find exactly what you're looking for. Its powerful filters
 							allow you to search by a specific commit, message, author, a changed file or files, or even
 							a specific code change.
 						</p>
@@ -352,8 +352,8 @@ <h3 class="sticky">
 						</h3>
 						<p>
 							Use Launchpad to bring all of your GitHub pull requests into a unified, actionable list to
-							better track work in progress, pending work, reviews, and more. Focus and take action on the
-							most critical items to keep your team unblocked.
+							better track work in progress, pending work, reviews, and more. Stay focused and take action
+							on the most important items to keep your team unblocked.
 							<a
 								href="https://www.gitkraken.com/solutions/launchpad"
 								title="Learn more about Launchpad"
@@ -378,9 +378,9 @@ <h3 class="sticky">
 							<gl-feature-badge class="super" placement="right" cloud preview></gl-feature-badge>
 						</h3>
 						<p>
-							Liberate your code reviews from GitHub's restrictive, comment-only feedback style and make
-							suggestions where you're already coding - in your IDE. Suggest changes anywhere, in any file
-							in your project with Code Suggest.
+							Liberate your code reviews from GitHub's restrictive, comment-only feedback style. Like
+							suggesting changes on a Google-doc, suggest code changes from where you're already coding —
+							your IDE and on anything in your project, not just on the lines of code changed in the PR.
 							<a
 								href="https://www.gitkraken.com/solutions/code-suggest"
 								title="Learn more about Code Suggest"
@@ -405,8 +405,10 @@ <h3 class="sticky">
 							<gl-feature-badge class="super" placement="right" cloud preview></gl-feature-badge>
 						</h3>
 						<p>
-							Quickly, easily, and securely share changes with other developers by creating a Cloud Patch
-							from your WIP, commit or stash and sharing the generated link with your teammates.
+							Easily and securely share code changes with your teammates or other developers by creating a
+							Cloud Patch from your WIP, commit or stash and sharing the generated link. Use Cloud Patches
+							to collaborate early for feedback on direction, approach, and more, to minimize rework and
+							streamline your workflow.
 							<a
 								href="https://www.gitkraken.com/solutions/cloud-patches"
 								title="Learn more about Cloud Patches"

src/webviews/apps/welcome/welcome.html

@@ -0,0 +1,39 @@
+<figure align="center">
+  <img src="../../images/docs/current-line-blame.png" alt="Inline Blame" />
+  <figcaption>Inline Blame</figcaption>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/code-lens.png" alt="Git CodeLens" />
+  <figcaption>Git CodeLens</figcaption>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/hovers-current-line.png" alt="Inline Blame Hover" />
+  <figcaption>Hovers</figcaption>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/gutter-toggle.png" alt="Toggle File Annotations" />
+  <figcaption>File Annotations</figcaption>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/gutter-blame.png" alt="File Blame" />
+  <figcaption>File Blame</figcaption>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/gutter-changes.png" alt="File Changes" />
+  <figcaption>File Changes</figcaption>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/gutter-heatmap.png" alt="File Heatmap" />
+  <figcaption>Heatmap</figcaption>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/revision-navigation.gif" alt="Revision Navigation" />
+  <figcaption>Revision Navigation</figcaption>
+</figure>

walkthroughs/welcome/blame.md

@@ -0,0 +1,10 @@
+<figure align="center">
+  <a href="https://www.youtube.com/watch?v=UQPb73Zz9qk?utm_source=gitlens-extension&amp;utm_medium=walkthru_welcome" title="Watch the GitLens tutorial video">
+    <img src="tutorial.png" alt="GitLens tutorial video" />
+  </a>
+</figure>
+
+<figure align="center">
+  <img src="../../images/docs/side-bar-views.png" alt="All Open Sidebar Views" />
+  <figcaption>GitLens Inspect as shown above has been manually moved into the Secondary Side Bar</figcaption>
+</figure>