Update source files (2023-08-28T00:32:06.275Z)

en/html-content/extension-settings.html

@@ -8,10 +8,10 @@ <h2>How to access Scratch Addons settings</h2>
 <div class=card-header>
 Step 1
 </div>
-<img class=card-img-top src=/assets/img/getting-started/step-1.png alt="Click the Scratch Addons extension icon">
+<img class=card-img-top src=/assets/img/getting-started/step-1.png alt="Open the Scratch Addons popup">
 <div class=card-body>
-<h5 class=card-title>Click the Scratch Addons extension icon</h5>
-<p class=card-text>It is on the top-right corner of your browser. Google Chrome users need to click the puzzle icon to find the icon.</p>
+<h5 class=card-title>Open the Scratch Addons popup</h5>
+<p class=card-text>You may need to open the Extensions list by clicking the puzzle icon before finding it.</p>
 </div>
 </div>
 <div class=card>
@@ -31,7 +31,7 @@ <h5 class=card-title>Press the gear icon to go to the Settings page</h5>
 <img class=card-img-top src=/assets/img/getting-started/step-3.png alt="Scroll through the addons list and enable the ones that you want">
 <div class=card-body>
 <h5 class=card-title>Scroll through the addons list and enable the ones that you want</h5>
-<p class=card-text>You can also configure each of the addons on the bottom section of each addons.</p>
+<p class=card-text>You can also configure each of the addons on the bottom section of each addon.</p>
 </div>
 </div>
 </div>

en/html-content/welcome.html

@@ -1,4 +1,5 @@
 
+<style>#pin .pin-float{max-width:33.33%}#support{clear:both}</style>
 <section id=intro class=intro-heading>
 <h1 class=mb-3>Welcome!</h1>
 <p class=mb-1>Scratch Addons has been installed successfully!</p>
@@ -11,10 +12,10 @@ <h2>Getting started</h2>
 <div class=card-header>
 Step 1
 </div>
-<img class=card-img-top src=/assets/img/getting-started/step-1.png alt="Click the Scratch Addons extension icon">
+<img class=card-img-top src=/assets/img/getting-started/step-1.png alt="Open the Scratch Addons popup">
 <div class=card-body>
-<h5 class=card-title>Click the Scratch Addons extension icon</h5>
-<p class=card-text>It is on the top-right corner of your browser. Google Chrome users need to click the puzzle icon to find the icon.</p>
+<h5 class=card-title>Open the Scratch Addons popup</h5>
+<p class=card-text>You may need to open the Extensions list by clicking the puzzle icon before finding it.</p>
 </div>
 </div>
 <div class=card>
@@ -34,11 +35,18 @@ <h5 class=card-title>Press the gear icon to go to the Settings page</h5>
 <img class=card-img-top src=/assets/img/getting-started/step-3.png alt="Scroll through the addons list and enable the ones that you want">
 <div class=card-body>
 <h5 class=card-title>Scroll through the addons list and enable the ones that you want</h5>
-<p class=card-text>You can also configure each of the addons on the bottom section of each addons.</p>
+<p class=card-text>You can also configure each of the addons on the bottom section of each addon.</p>
 </div>
 </div>
 </div>
 </section>
+<section id=pin class="container mb-4" style=clear:both>
+<img class="pin-float d-none d-md-block float-right" src=/assets/img/getting-started/pin.png>
+<h2>Pin the extension</h2>
+<img class="d-block d-md-none w-100 mb-3" src=/assets/img/getting-started/pin.png>
+<p>In some browsers, you should take your time to pin the extension.</p>
+<p>Open the Extensions list by clicking the puzzle icon and find Scratch Addons. Then, you can pin it by pressing the icon, or right clicking the extension and pin it through the menu.</p>
+</section>
 <section id=support class="container mb-4">
 <h2 class=h4>Want to support us?</h2>
 <p>You can star our <a href=https://github.com/ScratchAddons/ScratchAddons>repository on GitHub</a> or leave a review on <a href=https://chrome.google.com/webstore/detail/fbeffbjdlemaoicjdapfpikkikjoneco>the Chrome extension page</a>, <a href=https://addons.mozilla.org/firefox/addon/scratch-messaging-extension/ >the Firefox addon page</a> or <a href=https://microsoftedge.microsoft.com/addons/detail/scratch-addons/iliepgjnemckemgnledoipfiilhajdjj>the Microsoft Edge addon page</a>.</p>

en/markdown/docs/develop/userstyles/best-practices.md

@@ -14,7 +14,7 @@ Follow these best practices when writing or reviewing userstyles.
 
 ### Consider languages with longer words
 
-Remember that im some languages, UI elements such as buttons may be narrower or wider.
+Remember that in some languages, UI elements such as buttons may be narrower or wider.
 
 <!-- TODO: ### Supporting right-to-left languages (RTL) -->