Link Hudra to browser extension stores

hudra/support/index.html

@@ -16,7 +16,7 @@
   <header class="site-header"><div class="container header-inner">
     <a class="brand" href="/hudra" aria-label="Hudra home"><img src="/img/HudraLogo48.png" width="48" height="48" alt=""><span>Hudra</span></a>
     <button class="menu-button" type="button" aria-expanded="false" aria-controls="site-nav"><span class="sr-only">Open navigation</span><span></span><span></span><span></span></button>
-    <nav class="site-nav" id="site-nav" aria-label="Primary navigation"><a href="/hudra">Home</a><a href="/hudra/privacy">Privacy</a><a href="/hudra/terms">Terms</a><a class="nav-button" href="https://git.napper.au/napper/hudra/releases">Download Hudra</a></nav>
+    <nav class="site-nav" id="site-nav" aria-label="Primary navigation"><a href="/hudra">Home</a><a href="/hudra/privacy">Privacy</a><a href="/hudra/terms">Terms</a><a class="nav-button" href="https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Get Hudra</a></nav>
   </div></header>
 
   <main id="main">
@@ -31,7 +31,7 @@
       <article class="legal-content">
         <div class="notice-card"><strong>Hudra is an independent project</strong><p>Hudra is not an official Queensland Department of Education or Instructure product. Use it only where your organisation permits browser extensions.</p></div>
 
-        <section id="install"><h2>1. Install Hudra</h2><p>The latest Hudra package and release notes are published on the official releases page.</p><p><a class="button button-primary" href="https://git.napper.au/napper/hudra/releases">Open Hudra releases</a></p><ol><li>Download the latest Hudra release.</li><li>Follow the installation instructions included with that release.</li><li>Confirm Hudra is enabled on your browser's extensions page.</li><li>Open or refresh the supported QLearn or Canvas lesson page you want to present.</li></ol><p>Hudra 0.10 Beta 1 currently targets Chromium-based browsers such as Google Chrome and Microsoft Edge. Review presentations before classroom use.</p></section>
+        <section id="install"><h2>1. Install Hudra</h2><p>Install Hudra from the official Chrome Web Store listing. Hudra for Microsoft Edge is coming soon.</p><div class="store-options"><a class="store-badge" href="https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm" aria-label="Install Hudra from the Chrome Web Store"><img src="/img/chrome-web-store-badge.png" width="170" height="48" alt="Available in the Chrome Web Store"></a><div class="store-coming-soon" aria-label="Hudra for Microsoft Edge coming soon"><strong>Microsoft Edge</strong><span>Coming soon</span></div></div><ol><li>Open Hudra's Chrome Web Store listing.</li><li>Select <strong>Add to Chrome</strong> and confirm the browser prompt.</li><li>Confirm Hudra is enabled on your browser's extensions page.</li><li>Open or refresh the supported QLearn or Canvas lesson page you want to present.</li></ol><p>Review presentations before classroom use.</p></section>
 
         <section id="present"><h2>2. Start a presentation</h2><ol><li>Open a supported structured lesson page on QLearn or an Instructure-hosted Canvas site.</li><li>Click the Hudra toolbar icon or press <kbd>Alt+P</kbd>.</li><li>Hudra starts automatically in single-screen mode or, when two usable displays are available, dual-screen mode.</li><li>Move through the lesson using Hudra's on-screen controls or supported keyboard controls.</li></ol><p>In dual-screen mode, Hudra places presenter controls on the primary display and clean audience slides on the secondary display. Hudra presents the lesson content already on the page; it is not a replacement for the QLearn or Canvas page editor.</p></section>
 
@@ -48,7 +48,7 @@
     </div></section>
   </main>
 
-  <footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/hudra"><img src="/img/HudraLogo48.png" width="44" height="44" alt=""><span>Hudra</span></a><p>A classroom presentation system for structured QLearn and Canvas lesson pages.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Hudra</strong><a href="/hudra">Home</a><a href="/hudra/support">Help</a><a href="https://git.napper.au/napper/hudra/releases">Releases</a></div><div><strong>Legal</strong><a href="/hudra/privacy">Privacy</a><a href="/hudra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Hudra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer>
+  <footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/hudra"><img src="/img/HudraLogo48.png" width="44" height="44" alt=""><span>Hudra</span></a><p>A classroom presentation system for structured QLearn and Canvas lesson pages.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Hudra</strong><a href="/hudra">Home</a><a href="/hudra/support">Help</a><a href="https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Chrome Web Store</a></div><div><strong>Legal</strong><a href="/hudra/privacy">Privacy</a><a href="/hudra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Hudra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer>
   <script src="/js/hudra.js" defer></script>
 </body>
 </html>