Improve product discovery and showcase extensions

This commit is contained in:
git
2026-07-28 18:22:28 +10:00
parent b2f2b65111
commit ba8bc3e431
20 changed files with 187 additions and 58 deletions
+4
View File
@@ -62,6 +62,10 @@ Do not expose webhook secrets, credentials or other server-specific private data
- QLearn: `https://qlearn.eq.edu.au`
- Gitea organisation: `https://git.napper.au/napper`
- Hudra Chrome Web Store: `https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm`
- Hudra Microsoft Edge Add-ons: `https://microsoftedge.microsoft.com/addons/detail/hudra/aogdgaofdldbpmkjknklojbhcbcfandb`
- Lildra Chrome Web Store: `https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp`
- Lildra Microsoft Edge Add-ons: `https://microsoftedge.microsoft.com/addons/detail/lildra/lecbknefoekmfockhhkjopjgkoepdbnh`
- Hudra releases: `https://git.napper.au/napper/hudra/releases`
- Lildra releases: `https://git.napper.au/napper/lildra/releases`
+4
View File
@@ -39,6 +39,10 @@ Lildra mirrors Hudra's product structure under `lildra/`, with its landing page
- Production site: <https://napper.au>
- Canonical QLearn URL: <https://qlearn.eq.edu.au>
- Canonical Gitea organisation: <https://git.napper.au/napper>
- Hudra on the Chrome Web Store: <https://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm>
- Hudra on Microsoft Edge Add-ons: <https://microsoftedge.microsoft.com/addons/detail/hudra/aogdgaofdldbpmkjknklojbhcbcfandb>
- Lildra on the Chrome Web Store: <https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp>
- Lildra on Microsoft Edge Add-ons: <https://microsoftedge.microsoft.com/addons/detail/lildra/lecbknefoekmfockhhkjopjgkoepdbnh>
- Hudra releases: <https://git.napper.au/napper/hudra/releases>
- Lildra releases: <https://git.napper.au/napper/lildra/releases>
+2 -2
View File
@@ -6,6 +6,6 @@ Simplicity is preferred over features.
Accessibility is preferred over visual novelty.
The repositorynot conversationsis the canonical source of project knowledge.
The repository - not conversations - is the canonical source of project knowledge.
AI assistants are expected to update documentation alongside code.
AI assistants are expected to update documentation alongside code.
+40 -1
View File
@@ -48,6 +48,10 @@ button, input { font: inherit; }
}
.header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--blue-950); text-decoration: none; font-weight: 800; font-size: 1.3rem; letter-spacing: -.03em; }
.header-brand-group { display: flex; align-items: center; gap: 11px; }
.ecosystem-link { color: #5c667d; text-decoration: none; font-size: .9rem; font-weight: 750; }
.ecosystem-link:hover { color: var(--blue-700); }
.brand-separator { color: #a8b0c0; }
.brand img { border-radius: 11px; box-shadow: 0 8px 24px rgba(11, 69, 216, .18); }
.site-nav { display: flex; align-items: center; gap: 28px; }
.site-nav a { color: #344057; text-decoration: none; font-weight: 650; font-size: .95rem; }
@@ -68,7 +72,7 @@ button, input { font: inherit; }
.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-badge img { width: auto; max-width: none; 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; }
@@ -150,6 +154,34 @@ button, input { font: inherit; }
.steps p { margin-bottom: 0; color: var(--muted); }
.step-arrow { color: #9cabc9; font-size: 1.8rem; }
.showcase-section { overflow: hidden; border-bottom: 1px solid var(--line); }
.showcase-story { margin-top: 30px; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--line); border-radius: var(--radius-xl); background: linear-gradient(160deg, #fff, var(--blue-50)); box-shadow: 0 18px 48px rgba(8,35,108,.08); }
.showcase-story + .showcase-story { margin-top: 28px; }
.showcase-story-heading { display: grid; grid-template-columns: 44px 1fr; gap: 17px; align-items: start; max-width: 820px; margin-bottom: 30px; }
.showcase-story-heading h3 { margin: 0; color: var(--blue-950); font-size: clamp(1.35rem, 2.5vw, 2rem); letter-spacing: -.035em; }
.showcase-story-heading p { margin: 7px 0 0; color: var(--muted); }
.showcase-number { width: 40px; height: 40px; display: grid; place-items: center; color: #fff; border-radius: 12px; background: var(--blue-700); font-size: .75rem; font-weight: 900; }
.transformation-grid { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); gap: 16px; align-items: center; }
.screenshot-figure, .device { min-width: 0; margin: 0; }
.screenshot-link { display: block; overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 16px 38px rgba(8,35,108,.14); transition: transform .18s ease, box-shadow .18s ease; }
.screenshot-link:hover { transform: translateY(-3px); box-shadow: 0 20px 45px rgba(8,35,108,.2); }
.screenshot-figure .screenshot-link { aspect-ratio: 8 / 5; border: 1px solid #d7dfef; }
.screenshot-figure img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.screenshot-figure figcaption { margin-top: 12px; color: var(--blue-950); font-size: .88rem; font-weight: 800; text-align: center; }
.transformation-arrow { width: 38px; height: 38px; display: grid; place-items: center; justify-self: center; color: #fff; border-radius: 50%; background: var(--blue-700); box-shadow: 0 9px 20px rgba(11,69,216,.22); font-size: 1.2rem; font-weight: 900; }
.dual-screen-story { background: radial-gradient(circle at 82% 15%, #dce7ff 0, transparent 30%), linear-gradient(160deg, #fff, #eef3ff); }
.dual-screen-stage { display: grid; grid-template-columns: minmax(0, 1.04fr) 60px minmax(0, .96fr); gap: 18px; align-items: center; padding: clamp(22px, 5vw, 54px); border-radius: 24px; background: linear-gradient(145deg, #08183f, #130d2d); }
.device-label { margin-bottom: 12px; color: #dce6ff; font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.device-screen { border: 7px solid #20293b; border-radius: 14px; background: #070b14; }
.device-screen img { width: 100%; height: auto; }
.laptop-base { width: 112%; height: 12px; margin-left: -6%; border-radius: 2px 2px 12px 12px; background: linear-gradient(#71809b, #30394a); clip-path: polygon(4% 0,96% 0,100% 100%,0 100%); }
.display-stand { position: relative; width: 34%; height: 30px; margin: 0 auto; border-bottom: 8px solid #566178; }
.display-stand::before { content: ""; position: absolute; left: calc(50% - 4px); top: 0; width: 8px; height: 24px; background: #566178; }
.screen-connection { display: flex; align-items: center; color: #8297cb; }
.screen-connection::before, .screen-connection::after { content: ""; flex: 1; height: 2px; background: currentColor; }
.screen-connection span { width: 10px; height: 10px; border: 2px solid currentColor; border-radius: 50%; }
.lildra-comparison .screenshot-link { aspect-ratio: 32 / 19; }
.privacy-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 80px; align-items: center; }
.privacy-lead { max-width: 650px; margin: 24px 0; color: var(--muted); font-size: 1.12rem; }
.text-link { color: var(--blue-700); text-decoration: none; font-weight: 800; }
@@ -230,6 +262,11 @@ button, input { font: inherit; }
.footer-grid { grid-template-columns: 1fr; }
.footer-bottom { flex-direction: column; }
.footer-bottom span:last-child { text-align: left; }
.transformation-grid { grid-template-columns: 1fr; }
.transformation-arrow { transform: rotate(90deg); }
.dual-screen-stage { grid-template-columns: 1fr; }
.screen-connection { width: 60px; margin: 0 auto; transform: rotate(90deg); }
.device-display { width: 92%; justify-self: center; }
}
@media (prefers-reduced-motion: reduce) {
@@ -282,9 +319,11 @@ button, input { font: inherit; }
.section[id], .cta-section[id] { scroll-margin-top: 96px; }
.site-nav a:focus-visible,
.ecosystem-link:focus-visible,
.menu-button:focus-visible,
.button:focus-visible,
.store-badge:focus-visible,
.screenshot-link:focus-visible,
.text-link:focus-visible,
.product-card a:focus-visible,
.faq-list summary:focus-visible,
+16
View File
@@ -8,6 +8,22 @@
.product-glyph-lildra{background:linear-gradient(145deg,var(--lildra-600),var(--lildra-950))}
.product-glyph-pendra{background:linear-gradient(145deg,var(--pendra-600),var(--pendra-950))}
.products-menu{position:relative}
.products-popup{position:absolute;right:0;top:calc(100% + 10px);width:265px;display:grid;gap:5px;padding:9px;visibility:hidden;opacity:0;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(8,35,108,.16);transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.products-popup::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.products-popup>a{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;padding:10px;border-radius:11px}
.products-popup>a:hover{color:var(--blue-700);background:var(--blue-50)}
.products-popup img{border-radius:9px}
.products-popup span{display:grid;line-height:1.25}
.products-popup strong{color:var(--blue-950);font-size:.9rem}
.products-popup small{color:var(--muted);font-size:.72rem;font-weight:600}
.products-menu:hover .products-popup,.products-menu:focus-within .products-popup{visibility:visible;opacity:1;transform:none}
.stack-card[href]{color:inherit;text-decoration:none}
.product-name-link{color:inherit;text-decoration:none}
.inline-product-link{color:inherit;text-decoration:none}
.product-identity-link{display:inline-block;border-radius:22px}
.products-popup>a:focus-visible,.stack-card[href]:focus-visible,.product-name-link:focus-visible,.product-identity-link:focus-visible,.inline-product-link:focus-visible{outline:3px solid #6f96ff;outline-offset:4px}
@media(max-width:760px){.products-popup{position:static;width:100%;margin-top:8px;display:none;visibility:visible;opacity:1;box-shadow:none;transform:none}.products-menu:focus-within .products-popup{display:grid}}
.product-card.product-lildra{border-color:var(--lildra-100);background:linear-gradient(155deg,#fff,var(--lildra-50))}
.product-card.product-pendra{border-color:var(--pendra-100);background:linear-gradient(155deg,#fff,var(--pendra-50))}
.product-lildra .product-tagline{color:var(--lildra-800)!important}
+74 -15
View File
@@ -6,7 +6,7 @@
<meta name="theme-color" content="#0b45d8">
<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 and Canvas 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">
@@ -18,10 +18,14 @@
<header class="site-header" id="top">
<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>
@@ -49,7 +53,7 @@
<div class="eyebrow"><span></span> Classroom presentation system</div>
<h1>Turn QLearn and Canvas lessons into <em>presentations.</em></h1>
<p class="hero-lead">
Hudra transforms structured QLearn and Canvas lesson pages into a clean, classroom-ready slide experiencecomplete with presenter controls, previews, elapsed presentation time 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">
@@ -57,10 +61,9 @@
<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>
<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>
<a class="button button-secondary" href="#features">See what it does</a>
</div>
@@ -218,6 +221,62 @@
</div>
</section>
<section class="section showcase-section" id="showcase">
<div class="container">
<div class="section-heading">
<div class="eyebrow"><span></span> See Hudra in action</div>
<h2>One lesson. Two ways to present.</h2>
<p>Hudra turns the lesson page you already built into a classroom presentation, whether your displays are duplicated or you use a separate audience screen.</p>
</div>
<article class="showcase-story">
<div class="showcase-story-heading">
<span class="showcase-number">01</span>
<div><h3>From lesson page to presentation</h3><p>Your original lesson becomes a focused, slide-style presentation without rebuilding the content.</p></div>
</div>
<div class="transformation-grid">
<figure class="screenshot-figure">
<a class="screenshot-link" href="/img/screenshots/lesson-original.png" target="_blank" rel="noopener" aria-label="Open the original lesson screenshot at full size">
<img src="/img/screenshots/lesson-original.png" width="1920" height="1140" loading="lazy" alt="A lesson open in the full QLearn interface">
</a>
<figcaption>Original lesson page</figcaption>
</figure>
<div class="transformation-arrow" aria-hidden="true"></div>
<figure class="screenshot-figure">
<a class="screenshot-link" href="/img/screenshots/hudra-duplicate-screen.png" target="_blank" rel="noopener" aria-label="Open the Hudra duplicate-screen presentation screenshot at full size">
<img src="/img/screenshots/hudra-duplicate-screen.png" width="1920" height="1200" loading="lazy" alt="The same lesson displayed as a Hudra presentation for duplicated screens">
</a>
<figcaption>Duplicate-screen presentation</figcaption>
</figure>
</div>
</article>
<article class="showcase-story dual-screen-story">
<div class="showcase-story-heading">
<span class="showcase-number">02</span>
<div><h3>Presenter controls for you, lesson content for the class</h3><p>With two displays, Hudra separates the presenter dashboard from the clean audience view.</p></div>
</div>
<div class="dual-screen-stage">
<figure class="device device-laptop">
<div class="device-label">Presenter screen</div>
<a class="device-screen screenshot-link" href="/img/screenshots/hudra-presenter-screen.png" target="_blank" rel="noopener" aria-label="Open the Hudra presenter-screen screenshot at full size">
<img src="/img/screenshots/hudra-presenter-screen.png" width="1920" height="1200" loading="lazy" alt="Hudra presenter dashboard showing the current and next slides with presentation controls">
</a>
<div class="laptop-base" aria-hidden="true"></div>
</figure>
<div class="screen-connection" aria-hidden="true"><span></span></div>
<figure class="device device-display">
<div class="device-label">Audience screen</div>
<a class="device-screen screenshot-link" href="/img/screenshots/hudra-audience-screen.png" target="_blank" rel="noopener" aria-label="Open the Hudra audience-screen screenshot at full size">
<img src="/img/screenshots/hudra-audience-screen.png" width="1920" height="1080" loading="lazy" alt="Clean Hudra audience presentation displayed for the class">
</a>
<div class="display-stand" aria-hidden="true"></div>
</figure>
</div>
</article>
</div>
</section>
<section class="section" id="privacy">
<div class="container privacy-grid">
<div>
@@ -270,7 +329,7 @@
</details>
<details>
<summary>Where can I download Hudra?</summary>
<p>Hudra is available from the Chrome Web Store. A Microsoft Edge Add-ons listing is coming soon.</p>
<p>Hudra is available from the Chrome Web Store and Microsoft Edge Add-ons.</p>
</details>
</div>
</div>
@@ -287,10 +346,9 @@
<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>
<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>
</div>
</section>
@@ -313,6 +371,7 @@
<a href="#features">Features</a>
<a href="#how-it-works">How it works</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>Support</strong>
+3 -3
View File
@@ -3,13 +3,13 @@
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#0b45d8">
<meta name="description" content="Privacy policy for the Hudra classroom presentation browser extension.">
<title>Privacy Policy Hudra</title>
<title>Privacy Policy - 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"><link rel="stylesheet" href="/css/hudra-legal.css">
</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://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Get Hudra</a></nav></div></header>
<header class="site-header"><div class="container header-inner"><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/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">
@@ -29,5 +29,5 @@
<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://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>
<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>
+4 -4
View File
@@ -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>
+3 -3
View File
@@ -3,12 +3,12 @@
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#0b45d8">
<meta name="description" content="Terms of use for the Hudra classroom presentation browser extension.">
<title>Terms of Use Hudra</title>
<title>Terms of Use - Hudra</title>
<link rel="icon" type="image/png" sizes="32x32" href="/img/HudraLogo32.png"><link rel="stylesheet" href="/css/hudra.css"><link rel="stylesheet" href="/css/hudra-legal.css">
</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://chromewebstore.google.com/detail/hudra/bjggdeecklhnpebgmjiaedaadmpdoddm">Get Hudra</a></nav></div></header>
<header class="site-header"><div class="container header-inner"><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"><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/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://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>
<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>
Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 428 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 KiB

+19 -13
View File
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#0b45d8">
<meta name="description" content="Napper builds focused browser tools for teachers, beginning with Hudra and Lildra for cleaner QLearn lessons and classroom presentation.">
<title>Napper Focused tools for better lessons</title>
<title>Napper - Focused tools for better lessons</title>
<link rel="stylesheet" href="/css/napper.css">
</head>
<body>
@@ -27,7 +27,13 @@
<a href="#products">Products</a>
<a href="#approach">Approach</a>
<a href="https://git.napper.au/napper">Source</a>
<a class="nav-button" href="#products">Explore products</a>
<div class="products-menu">
<a class="nav-button" href="#products">Explore products</a>
<div class="products-popup" aria-label="Explore products">
<a href="/hudra"><img src="/img/HudraLogo48.png" width="34" height="34" alt=""><span><strong>Hudra</strong><small>Classroom presentations</small></span></a>
<a href="/lildra"><img src="/img/LildraLogo48.png" width="34" height="34" alt=""><span><strong>Lildra</strong><small>Distraction-free reading</small></span></a>
</div>
</div>
</nav>
</div>
</header>
@@ -50,14 +56,14 @@
<div class="hero-visual" aria-label="Napper product family preview">
<div class="product-stack">
<article class="stack-card stack-hudra">
<a class="stack-card stack-hudra" href="/hudra" aria-label="Explore Hudra">
<img src="/img/HudraLogo128.png" width="66" height="66" alt="Hudra logo">
<div><span class="status status-live">Available</span><h2>Hudra</h2><p>Turn lesson pages into a classroom presentation system.</p></div>
</article>
<article class="stack-card stack-lildra product-lildra">
</a>
<a class="stack-card stack-lildra product-lildra" href="/lildra" aria-label="Explore Lildra">
<img src="/img/LildraLogo128.png" width="66" height="66" alt="Lildra logo">
<div><span class="status status-live">Available</span><h2>Lildra</h2><p>Keep the lesson page and hide the surrounding QLearn clutter.</p></div>
</article>
</a>
<article class="stack-card stack-pendra product-pendra">
<div class="product-glyph product-glyph-pendra" aria-hidden="true">Pe</div>
<div><span class="status">Planned</span><h2>Pendra</h2><p>Bring completed slide decks into QLearn more easily.</p></div>
@@ -81,16 +87,16 @@
<div class="section-heading">
<div class="eyebrow"><span></span> Products</div>
<h2>A growing family of focused lesson tools.</h2>
<p>Hudra and Lildra are available now, with Pendra planned next.</p>
<p><a class="inline-product-link" href="/hudra">Hudra</a> and <a class="inline-product-link" href="/lildra">Lildra</a> are available now, with Pendra planned next.</p>
</div>
<div class="product-grid">
<article class="product-card product-card-featured">
<div class="product-card-top">
<img src="/img/HudraLogo128.png" width="84" height="84" alt="Hudra logo">
<a class="product-identity-link" href="/hudra" aria-label="Explore Hudra"><img src="/img/HudraLogo128.png" width="84" height="84" alt="Hudra logo"></a>
<span class="status status-live">Available now</span>
</div>
<h3>Hudra</h3>
<h3><a class="product-name-link" href="/hudra">Hudra</a></h3>
<p class="product-tagline">Present QLearn lessons beautifully.</p>
<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">
@@ -101,13 +107,13 @@
<article class="product-card product-lildra">
<div class="product-card-top">
<img src="/img/LildraLogo128.png" width="84" height="84" alt="Lildra logo">
<a class="product-identity-link" href="/lildra" aria-label="Explore Lildra"><img src="/img/LildraLogo128.png" width="84" height="84" alt="Lildra logo"></a>
<span class="status status-live">Available now</span>
</div>
<h3>Lildra</h3>
<h3><a class="product-name-link" href="/lildra">Lildra</a></h3>
<p class="product-tagline">QLearn content, without the QLearn clutter.</p>
<p>Lildra hides the surrounding Canvas and QLearn interface while preserving the lesson's original content and styling in a calm reading view.</p>
<div class="card-actions"><a class="button button-primary" href="/lildra">Explore Lildra</a><a class="text-link" href="https://git.napper.au/napper/lildra/releases">Releases <span></span></a></div>
<div class="card-actions"><a class="button button-primary" href="/lildra">Explore Lildra</a><a class="text-link" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Chrome Web Store <span></span></a></div>
</article>
<article class="product-card product-pendra">
@@ -156,7 +162,7 @@
<p>Focused browser tools for better digital lessons.</p>
</div>
<div class="footer-links">
<div><strong>Products</strong><a href="/hudra">Hudra</a><a href="/lildra">Lildra</a><span>Pendra planned</span></div>
<div><strong>Products</strong><a href="/hudra">Hudra</a><a href="/lildra">Lildra</a><span>Pendra - planned</span></div>
<div><strong>Resources</strong><a href="https://git.napper.au/napper">Source</a><a href="/hudra/support">Hudra support</a><a href="/lildra/support">Lildra support</a></div>
</div>
</div>
+7 -6
View File
@@ -1,13 +1,14 @@
<!doctype html>
<html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Lildra gives Canvas and QLearn lesson pages a calm, distraction-free reading view while preserving the original lesson content."><title>Lildra QLearn content, without the QLearn clutter</title><link rel="icon" type="image/png" sizes="16x16" href="/img/LildraLogo16.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/LildraLogo32.png"><link rel="apple-touch-icon" href="/img/LildraLogo128.png"><link rel="stylesheet" href="/css/lildra.css"></head>
<html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Lildra gives Canvas and QLearn lesson pages a calm, distraction-free reading view while preserving the original lesson content."><title>Lildra - QLearn content, without the QLearn clutter</title><link rel="icon" type="image/png" sizes="16x16" href="/img/LildraLogo16.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/LildraLogo32.png"><link rel="apple-touch-icon" href="/img/LildraLogo128.png"><link rel="stylesheet" href="/css/lildra.css"></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="/lildra" aria-label="Lildra home"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="#features">Features</a><a href="#how-it-works">How it works</a><a href="/lildra/privacy">Privacy</a><a href="/lildra/support">Help</a><a href="#faq">FAQ</a><a class="nav-button" href="https://git.napper.au/napper/lildra/releases">Download Lildra</a></nav></div></header>
<header class="site-header"><div class="container header-inner"><div class="header-brand-group"><a class="ecosystem-link" href="/">Napper</a><span class="brand-separator" aria-hidden="true">/</span><a class="brand" href="/lildra" aria-label="Lildra home"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="#features">Features</a><a href="#how-it-works">How it works</a><a href="/lildra/privacy">Privacy</a><a href="/lildra/support">Help</a><a href="#faq">FAQ</a><a class="nav-button" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Get Lildra</a></nav></div></header>
<main id="main">
<section class="hero"><div class="hero-glow hero-glow-one"></div><div class="hero-glow hero-glow-two"></div><div class="container hero-grid"><div class="hero-copy"><div class="eyebrow"><span></span> Distraction-free lesson reading</div><h1>QLearn content, without the <em>QLearn clutter.</em></h1><p class="hero-lead">Lildra hides the surrounding Canvas and QLearn navigation while leaving the lesson itself unchangedgiving teachers and students a cleaner, calmer reading view.</p><div class="hero-actions" id="install"><a class="button button-primary" href="https://git.napper.au/napper/lildra/releases">Download Lildra</a><a class="button button-secondary" href="#features">See what it does</a></div><p class="microcopy">Lildra 0.3.0 · Chrome and Edge · No analytics or persistent site access</p><p class="microcopy">Free to use · Activated only when you choose · Built by an Australian educator</p></div><div class="hero-visual" aria-label="A clean Lildra lesson reading view"><div class="browser-window lildra-reading-window"><div class="browser-bar"><div class="browser-dots"><span></span><span></span><span></span></div><div class="address-bar">https://qlearn.eq.edu.au</div><img src="/img/LildraLogo32.png" width="32" height="32" alt="Lildra"></div><div class="reading-shell"><div class="reading-title">Introduction to today's lesson</div><div class="reading-page"><h2></h2><p></p><p></p><p></p><div class="reading-media"></div></div><div class="reading-version">Lildra v0.3.0</div></div></div><div class="floating-card card-fast"><strong>Same lesson</strong><span>Original content and styling preserved</span></div><div class="floating-card card-clean"><strong>Less distraction</strong><span>Navigation stays out of the way</span></div></div></div></section>
<section class="hero"><div class="hero-glow hero-glow-one"></div><div class="hero-glow hero-glow-two"></div><div class="container hero-grid"><div class="hero-copy"><div class="eyebrow"><span></span> Distraction-free lesson reading</div><h1>QLearn content, without the <em>QLearn clutter.</em></h1><p class="hero-lead">Lildra hides the surrounding Canvas and QLearn navigation while leaving the lesson itself unchanged - giving teachers and students a cleaner, calmer reading view.</p><div class="hero-actions" id="install"><div class="store-options" aria-label="Install Lildra"><a class="store-badge" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp" aria-label="Install Lildra 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/lildra/lecbknefoekmfockhhkjopjgkoepdbnh" aria-label="Install Lildra 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><a class="button button-secondary" href="#features">See what it does</a></div><p class="microcopy">Lildra 0.3.0 · Chrome and Edge · No analytics or persistent site access</p><p class="microcopy">Free to use · Activated only when you choose · Built by an Australian educator</p></div><div class="hero-visual" aria-label="A clean Lildra lesson reading view"><div class="browser-window lildra-reading-window"><div class="browser-bar"><div class="browser-dots"><span></span><span></span><span></span></div><div class="address-bar">https://qlearn.eq.edu.au</div><img src="/img/LildraLogo32.png" width="32" height="32" alt="Lildra"></div><div class="reading-shell"><div class="reading-title">Introduction to today's lesson</div><div class="reading-page"><h2></h2><p></p><p></p><p></p><div class="reading-media"></div></div><div class="reading-version">Lildra v0.3.0</div></div></div><div class="floating-card card-fast"><strong>Same lesson</strong><span>Original content and styling preserved</span></div><div class="floating-card card-clean"><strong>Less distraction</strong><span>Navigation stays out of the way</span></div></div></div></section>
<section class="trust-strip" aria-label="Lildra highlights"><div class="container trust-grid"><div><strong>Content-preserving</strong><span>No lesson reconstruction</span></div><div><strong>Calm reading width</strong><span>Centred and responsive</span></div><div><strong>Explicit activation</strong><span>Toolbar button or Alt+L</span></div><div><strong>Privacy-conscious</strong><span>No analytics or remote code</span></div></div></section>
<section class="section" id="features"><div class="container"><div class="section-heading"><div class="eyebrow"><span></span> What Lildra does</div><h2>Keep the lesson. Hide the interface around it.</h2><p>Lildra is deliberately focused: it changes the surrounding reading experience without turning your lesson into slides or another kind of document.</p></div><div class="feature-grid"><article class="feature-card feature-card-large"><div class="feature-icon"></div><h3>A focused reading view</h3><p>Global navigation and course navigation are hidden, while the lesson remains centred at a comfortable, responsive reading width.</p><div class="mini-ui"><span><b>Title</b> Always visible</span><span><b>Lesson</b> Original DOM preserved</span><span><b>Navigation</b> Hidden while active</span></div></article><article class="feature-card"><div class="feature-icon">L</div><h3>Compact title bar</h3><p>A sticky, single-line title follows dynamically rendered Canvas page titles without duplicating screen-reader announcements.</p></article><article class="feature-card"><div class="feature-icon"></div><h3>Toggle when needed</h3><p>Click the extension toolbar button or press <kbd>Alt+L</kbd> to turn Lildra on or off for the current page.</p></article><article class="feature-card"><div class="feature-icon"></div><h3>Your content stays familiar</h3><p>Typography, headings, images, tables, links, media and embeds remain part of the original lesson page.</p></article><article class="feature-card feature-card-accent"><img src="/img/LildraLogo128.png" width="88" height="88" alt=""><div><h3>Simple by design</h3><p>No account, settings, popup, analytics, remote scripts, dependencies or persistent access to the sites you visit.</p></div></article></div></div></section>
<section class="section section-soft" id="how-it-works"><div class="container"><div class="section-heading centered"><div class="eyebrow"><span></span> How it works</div><h2>A calmer lesson in one click.</h2></div><div class="steps"><article><div class="step-number">01</div><h3>Install Lildra</h3><p>Download the latest release and install it in Chrome or Edge.</p></article><div class="step-arrow" aria-hidden="true"></div><article><div class="step-number">02</div><h3>Open a lesson</h3><p>Visit a supported HTTPS Canvas or QLearn course page or wiki lesson.</p></article><div class="step-arrow" aria-hidden="true"></div><article><div class="step-number">03</div><h3>Choose reading view</h3><p>Click Lildra or press <kbd>Alt+L</kbd>. Repeat to return to the normal page.</p></article></div></div></section>
<section class="section section-soft" id="how-it-works"><div class="container"><div class="section-heading centered"><div class="eyebrow"><span></span> How it works</div><h2>A calmer lesson in one click.</h2></div><div class="steps"><article><div class="step-number">01</div><h3>Install Lildra</h3><p>Install Lildra from your browser's official extension store.</p></article><div class="step-arrow" aria-hidden="true"></div><article><div class="step-number">02</div><h3>Open a lesson</h3><p>Visit a supported HTTPS Canvas or QLearn course page or wiki lesson.</p></article><div class="step-arrow" aria-hidden="true"></div><article><div class="step-number">03</div><h3>Choose reading view</h3><p>Click Lildra or press <kbd>Alt+L</kbd>. Repeat to return to the normal page.</p></article></div></div></section>
<section class="section showcase-section" id="showcase"><div class="container"><div class="section-heading"><div class="eyebrow"><span></span> See the difference</div><h2>The same lesson, with less around it.</h2><p>Lildra keeps the original lesson content and styling while hiding the surrounding Canvas and QLearn interface.</p></div><div class="transformation-grid lildra-comparison"><figure class="screenshot-figure"><a class="screenshot-link" href="/img/screenshots/lesson-original.png" target="_blank" rel="noopener" aria-label="Open the original lesson screenshot at full size"><img src="/img/screenshots/lesson-original.png" width="1920" height="1140" loading="lazy" alt="A lesson open in the full QLearn interface"></a><figcaption>Original lesson page</figcaption></figure><div class="transformation-arrow" aria-hidden="true"></div><figure class="screenshot-figure"><a class="screenshot-link" href="/img/screenshots/lildra-focused-view.png" target="_blank" rel="noopener" aria-label="Open the Lildra focused-view screenshot at full size"><img src="/img/screenshots/lildra-focused-view.png" width="1920" height="1140" loading="lazy" alt="The same lesson in Lildra's focused reading view"></a><figcaption>Lildra focused reading view</figcaption></figure></div></div></section>
<section class="section" id="privacy"><div class="container privacy-grid"><div><div class="eyebrow"><span></span> Privacy by design</div><h2>Your lesson stays in your browser.</h2><p class="privacy-lead">Lildra processes the current lesson locally only after you activate it. It does not collect, store or transmit lesson content.</p><a class="text-link" href="/lildra/privacy">Read Lildra's privacy policy <span></span></a></div><div class="privacy-card"><div class="privacy-item"><span class="check"></span><div><strong>No data collection</strong><p>No analytics, telemetry or advertising profiles.</p></div></div><div class="privacy-item"><span class="check"></span><div><strong>No persistent site access</strong><p><code>activeTab</code> grants temporary access after your click.</p></div></div><div class="privacy-item"><span class="check"></span><div><strong>No remote code</strong><p>Everything Lildra runs is packaged with the extension.</p></div></div></div></div></section>
<section class="section section-soft" id="faq"><div class="container faq-layout"><div class="section-heading"><div class="eyebrow"><span></span> Questions</div><h2>Frequently asked.</h2></div><div class="faq-list"><details><summary>What pages does Lildra support?</summary><p>Lildra activates on HTTPS Canvas course page and wiki content routes that contain the expected Canvas lesson structure, including compatible QLearn lessons.</p></details><details><summary>Does Lildra change my lesson?</summary><p>No. It does not edit, move, clone or reconstruct lesson content. Its changes are temporary presentation styles around the existing page.</p></details><details><summary>How is Lildra different from Hudra?</summary><p>Lildra keeps a lesson as a normal web page and removes interface distractions. Hudra turns supported structured lessons into a classroom presentation experience.</p></details><details><summary>Is Lildra official?</summary><p>No. Lildra is independent and is not affiliated with or endorsed by Instructure or the Queensland Department of Education.</p></details><details><summary>Which browsers are supported?</summary><p>Lildra targets current Chromium-based browsers, including Google Chrome and Microsoft Edge.</p></details></div></div></section>
<section class="cta-section"><div class="container cta-card"><div><div class="eyebrow light"><span></span> Read the lesson, not the interface</div><h2>Make your next Canvas or QLearn lesson feel calmer.</h2><p>Activate Lildra only when you want a focused reading view.</p></div><a class="button button-light" href="https://git.napper.au/napper/lildra/releases">Download Lildra</a></div></section>
</main><footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lesson pages.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="#features">Features</a><a href="#how-it-works">How it works</a><a href="https://git.napper.au/napper/lildra/releases">Downloads</a></div><div><strong>Support</strong><a href="/lildra/support">Help and feedback</a><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>
<section class="cta-section"><div class="container cta-card"><div><div class="eyebrow light"><span></span> Read the lesson, not the interface</div><h2>Make your next Canvas or QLearn lesson feel calmer.</h2><p>Activate Lildra only when you want a focused reading view.</p></div><div class="store-options store-options-on-dark" aria-label="Install Lildra"><a class="store-badge" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp" aria-label="Install Lildra 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/lildra/lecbknefoekmfockhhkjopjgkoepdbnh" aria-label="Install Lildra 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></div></section>
</main><footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lesson pages.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="#features">Features</a><a href="#how-it-works">How it works</a><a href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Chrome Web Store</a><a href="https://microsoftedge.microsoft.com/addons/detail/lildra/lecbknefoekmfockhhkjopjgkoepdbnh">Microsoft Edge Add-ons</a></div><div><strong>Support</strong><a href="/lildra/support">Help and feedback</a><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>
+4 -4
View File
@@ -1,5 +1,5 @@
<!doctype html><html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Privacy policy for the Lildra distraction-free reading browser extension."><title>Privacy Policy Lildra</title><link rel="icon" href="/img/LildraLogo32.png"><link rel="stylesheet" href="/css/lildra.css"><link rel="stylesheet" href="/css/lildra-legal.css"></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="/lildra"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="/lildra">Home</a><a href="/lildra/support">Help</a><a href="/lildra/terms">Terms</a><a class="nav-button" href="https://git.napper.au/napper/lildra/releases">Download Lildra</a></nav></div></header>
<!doctype html><html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Privacy policy for the Lildra distraction-free reading browser extension."><title>Privacy Policy - Lildra</title><link rel="icon" href="/img/LildraLogo32.png"><link rel="stylesheet" href="/css/lildra.css"><link rel="stylesheet" href="/css/lildra-legal.css"></head><body><a class="skip-link" href="#main">Skip to content</a>
<header class="site-header"><div class="container header-inner"><div class="header-brand-group"><a class="ecosystem-link" href="/">Napper</a><span class="brand-separator" aria-hidden="true">/</span><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="/lildra">Home</a><a href="/lildra/support">Help</a><a href="/lildra/terms">Terms</a><a class="nav-button" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Get Lildra</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 Lildra accesses when you request a distraction-free reading view.</p><div class="legal-meta"><span>Effective: 27 July 2026</span><span>Applies to: Lildra extension and website</span></div></div></section><section class="legal-page"><div class="container legal-layout"><aside class="legal-nav" aria-label="Privacy policy contents"><strong>On this page</strong><a href="#summary">Summary</a><a href="#data">Data accessed</a><a href="#use">How data is used</a><a href="#storage">Storage and transmission</a><a href="#sharing">Sharing</a><a href="#limited-use">Limited Use</a><a href="#website">Website</a><a href="#security">Security</a><a href="#choices">Your choices</a><a href="#children">Children</a><a href="#changes">Changes</a><a href="#contact">Contact</a></aside><article class="legal-content">
<div class="notice-card"><strong>Plain-language promise</strong><p>Lildra does not collect, store, sell or transmit your lesson content or browsing activity. It runs locally only after you activate it.</p></div>
<section id="summary"><h2>1. Summary</h2><p>Lildra is a browser extension that temporarily hides surrounding Canvas and QLearn navigation on supported lesson pages. It requires no Lildra account and includes no analytics, telemetry, advertising or remote code.</p></section>
@@ -9,9 +9,9 @@
<section id="sharing"><h2>5. Sharing and sale of data</h2><p>Lildra does not sell user data or share lesson content with advertisers, data brokers or unrelated third parties. Information voluntarily included in support correspondence may be processed by email and hosting providers or disclosed where required by law.</p></section>
<section id="limited-use"><h2>6. Chrome Web Store Limited Use</h2><p>Lildra's use of information received from Chrome APIs complies with the Chrome Web Store User Data Policy, including Limited Use requirements. Chrome API data is used only to provide Lildra's single user-facing focused-reading purpose. It is not transferred for advertising, creditworthiness, lending or unrelated purposes, and humans do not read it.</p></section>
<section id="website"><h2>7. Lildra website</h2><p>The public website may receive ordinary server information needed to deliver pages, such as IP address, browser type, requested page and request time. This may appear in short-term operational or security logs. The website has no access to your Canvas or QLearn lesson content.</p></section>
<section id="security"><h2>8. Security</h2><p>Lildra minimises access through <code>activeTab</code>, validates supported routes and page structure, and packages all executable code with the extension. Install only from an authorised listing or the official release location and keep Lildra and your browser updated.</p></section>
<section id="security"><h2>8. Security</h2><p>Lildra minimises access through <code>activeTab</code>, validates supported routes and page structure, and packages all executable code with the extension. Install only from an official browser extension store and keep Lildra and your browser updated.</p></section>
<section id="choices"><h2>9. Your choices and deletion</h2><p>Lildra accesses a tab only after you click its button or use its shortcut. Toggle it off, disable it or uninstall it at any time. Because Lildra stores no lesson data or preferences, there is no separate extension dataset to delete. Contact support to request deletion of information you voluntarily sent by email.</p></section>
<section id="children"><h2>10. Children and educational information</h2><p>Lildra is a general educational utility and is not designed to collect personal information from children. Users remain responsible for organisational policies, permissions and applicable privacy requirements when accessing educational content.</p></section>
<section id="changes"><h2>11. Changes to this policy</h2><p>This policy may be updated if Lildra's features, permissions or data practices change. The effective date will be revised and material changes communicated through appropriate release, website, listing or extension channels.</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=Lildra%20privacy%20enquiry">support@napper.au</a><br>Napper.au, Queensland, Australia</p><p>General help is available on the <a class="text-link" href="/lildra/support">Lildra 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="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lessons.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="/lildra">Home</a><a href="/lildra/support">Help</a><a href="https://git.napper.au/napper/lildra/releases">Releases</a></div><div><strong>Legal</strong><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>
</article></div></section></main><footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lessons.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="/lildra">Home</a><a href="/lildra/support">Help</a><a href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Chrome Web Store</a><a href="https://microsoftedge.microsoft.com/addons/detail/lildra/lecbknefoekmfockhhkjopjgkoepdbnh">Microsoft Edge Add-ons</a></div><div><strong>Legal</strong><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>
+4 -4
View File
@@ -1,12 +1,12 @@
<!doctype html><html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Installation, troubleshooting and support for the Lildra browser extension."><title>Help and Support Lildra</title><link rel="icon" href="/img/LildraLogo32.png"><link rel="stylesheet" href="/css/lildra.css"><link rel="stylesheet" href="/css/lildra-legal.css"></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="/lildra"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="/lildra">Home</a><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a><a class="nav-button" href="https://git.napper.au/napper/lildra/releases">Download Lildra</a></nav></div></header>
<!doctype html><html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Installation, troubleshooting and support for the Lildra browser extension."><title>Help and Support - Lildra</title><link rel="icon" href="/img/LildraLogo32.png"><link rel="stylesheet" href="/css/lildra.css"><link rel="stylesheet" href="/css/lildra-legal.css"></head><body><a class="skip-link" href="#main">Skip to content</a>
<header class="site-header"><div class="container header-inner"><div class="header-brand-group"><a class="ecosystem-link" href="/">Napper</a><span class="brand-separator" aria-hidden="true">/</span><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="/lildra">Home</a><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a><a class="nav-button" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Get Lildra</a></nav></div></header>
<main id="main"><section class="legal-hero"><div class="container"><div class="eyebrow"><span></span> Help when you need it</div><h1>Lildra support</h1><p>Install Lildra, start a focused reading view, troubleshoot common issues or report a problem.</p></div></section><section class="legal-page"><div class="container legal-layout"><aside class="legal-nav" aria-label="Support contents"><strong>On this page</strong><a href="#install">Install</a><a href="#use">Use Lildra</a><a href="#troubleshooting">Troubleshooting</a><a href="#report">Report a problem</a><a href="#permissions">Permissions</a><a href="#remove">Uninstall</a><a href="#contact">Contact</a></aside><article class="legal-content">
<div class="notice-card"><strong>Lildra is an independent project</strong><p>Lildra 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 Lildra</h2><p>The latest package and release notes are available from the official releases page.</p><p><a class="button button-primary" href="https://git.napper.au/napper/lildra/releases">Open Lildra releases</a></p><ol><li>Download and extract the latest Lildra ZIP release.</li><li>Open <code>chrome://extensions</code> in Chrome or <code>edge://extensions</code> in Edge.</li><li>Enable <strong>Developer mode</strong>, choose <strong>Load unpacked</strong>, and select the extracted Lildra folder.</li><li>Pin Lildra to the toolbar if you want its button to remain visible.</li></ol><p>Lildra 0.3.0 targets current Chrome and Edge. Store installation instructions will be added if a store listing becomes available.</p></section>
<section id="install"><h2>1. Install Lildra</h2><p>Install Lildra from your browser's official extension store.</p><div class="store-options"><a class="store-badge" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp" aria-label="Install Lildra 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/lildra/lecbknefoekmfockhhkjopjgkoepdbnh" aria-label="Install Lildra 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 Lildra'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 Lildra is enabled on your browser's extensions page.</li><li>Pin Lildra to the toolbar if you want its button to remain visible.</li></ol><p>Lildra 0.3.0 targets current Chrome and Edge.</p></section>
<section id="use"><h2>2. Use Lildra</h2><ol><li>Open a supported HTTPS Canvas or QLearn course page or wiki lesson.</li><li>Click the Lildra toolbar icon or press <kbd>Alt+L</kbd>.</li><li>Click the icon or press the shortcut again to restore the normal page.</li></ol><p>Your browser or operating system may reserve the shortcut. Use the browser's extension shortcut page to review or change it.</p></section>
<section id="troubleshooting"><h2>3. Quick troubleshooting</h2><h3>Lildra does not activate</h3><ul><li>Confirm the extension is enabled and refresh the lesson page after installing or updating it.</li><li>Check that the page uses HTTPS and is a Canvas course page or wiki content route.</li><li>Confirm you are viewing the lesson itself, not a dashboard, module list, assignment, discussion or quiz.</li><li>Try the toolbar button if <kbd>Alt+L</kbd> is reserved by your browser.</li></ul><h3>The title is missing or incorrect</h3><ul><li>Wait for Canvas to finish loading the page title.</li><li>Toggle Lildra off and on, or refresh the page.</li><li>Update to the latest Lildra release and stable browser version.</li></ul><h3>The page layout looks wrong</h3><ul><li>Toggle Lildra off to restore the normal page.</li><li>Test with other layout-changing extensions temporarily disabled.</li><li>Report the affected page type without including private lesson content.</li></ul></section>
<section id="report"><h2>4. Report a problem</h2><p>Include the Lildra version, browser and version, page type, steps to reproduce, expected result and actual result. Remove student names, personal information and private course content from screenshots.</p><p><a class="button button-primary" href="mailto:support@napper.au?subject=Lildra%20bug%20report&amp;body=Lildra%20version%3A%0ABrowser%20and%20version%3A%0APage%20type%3A%0ASteps%20to%20reproduce%3A%0AExpected%20result%3A%0AActual%20result%3A">Create a bug report email</a></p></section>
<section id="permissions"><h2>5. Why Lildra needs browser permissions</h2><ul><li><code>activeTab</code> provides temporary access to the tab only after you click Lildra or use its shortcut.</li><li><code>scripting</code> lets Lildra apply and remove its focused layout in that tab.</li></ul><p>Lildra does not request storage, browsing-history or persistent host permissions. See the <a class="text-link" href="/lildra/privacy">privacy policy <span></span></a>.</p></section>
<section id="remove"><h2>6. Disable or uninstall Lildra</h2><ol><li>Open your browser's extensions page.</li><li>Find Lildra.</li><li>Turn it off temporarily or choose <strong>Remove</strong> to uninstall it.</li></ol><p>Lildra does not keep settings or lesson data to delete separately.</p></section>
<section id="contact"><h2>7. Contact and security reports</h2><div class="contact-options"><a class="contact-card" href="mailto:support@napper.au?subject=Lildra%20support"><strong>Email support</strong><span>support@napper.au</span></a><a class="contact-card" href="mailto:support@napper.au?subject=Lildra%20feature%20suggestion"><strong>Suggest an improvement</strong><span>Share a focused-reading workflow Lildra could improve</span></a></div><p>Do not send passwords, authentication details, student records or private lesson content. Report suspected vulnerabilities privately with the subject “Lildra security report”.</p></section>
</article></div></section></main><footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lessons.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="/lildra">Home</a><a href="/lildra/support">Help</a><a href="https://git.napper.au/napper/lildra/releases">Releases</a></div><div><strong>Legal</strong><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>
</article></div></section></main><footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lessons.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="/lildra">Home</a><a href="/lildra/support">Help</a><a href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Chrome Web Store</a><a href="https://microsoftedge.microsoft.com/addons/detail/lildra/lecbknefoekmfockhhkjopjgkoepdbnh">Microsoft Edge Add-ons</a></div><div><strong>Legal</strong><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>
+3 -3
View File
@@ -1,5 +1,5 @@
<!doctype html><html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Terms of use for the Lildra distraction-free reading browser extension."><title>Terms of Use Lildra</title><link rel="icon" href="/img/LildraLogo32.png"><link rel="stylesheet" href="/css/lildra.css"><link rel="stylesheet" href="/css/lildra-legal.css"></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="/lildra"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="/lildra">Home</a><a href="/lildra/support">Help</a><a href="/lildra/privacy">Privacy</a><a class="nav-button" href="https://git.napper.au/napper/lildra/releases">Download Lildra</a></nav></div></header>
<!doctype html><html lang="en-AU"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#6d35d8"><meta name="description" content="Terms of use for the Lildra distraction-free reading browser extension."><title>Terms of Use - Lildra</title><link rel="icon" href="/img/LildraLogo32.png"><link rel="stylesheet" href="/css/lildra.css"><link rel="stylesheet" href="/css/lildra-legal.css"></head><body><a class="skip-link" href="#main">Skip to content</a>
<header class="site-header"><div class="container header-inner"><div class="header-brand-group"><a class="ecosystem-link" href="/">Napper</a><span class="brand-separator" aria-hidden="true">/</span><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="48" height="48" alt=""><span>Lildra</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="/lildra">Home</a><a href="/lildra/support">Help</a><a href="/lildra/privacy">Privacy</a><a class="nav-button" href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Get Lildra</a></nav></div></header>
<main id="main"><section class="legal-hero"><div class="container"><div class="eyebrow"><span></span> The rules for using Lildra</div><h1>Terms of Use</h1><p>These terms apply when you download, install or use Lildra.</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"><aside class="legal-nav" aria-label="Terms contents"><strong>On this page</strong><a href="#acceptance">Acceptance</a><a href="#service">Lildra</a><a href="#authorised-use">Acceptable use</a><a href="#content">Lesson content</a><a href="#review">Responsibilities</a><a href="#availability">Availability</a><a href="#warranty">Disclaimers</a><a href="#liability">Liability</a><a href="#third-parties">Third parties</a><a href="#updates">Updates</a><a href="#termination">Ending use</a><a href="#changes">Changes</a><a href="#contact">Contact</a></aside><article class="legal-content">
<div class="notice-card"><strong>Check the page while using Lildra</strong><p>Lildra temporarily hides parts of the Canvas interface. You remain responsible for confirming that controls, notices and content you need are visible before relying on the focused view.</p></div>
<section id="acceptance"><h2>1. Acceptance</h2><p>By downloading, installing or using Lildra, you agree to these Terms of Use and the Lildra Privacy Policy. If you do not agree, do not use Lildra.</p></section>
@@ -15,4 +15,4 @@
<section id="termination"><h2>11. Ending use</h2><p>You may stop using Lildra at any time by toggling it off, disabling it or uninstalling it.</p></section>
<section id="changes"><h2>12. Changes to these terms</h2><p>These terms may be updated as Lildra develops. The effective date will be revised when changes are published.</p></section>
<section id="contact"><h2>13. Governing law and contact</h2><p>These terms are governed by Queensland law and applicable Commonwealth law. Questions can be sent to:</p><p class="code-note"><a href="mailto:support@napper.au?subject=Lildra%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="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lessons.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="/lildra">Home</a><a href="/lildra/support">Help</a><a href="https://git.napper.au/napper/lildra/releases">Releases</a></div><div><strong>Legal</strong><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>
</article></div></section></main><footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><a class="brand" href="/lildra"><img src="/img/LildraLogo48.png" width="44" height="44" alt=""><span>Lildra</span></a><p>A distraction-free reading view for Canvas and QLearn lessons.</p><small>Part of <a href="/">napper.au</a></small></div><div class="footer-links"><div><strong>Lildra</strong><a href="/lildra">Home</a><a href="/lildra/support">Help</a><a href="https://chromewebstore.google.com/detail/lildra/plgcccpjkfeimphghbpojjmibmajgocp">Chrome Web Store</a><a href="https://microsoftedge.microsoft.com/addons/detail/lildra/lecbknefoekmfockhhkjopjgkoepdbnh">Microsoft Edge Add-ons</a></div><div><strong>Legal</strong><a href="/lildra/privacy">Privacy</a><a href="/lildra/terms">Terms</a></div></div></div><div class="container footer-bottom"><span>© <span id="year"></span> Napper.au</span><span>Lildra is independent and is not affiliated with Instructure or the Queensland Department of Education.</span></div></footer><script src="/js/lildra.js" defer></script></body></html>