Adds description content to the walkthroughs

Author: nzaytsev

images/icons/play-button.svg

@@ -51,5 +51,6 @@
   "repo-fetch": 61744,
   "repo-pull": 61745,
   "repo-push": 61746,
-  "provider-jira": 61747
+  "provider-jira": 61747,
+  "play-button": 61748
 }

images/icons/template/mapping.json

@@ -9767,6 +9767,13 @@
 					"fontPath": "dist/glicons.woff2",
 					"fontCharacter": "\\f133"
 				}
+			},
+			"gitlens-play-button": {
+				"description": "play-button icon",
+				"default": {
+					"fontPath": "dist/glicons.woff2",
+					"fontCharacter": "\\f134"
+				}
 			}
 		},
 		"menus": {
@@ -17817,7 +17824,7 @@
 					{
 						"id": "get-started-community",
 						"title": "Welcome to GitLens | Community vs. Pro",
-						"description": "Get Started with GitLens Pro",
+						"description": "Thank you for installing GitLens - The #1 most installed Git extension in VS Code.\n\nYou’re using **GitLens Community:** Track code changes and who made them, with features like in-editor blame annotations, hovers, CodeLens, and more for free.\n\n**Unlock powerful workflows with GitLens Pro**\n\n**GitLens Pro:** For professional developers and teams, test out Pro by [signing up](command:gitlens.plus.signUp)  to trial features that accelerate PR workflows, provide actionable code visuals, and and streamline collaboration to boost your productivity.\n\n[Get Started with GitLens Pro](command:gitlens.plus.showPlans)\n\n**[Learn more about GitLens Community and Pro](https://www.gitkraken.com/gitlens/pro-features)**",
 						"media": {
 							"markdown": "walkthroughs/welcome/get-started-community.md"
 						},
@@ -17829,7 +17836,7 @@
 					{
 						"id": "visualize-code-history",
 						"title": "Visualize Code History",
-						"description": "",
+						"description": "$(gitlens-gitlens)  **Blame Annotations and Hovers**\n\nSee who changed what and why, without leaving your editor, through in-editor blame annotations, hover, and CodeLens.\n\n[Toggle File Blame](command:gitlens.toggleFileBlame), [Toggle Git CodeLens](command:gitlens.toggleCodeLens)\n\n**Side Bar & Panel Overview**\n\n$(gitlens-gitlens-inspect)  **GitLens Inspect**\n\nEfficiently jump through the revision history of files, folders, and selected lines for the contextual info you need. Open [GitLens Inspect](command:workbench.view.extension.gitlensInspect)\n\n$(gitlens-graph) **Visual Commit Graph & Search**\n\nEasily follow complex Git histories, branches and search with the interactive Commit Graph for a clear view of repo changes.\n\n[View your Commit Graph](command:gitlens.showGraph)\n\n$(gitlens-play-button) [Watch a video on Visualize Code History](https://example.com)",
 						"media": {
 							"markdown": "walkthroughs/welcome/visualize-code-history.md"
 						},
@@ -17991,7 +17998,7 @@
 		"build:extension": "webpack --mode development --config-name extension:node",
 		"build:extension:browser": "webpack --mode development --config-name extension:webworker",
 		"build:webviews": "webpack --mode development --config-name webviews",
-		"build:icons": "pnpm run icons:svgo && pnpm run fantasticon && pnpm run icons:apply",
+		"build:icons": "pnpm run icons:svgo && pnpm fantasticon && pnpm run icons:apply",
 		"build:tests": "node ./scripts/esbuild.tests.mjs --mode development",
 		"generate:docs:telemetry": "node ./scripts/generate-telemetry-docs.mjs",
 		"bundle": "webpack --mode production",

package.json

@@ -567,6 +567,7 @@ const iconMap = Object.freeze({
 	'gl-repo-pull': '\\f131',
 	'gl-repo-push': '\\f132',
 	'gl-provider-jira': '\\f133',
+	'gl-play-button-jira': '\\f134',
 });
 
 @customElement('code-icon')

src/webviews/apps/shared/components/code-icon.ts

@@ -6,7 +6,7 @@ Must be placed at the end of body in the HTML file of any webview that needs it
 	@font-face {
 		font-family: 'glicons';
 		font-display: block;
-		src: url("#{root}/dist/glicons.woff2?6ae679c0cde70af8c802b5257e2354a4") format("woff2");
+		src: url("#{root}/dist/glicons.woff2?0499083c405179442dcfdb1b46b6c007") format("woff2");
 	}
 </style>
 */
@@ -218,3 +218,6 @@ Must be placed at the end of body in the HTML file of any webview that needs it
 .glicon-provider-jira:before {
 	content: '\f133';
 }
+.glicon-play-button:before {
+	content: '\f134';
+}

src/webviews/apps/shared/glicons.scss

@@ -0,0 +1,5 @@
+<figure align="center">
+  <a href="https://www.youtube.com/watch?v=UQPb73Zz9qk?utm_source=gitlens-extension&amp;utm_medium=walkthru_welcome" title="Watch the Getting Started tutorial video">
+    <img src="tutorial.png" alt="GitLens tutorial video" />
+  </a>
+</figure>