Update Hudra website for Chrome Web Store compliance

This commit is contained in:
git
2026-07-27 11:53:12 +10:00
parent 9169084d57
commit b6735546d6
4 changed files with 35 additions and 33 deletions
+18 -16
View File
@@ -4,9 +4,9 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#0b45d8">
<meta name="description" content="Hudra turns HTML and QLearn lessons into polished classroom presentations with a presenter dashboard, dual-screen support, previews, timers and keyboard navigation.">
<meta name="description" content="Hudra turns structured QLearn and Canvas lesson pages into polished classroom presentations with presenter and audience views, previews, elapsed time and keyboard navigation.">
<title>Hudra — Present QLearn lessons beautifully</title>
<title>Hudra — Present QLearn and Canvas lessons beautifully</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">
@@ -47,9 +47,9 @@
<div class="container hero-grid">
<div class="hero-copy">
<div class="eyebrow"><span></span> Classroom presentation system</div>
<h1>Turn QLearn lessons into <em>presentations.</em></h1>
<h1>Turn QLearn and Canvas lessons into <em>presentations.</em></h1>
<p class="hero-lead">
Hudra transforms HTML and QLearn lesson pages into a clean, classroom-ready slide experience—complete with presenter controls, previews, timers and dual-screen support.
Hudra transforms structured QLearn and Canvas lesson pages into a clean, classroom-ready slide experience—complete with presenter controls, previews, elapsed presentation time and dual-screen support.
</p>
<div class="hero-actions" id="install">
@@ -60,6 +60,8 @@
<a class="button button-secondary" href="#features">See what it does</a>
</div>
<p class="microcopy">Hudra 0.10 Beta 1 · Designed for supported structured QLearn and Canvas lesson pages · Review presentations before classroom use</p>
<p class="microcopy">Free to use · Chromium browsers · Built by an Australian educator</p>
</div>
@@ -97,8 +99,8 @@
<div class="next-screen"><span></span><span></span><span></span></div>
</div>
<div class="timer-card">
<span>Timer</span>
<strong>08:35</strong>
<span>Elapsed</span>
<strong>00:25</strong>
</div>
<div class="control-row" aria-hidden="true">
<span class="control-button"></span>
@@ -119,7 +121,7 @@
<div class="container trust-grid">
<div><strong>Presentation-first</strong><span>Turns lessons into slides</span></div>
<div><strong>Presenter dashboard</strong><span>See what is current and next</span></div>
<div><strong>Classroom-ready</strong><span>Timers, clock and controls</span></div>
<div><strong>Classroom-ready</strong><span>Clock, elapsed time and controls</span></div>
<div><strong>Independent</strong><span>Created by an educator</span></div>
</div>
</section>
@@ -129,7 +131,7 @@
<div class="section-heading">
<div class="eyebrow"><span></span> What Hudra does</div>
<h2>Your lesson page becomes the slide deck.</h2>
<p>Keep your lesson content in QLearn or HTML, then use Hudra to present it as a focused, navigable classroom experience.</p>
<p>Keep your lesson content in a supported structured QLearn or Canvas lesson page, then use Hudra to present it as a focused, navigable classroom experience.</p>
</div>
<div class="feature-grid">
@@ -138,11 +140,11 @@
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 4h18v13H3V4Zm2 2v9h14V6H5Zm4 13h6v2H9v-2Z"/></svg>
</div>
<h3>Presenter dashboard</h3>
<p>Control the lesson from a dedicated dashboard with current and next slide previews, slide position, a clock and a classroom timer.</p>
<p>Control the lesson from a dedicated dashboard with current and next slide previews, slide position, a clock and elapsed presentation time.</p>
<div class="mini-ui presentation-mini-ui">
<span><b>Current</b> Lesson introduction</span>
<span><b>Next</b> Learning intention</span>
<span><b>Timer</b> 08:35</span>
<span><b>Elapsed</b> 00:25</span>
</div>
</article>
@@ -199,7 +201,7 @@
<article>
<div class="step-number">02</div>
<h3>Open your lesson</h3>
<p>Navigate to the QLearn or HTML lesson you want to present.</p>
<p>Navigate to the supported structured QLearn or Canvas lesson page you want to present.</p>
</article>
<div class="step-arrow" aria-hidden="true"></div>
<article>
@@ -230,7 +232,7 @@
</div>
<div class="privacy-item">
<span class="check"></span>
<div><strong>Focused permissions</strong><p>Hudra should only request access needed to provide its presentation features.</p></div>
<div><strong>Focused permissions</strong><p>Hudra requests only the access needed to provide its presentation features.</p></div>
</div>
</div>
</div>
@@ -241,13 +243,13 @@
<div class="section-heading">
<div class="eyebrow"><span></span> Questions</div>
<h2>Frequently asked.</h2>
<p>The essentials about Hudra and how it fits into a QLearn workflow.</p>
<p>The essentials about Hudra and how it fits into a QLearn or Canvas workflow.</p>
</div>
<div class="faq-list">
<details>
<summary>What is Hudra?</summary>
<p>Hudra is a browser extension that turns HTML and QLearn lessons into classroom presentations. It includes a presenter dashboard, current and next slide previews, timers, keyboard navigation and dual-screen support.</p>
<p>Hudra is a browser extension that turns structured QLearn and Canvas lesson pages into classroom presentations. It includes presenter and audience views, current and next slide previews, a clock, elapsed presentation time, keyboard navigation and dual-screen support.</p>
</details>
<details>
<summary>Is Hudra a QLearn page editor?</summary>
@@ -273,7 +275,7 @@
<div class="container cta-card">
<div>
<div class="eyebrow light"><span></span> Present directly from your lesson</div>
<h2>Turn a complete QLearn lesson into a slide-style teaching experience.</h2>
<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>
@@ -288,7 +290,7 @@
<img src="/img/HudraLogo48.png" width="44" height="44" alt="">
<span>Hudra</span>
</a>
<p>A classroom presentation system for HTML and QLearn lessons.</p>
<p>A classroom presentation system for structured QLearn and Canvas lesson pages.</p>
<small>Part of <a href="/">napper.au</a></small>
</div>