Convert Extensions tutorial articles to sample articles

[mikehoffms]

Rendered articles for review:

• Sample: Display an image in a pop-up
  • https://review.learn.microsoft.com/microsoft-edge/extensions-chromium/getting-started/part1-simple-extension?branch=pr-en-us-3327
  • Before/Live
  • Changed title from Tutorial part 1: Display an image in a pop-up.
  • Converted from semi-tutorial format (complex) to sample format (simple).
  • Added details to clone repo and switch to a working branch.
  • Created all steps inline, instead of linking away to Sideload article.
• Sample: Insert an image in the webpage
  • https://review.learn.microsoft.com/microsoft-edge/extensions-chromium/getting-started/part2-content-scripts?branch=pr-en-us-3327
  • Before/Live
  • Changed title from Tutorial part 2: Use JavaScript to insert an image in the webpage.
  • todo: Convert from semi-tutorial format (complex) to sample format (simple).

AB#54402190

[learn-build-service-prod]

Learn Build status updates of commit 32fd63b:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/developer/index.yml	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/sources/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/developer-guide/sidebar.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/extension-sideloading.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extension-running copy.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup-no-extensions.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/icon-png-toolbar.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/load-unpacked-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-badge1.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-developermode-toggle.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-installed-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts.md	✅Succeeded	View
microsoft-edge/extensions-chromium/landing/index.yml	✅Succeeded	View
microsoft-edge/index.yml	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

For any questions, please:

• Try searching the learn.microsoft.com contributor guides
• Post your question in the Learn support channel

[learn-build-service-prod]

Learn Build status updates of commit df0477d:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/developer/index.yml	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/sources/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/developer-guide/sidebar.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/extension-sideloading.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extension-running copy.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup-no-extensions.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/icon-png-toolbar.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/load-unpacked-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-badge1.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-developermode-toggle.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-installed-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts.md	✅Succeeded	View
microsoft-edge/extensions-chromium/landing/index.yml	✅Succeeded	View
microsoft-edge/index.yml	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

For any questions, please:

• Try searching the learn.microsoft.com contributor guides
• Post your question in the Learn support channel

[learn-build-service-prod]

Learn Build status updates of commit 1c694a6:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/developer/index.yml	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/sources/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/developer-guide/sidebar.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/extension-sideloading.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extension-running copy.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup-no-extensions.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/icon-png-toolbar.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/load-unpacked-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-badge1.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-developermode-toggle.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-installed-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts.md	✅Succeeded	View
microsoft-edge/extensions-chromium/landing/index.yml	✅Succeeded	View
microsoft-edge/index.yml	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

For any questions, please:

• Try searching the learn.microsoft.com contributor guides
• Post your question in the Learn support channel

[learn-build-service-prod]

Learn Build status updates of commit 910efc8:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/developer/index.yml	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/sources/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/developer-guide/sidebar.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/extension-sideloading.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extension-running copy.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup-no-extensions.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/icon-png-toolbar.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/load-unpacked-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-badge1.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-developermode-toggle.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-installed-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts.md	✅Succeeded	View
microsoft-edge/extensions-chromium/landing/index.yml	✅Succeeded	View
microsoft-edge/index.yml	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

For any questions, please:

• Try searching the learn.microsoft.com contributor guides
• Post your question in the Learn support channel

[learn-build-service-prod]

Learn Build status updates of commit b2ed9bc:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/developer/index.yml	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/sources/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/developer-guide/sidebar.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/extension-sideloading.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extension-running copy.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup-no-extensions.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/icon-png-toolbar.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/load-unpacked-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-badge1.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-developermode-toggle.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-installed-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts.md	✅Succeeded	View
microsoft-edge/extensions-chromium/landing/index.yml	✅Succeeded	View
microsoft-edge/index.yml	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

For any questions, please:

• Try searching the learn.microsoft.com contributor guides
• Post your question in the Learn support channel