napper/site
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Link Hudra to browser extension stores

Browse Source
This commit is contained in:
git
2026-07-28 16:17:39 +10:00
parent 5b17280d8b
commit b2f2b65111
7 changed files with 41 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/hudra.css
+10
View File
@@ -65,6 +65,15 @@ button, input { font: inherit; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; color: var(--blue-700); font-size: .78rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow span { width: 28px; height: 3px; background: currentColor; border-radius: 99px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.store-options { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.store-badge { display: inline-block; border-radius: 6px; transition: transform .18s ease; }
.store-badge:hover { transform: translateY(-2px); }
.store-badge img { width: 170px; height: 48px; }
.store-coming-soon { min-width: 170px; height: 48px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 4px 16px; color: #526078; border: 1px dashed #aeb9cc; border-radius: 6px; background: #f4f6f9; line-height: 1.25; }
.store-coming-soon strong { font-size: .82rem; }
.store-coming-soon span { font-size: .72rem; }
.store-options-on-dark { flex: 0 0 auto; }
.store-options-on-dark .store-coming-soon { color: #fff; border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.1); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 0 21px; border-radius: 14px; text-decoration: none; font-weight: 800; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 21px; fill: currentColor; }
@@ -275,6 +284,7 @@ button, input { font: inherit; }
.site-nav a:focus-visible,
.menu-button:focus-visible,
.button:focus-visible,
.store-badge:focus-visible,
.text-link:focus-visible,
.product-card a:focus-visible,
.faq-list summary:focus-visible,
hudra/index.html
+22 -9
View File
@@ -34,7 +34,7 @@
<a href="/hudra/privacy">Privacy</a>
<a href="/hudra/support">Help</a>
<a href="#faq">FAQ</a>
<a class="nav-button" href="https://git.napper.au/napper/hudra/releases">Download Hudra</a>
<a class="nav-button" href="https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Get Hudra</a>
</nav>
</div>
</header>
@@ -53,10 +53,15 @@
</p>
<div class="hero-actions" id="install">
<a class="button button-primary" href="https://git.napper.au/napper/hudra/releases">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a1 1 0 0 1 1 1v9.59l2.3-2.3a1 1 0 1 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.42l2.3 2.3V4a1 1 0 0 1 1-1ZM5 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z"/></svg>
Download Hudra
</a>
<div class="store-options" aria-label="Install Hudra">
<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>
<a class="button button-secondary" href="#features">See what it does</a>
</div>
@@ -195,7 +200,7 @@
<article>
<div class="step-number">01</div>
<h3>Install Hudra</h3>
<p>Download the latest release and load the extension in a Chromium-based browser.</p>
<p>Install Hudra from your browser's official extension store.</p>
</article>
<div class="step-arrow" aria-hidden="true">→</div>
<article>
@@ -265,7 +270,7 @@
</details>
<details>
<summary>Where can I download Hudra?</summary>
<p>The latest packaged release and installation instructions are available from the Hudra releases page.</p>
<p>Hudra is available from the Chrome Web Store. A Microsoft Edge Add-ons listing is coming soon.</p>
</details>
</div>
</div>
@@ -278,7 +283,15 @@
<h2>Turn a complete QLearn or Canvas lesson into a slide-style teaching experience.</h2>
<p>Turn the lesson you already made into a polished classroom presentation.</p>
</div>
<a class="button button-light" href="https://git.napper.au/napper/hudra/releases">Download Hudra</a>
<div class="store-options store-options-on-dark" aria-label="Install Hudra">
<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>
</div>
</section>
</main>
@@ -299,7 +312,7 @@
<strong>Hudra</strong>
<a href="#features">Features</a>
<a href="#how-it-works">How it works</a>
<a href="https://git.napper.au/napper/hudra/releases">Downloads</a>
<a href="https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Chrome Web Store</a>
</div>
<div>
<strong>Support</strong>
hudra/privacy/index.html
+3 -3
View File
@@ -9,7 +9,7 @@
</head>
<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><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/support">Help</a><a href="/hudra/terms">Terms</a><a class="nav-button" href="https://git.napper.au/napper/hudra/releases">Download Hudra</a></nav></div></header>
<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/support">Help</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">
<section class="legal-hero"><div class="container"><div class="eyebrow"><span></span> Your data, clearly explained</div><h1>Privacy Policy</h1><p>This policy explains what Hudra accesses when it turns a lesson page into a classroom presentation.</p><div class="legal-meta"><span>Effective: 27 July 2026</span><span>Applies to: Hudra extension and website</span></div></div></section>
<section class="legal-page"><div class="container legal-layout">
@@ -23,11 +23,11 @@
<section id="sharing"><h2>5. Sharing and sale of data</h2><p>Hudra does not sell user data. Hudra does not share lesson content with advertisers, data brokers or unrelated third parties. Information voluntarily included in a support request may be processed by the email and hosting providers needed to deliver and respond to that request, or disclosed where required by law.</p></section>
<section id="limited-use"><h2>6. Chrome Web Store Limited Use</h2><p>Hudra's use of information received from Chrome APIs will comply with the Chrome Web Store User Data Policy, including the Limited Use requirements. Data received from Chrome APIs is used only as necessary to provide Hudra's single, user-facing classroom presentation purpose.</p></section>
<section id="website"><h2>7. Hudra website</h2><p>The public Hudra website may receive ordinary server information needed to deliver a web page, such as an IP address, browser type, requested page and request time. This information may be present in short-term security or server logs. The website does not use that information to inspect QLearn or Canvas lesson content.</p></section>
<section id="security"><h2>8. Security</h2><p>Hudra uses a local-first design to minimise unnecessary transmission of lesson content. Users should install Hudra only from the official release location, keep their browser and Hudra updated, and report suspected security issues privately.</p></section>
<section id="security"><h2>8. Security</h2><p>Hudra uses a local-first design to minimise unnecessary transmission of lesson content. Users should install Hudra only from an official browser extension store, keep their browser and Hudra updated, and report suspected security issues privately.</p></section>
<section id="choices"><h2>9. Your choices and deletion</h2><p>You can prevent Hudra from accessing pages by disabling or uninstalling the extension. You may also clear extension data through your browser. To request deletion of information contained in a support email, contact support@napper.au and identify the relevant correspondence.</p></section>
<section id="children"><h2>10. Children and educational information</h2><p>Hudra is intended for educators and other authorised users. It is not designed to collect information directly from children. Users remain responsible for complying with their organisation's policies, permissions and applicable privacy requirements when presenting educational content.</p></section>
<section id="changes"><h2>11. Changes to this policy</h2><p>This policy may be updated when Hudra's features, permissions or data practices change. The effective date will be revised and material changes will be communicated through the website, release information, extension listing or extension interface where appropriate.</p></section>
<section id="contact"><h2>12. Contact</h2><p>Privacy questions, deletion requests and security reports can be sent to:</p><p class="code-note"><a href="mailto:support@napper.au?subject=Hudra%20privacy%20enquiry">support@napper.au</a><br>Napper.au, Queensland, Australia</p><p>General troubleshooting is available on the <a class="text-link" href="/hudra/support">Hudra support page <span>→</span></a>.</p></section>
</article></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><script src="/js/hudra.js" defer></script>
<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>
hudra/support/index.html
+3 -3
View File
@@ -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>
hudra/terms/index.html
+2 -2
View File
@@ -8,7 +8,7 @@
</head>
<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"><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/support">Help</a><a href="/hudra/privacy">Privacy</a><a class="nav-button" href="https://git.napper.au/napper/hudra/releases">Download Hudra</a></nav></div></header>
<header class="site-header"><div class="container header-inner"><a class="brand" href="/hudra"><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/support">Help</a><a href="/hudra/privacy">Privacy</a><a class="nav-button" href="https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Get Hudra</a></nav></div></header>
<main id="main">
<section class="legal-hero"><div class="container"><div class="eyebrow"><span></span> The rules for using Hudra</div><h1>Terms of Use</h1><p>These terms apply when you download, install or use Hudra.</p><div class="legal-meta"><span>Effective: 27 July 2026</span><span>Governing location: Queensland, Australia</span></div></div></section>
<section class="legal-page"><div class="container legal-layout">
@@ -29,5 +29,5 @@
<section id="changes"><h2>12. Changes to these terms</h2><p>These terms may be updated as Hudra develops. The effective date will be revised when changes are published. Continued use after revised terms become effective constitutes acceptance to the extent permitted by law.</p></section>
<section id="contact"><h2>13. Governing law and contact</h2><p>These terms are governed by the laws of Queensland, Australia, and applicable Commonwealth laws. Questions can be sent to:</p><p class="code-note"><a href="mailto:support@napper.au?subject=Hudra%20terms%20enquiry">support@napper.au</a><br>Napper.au, Queensland, Australia</p></section>
</article></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><script src="/js/hudra.js" defer></script>
<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>
img/chrome-web-store-badge.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

index.html
+1 -1
View File
@@ -95,7 +95,7 @@
<p>Hudra turns existing lesson pages into a clean slide experience with presenter controls, previews, timers and dual-screen support.</p>
<div class="card-actions">
<a class="button button-primary" href="/hudra">Explore Hudra</a>
<a class="text-link" href="https://git.napper.au/napper/hudra/releases">Releases <span>→</span></a>
<a class="text-link" href="https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Chrome Web Store <span>→</span></a>
</div>
</article>