Improve product discovery and showcase extensions

2026-07-28 18:22:28 +10:00
parent b2f2b65111
commit ba8bc3e431
20 changed files with 187 additions and 58 deletions
@@ -5,7 +5,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#0b45d8">
  <meta name="description" content="Installation help, presentation guidance, troubleshooting and support for the Hudra browser extension.">
-  <title>Help and Support — Hudra</title>
+  <title>Help and Support - Hudra</title>
  <link rel="icon" type="image/png" sizes="16x16" href="/img/HudraLogo16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/img/HudraLogo32.png">
  <link rel="stylesheet" href="/css/hudra.css">
@@ -14,7 +14,7 @@
 <body>
  <a class="skip-link" href="#main">Skip to content</a>
  <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>
+    <div class="header-brand-group"><a class="ecosystem-link" href="/">Napper</a><span class="brand-separator" aria-hidden="true">/</span><a class="brand" href="/hudra" aria-label="Hudra home"><img src="/img/HudraLogo48.png" width="48" height="48" alt=""><span>Hudra</span></a></div>
    <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://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Get Hudra</a></nav>
  </div></header>
@@ -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>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="install"><h2>1. Install Hudra</h2><p>Install Hudra from your browser's official extension store.</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><a class="store-badge" href="https://microsoftedge.microsoft.com/addons/detail/hudra/aogdgaofdldbpmkjknklojbhcbcfandb" aria-label="Install Hudra from Microsoft Edge Add-ons"><img src="/img/microsoft-edge-addons-badge.png" width="181" height="48" alt="Get it from Microsoft Edge"></a></div><ol><li>Open Hudra's listing in the Chrome Web Store or Microsoft Edge Add-ons.</li><li>Select the store's install button 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://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>
+  <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><a href="https://microsoftedge.microsoft.com/addons/detail/hudra/aogdgaofdldbpmkjknklojbhcbcfandb">Microsoft Edge Add-ons</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>