Launch Lildra website

AGENTS.md

@@ -2,7 +2,7 @@
 
 ## Project purpose
 
-This repository contains the public website for the Napper application ecosystem. It includes the main `napper.au` landing site, the Hudra product site, and shared legal, privacy, support and ecosystem content. Lildra and Pendra product pages are planned but do not yet exist.
+This repository contains the public website for the Napper application ecosystem. It includes the main `napper.au` landing site, the Hudra and Lildra product sites, and shared legal, privacy, support and ecosystem content. Pendra is planned but does not yet have a product page.
 
 ## Source of truth
 
@@ -17,7 +17,7 @@ When an important architectural, deployment, naming or development decision is m
 ## Product distinction
 
 - Hudra is primarily a presentation and slide-viewing system that turns complete QLearn lesson pages into a classroom presentation experience. Do not describe Hudra as a general-purpose editor.
-- Lildra is the product focused on removing the surrounding QLearn interface and showing lesson-page content cleanly.
+- Lildra is a distraction-free reading extension that hides the surrounding Canvas/QLearn interface while preserving the lesson DOM, content and styling. It is not a presentation system.
 - Pendra is planned as a simpler path for bringing completed presentation slides into QLearn.
 
 Keep product wording within these boundaries and do not reuse Lildra's clutter-removal positioning as Hudra's primary message.
@@ -44,7 +44,7 @@ The site is a dependency-free static site using HTML, CSS and small browser Java
     └── terms/index.html
 ```
 
-The Hudra header, footer and foundational styling are currently repeated. Establish shared-component and shared-style conventions before duplicating Hudra's structure for Lildra or Pendra. Do not introduce those abstractions incidentally during an unrelated focused change.
+Hudra provides the established foundational product-page and legal-page styling. Lildra reuses that stable foundation through its own theme stylesheets and keeps Lildra-specific colours and visuals isolated there. Reassess this CSS layering before adding Pendra rather than creating another product-to-product dependency.
 
 ## Deployment assumptions
 
@@ -63,6 +63,7 @@ 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 releases: `https://git.napper.au/napper/hudra/releases`
+- Lildra releases: `https://git.napper.au/napper/lildra/releases`
 
 ## Working principles
 

README.md

@@ -5,8 +5,8 @@ Static source for the Napper application ecosystem website, deployed at <https:/
 ## Current products
 
 - **Hudra** is available at <https://napper.au/hudra>. It turns complete QLearn lesson pages into a presentation or slide-style classroom teaching experience.
-- **Lildra** is in development. It is focused on removing the surrounding QLearn interface and showing lesson-page content cleanly. A `/lildra` page has not yet been added.
-- **Pendra** is planned after Lildra. A `/pendra` page has not yet been added.
+- **Lildra** is available at <https://napper.au/lildra>. It gives supported Canvas and QLearn lesson pages a distraction-free reading view while preserving their original content and styling.
+- **Pendra** is planned. A `/pendra` page has not yet been added.
 
 ## Site structure
 
@@ -32,12 +32,15 @@ The site uses static HTML, CSS and JavaScript without a framework, package manag
 
 The HTML uses root-relative asset and navigation paths. Opening pages directly with `file://` or serving the repository beneath a URL subpath will not reproduce production routing. Local previews should use a static server configured with this repository as its web root and with directory-index handling enabled.
 
+Lildra mirrors Hudra's product structure under `lildra/`, with its landing page plus `support/`, `privacy/` and `terms/` directory pages. Its product JavaScript and theme styles live in `js/lildra.js`, `css/lildra.css` and `css/lildra-legal.css`.
+
 ## URLs and external services
 
 - Production site: <https://napper.au>
 - Canonical QLearn URL: <https://qlearn.eq.edu.au>
 - Canonical Gitea organisation: <https://git.napper.au/napper>
 - Hudra releases: <https://git.napper.au/napper/hudra/releases>
+- Lildra releases: <https://git.napper.au/napper/lildra/releases>
 
 Production supports clean directory URLs. For example, `/hudra/privacy` serves `hudra/privacy/index.html` without requiring `index.html` in the public URL.
 

TODO.md

@@ -7,7 +7,7 @@
 
 ## Next
 
-- Add Lildra
+- Submit Lildra to the Chrome Web Store and add its listing link when approved
 - Add Pendra
 - Shared CSS
 - Shared navigation

css/lildra-legal.css

@@ -0,0 +1 @@
+@import url("/css/hudra-legal.css");

css/lildra.css

@@ -0,0 +1,29 @@
+@import url("/css/hudra.css");
+
+:root {
+  --blue-950: #281052;
+  --blue-900: #5425a8;
+  --blue-800: #5425a8;
+  --blue-700: #6d35d8;
+  --blue-50: #f8f3ff;
+  --soft: #f8f3ff;
+  --line: #eadfff;
+}
+
+.lildra-reading-window { transform: rotate(1deg); }
+.reading-shell { min-height: 430px; background: #f3eefb; }
+.reading-title { padding: 13px 24px; overflow: hidden; color: #fff; background: linear-gradient(135deg, #5425a8, #281052); font-size: .8rem; font-weight: 800; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
+.reading-page { width: min(72%, 620px); margin: 30px auto; padding: 30px; border-radius: 10px; background: #fff; box-shadow: 0 14px 35px rgba(40,16,82,.1); }
+.reading-page h2 { width: 67%; height: 18px; margin: 0 0 24px; border-radius: 6px; background: #281052; }
+.reading-page p { height: 8px; margin: 12px 0; border-radius: 5px; background: #d7ccec; }
+.reading-page p:nth-child(3) { width: 86%; }
+.reading-page p:nth-child(4) { width: 70%; }
+.reading-media { height: 110px; margin-top: 24px; border-radius: 10px; background: linear-gradient(135deg, #eadfff, #cdb4ff); }
+.reading-version { padding: 10px 14px; color: #6d35d8; font-size: .68rem; font-weight: 800; text-align: right; }
+.feature-card-accent, .cta-card { background: radial-gradient(circle at 80% 20%, #8250e8 0, transparent 34%), linear-gradient(135deg, #6d35d8, #281052); }
+.site-footer { background: #1d0b3d; }
+
+@media (max-width: 760px) {
+  .lildra-reading-window { transform: none; }
+  .reading-page { width: calc(100% - 34px); padding: 22px; }
+}

docs/architecture.md

@@ -0,0 +1,3 @@
+## Product page styling
+
+Hudra remains the current foundation for product and legal-page layout. Lildra loads that stable foundation through its own theme stylesheets, then overrides product colour tokens and adds only Lildra-specific visuals. This is an intentional transitional convention for the two current products. Before Pendra is added, extract genuinely shared product foundations into neutral shared styles rather than introducing another product-to-product dependency.

index.html

@@ -27,7 +27,7 @@
         <a href="#products">Products</a>
         <a href="#approach">Approach</a>
         <a href="https://git.napper.au/napper">Source</a>
-        <a class="nav-button" href="/hudra">Explore Hudra</a>
+        <a class="nav-button" href="#products">Explore products</a>
       </nav>
     </div>
   </header>
@@ -55,8 +55,8 @@
               <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">
-              <div class="product-glyph product-glyph-lildra" aria-hidden="true">Li</div>
-              <div><span class="status status-next">Up next</span><h2>Lildra</h2><p>Strip away QLearn clutter and show only the lesson page content.</p></div>
+              <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>
             <article class="stack-card stack-pendra product-pendra">
               <div class="product-glyph product-glyph-pendra" aria-hidden="true">Pe</div>
@@ -81,7 +81,7 @@
         <div class="section-heading">
           <div class="eyebrow"><span></span> Products</div>
           <h2>A growing family of focused lesson tools.</h2>
-          <p>Hudra is available now. Lildra is the next product in development, with Pendra planned after it.</p>
+          <p>Hudra and Lildra are available now, with Pendra planned next.</p>
         </div>
 
         <div class="product-grid">
@@ -101,13 +101,13 @@
 
           <article class="product-card product-lildra">
             <div class="product-card-top">
-              <div class="product-glyph product-glyph-lildra large" aria-hidden="true">Li</div>
-              <span class="status status-next">In development</span>
+              <img src="/img/LildraLogo128.png" width="84" height="84" alt="Lildra logo">
+              <span class="status status-live">Available now</span>
             </div>
             <h3>Lildra</h3>
             <p class="product-tagline">QLearn content, without the QLearn clutter.</p>
-            <p>Lildra is a cut-down companion to Hudra. It removes the surrounding QLearn interface and keeps the lesson page content front and centre.</p>
-            <p class="availability">Product page and release details coming next.</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>
           </article>
 
           <article class="product-card product-pendra">
@@ -156,8 +156,8 @@
         <p>Focused browser tools for better digital lessons.</p>
       </div>
       <div class="footer-links">
-        <div><strong>Products</strong><a href="/hudra">Hudra</a><span>Lildra — in development</span><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="/hudra/privacy">Hudra privacy</a></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>
     <div class="container footer-bottom"><span>© <span id="year"></span> Napper.</span><span>Independent software created on the Gold Coast, Australia.</span></div>

js/lildra.js

@@ -0,0 +1,22 @@
+const menuButton = document.querySelector('.menu-button');
+const siteNav = document.querySelector('.site-nav');
+
+if (menuButton && siteNav) {
+  const menuLabel = menuButton.querySelector('.sr-only');
+  const desktopViewport = window.matchMedia('(min-width: 761px)');
+  const setMenuState = (isOpen) => {
+    siteNav.classList.toggle('open', isOpen);
+    menuButton.setAttribute('aria-expanded', String(isOpen));
+    if (menuLabel) menuLabel.textContent = isOpen ? 'Close navigation' : 'Open navigation';
+  };
+  menuButton.addEventListener('click', () => setMenuState(!siteNav.classList.contains('open')));
+  siteNav.querySelectorAll('a').forEach((link) => link.addEventListener('click', () => setMenuState(false)));
+  document.addEventListener('keydown', (event) => {
+    if (event.key === 'Escape' && siteNav.classList.contains('open')) { setMenuState(false); menuButton.focus(); }
+  });
+  desktopViewport.addEventListener('change', (event) => { if (event.matches) setMenuState(false); });
+  setMenuState(false);
+}
+
+const year = document.getElementById('year');
+if (year) year.textContent = new Date().getFullYear();

lildra/index.html

@@ -0,0 +1,13 @@
+<!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>
+<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>
+<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 unchanged—giving 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="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" 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>

lildra/privacy/index.html

@@ -0,0 +1,17 @@
+<!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>
+<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>
+<section id="data"><h2>2. Information Lildra may access</h2><table class="data-table"><caption class="sr-only">Information Lildra may access and its purpose</caption><thead><tr><th>Information</th><th>Purpose</th></tr></thead><tbody><tr><td>Current tab address and Canvas page structure</td><td>To confirm the page is a supported HTTPS Canvas course page or wiki lesson before activating.</td></tr><tr><td>Visible page title</td><td>To show and update the compact Lildra title bar.</td></tr><tr><td>Existing page elements</td><td>To identify the Canvas interface elements that should be temporarily hidden and preserve the lesson content.</td></tr></tbody></table><p>Lildra does not seek passwords, authentication cookies, browsing history, payment information, private messages or unrelated tabs.</p></section>
+<section id="use"><h2>3. How information is used</h2><p>Information available in the selected tab is used only to validate the page, apply the requested focused layout, display the current title and restore the normal page when Lildra is turned off.</p></section>
+<section id="storage"><h2>4. Storage, retention and transmission</h2><p>Lildra processes the selected page locally in your browser. It does not transmit lesson content, page titles, addresses or usage information to Napper.au or another service. Lildra does not request the browser storage permission and does not retain settings or lesson data.</p><p>Lesson pages and embedded resources continue to be loaded from their existing providers. Support email you send voluntarily is handled by the relevant email services and retained only as reasonably needed to respond, maintain security or meet legal obligations.</p></section>
+<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="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>

lildra/support/index.html

@@ -0,0 +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>
+<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="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>

lildra/terms/index.html

@@ -0,0 +1,18 @@
+<!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>
+<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>
+<section id="service"><h2>2. The Lildra service</h2><p>Lildra is an independently developed browser extension that gives supported Canvas and QLearn lesson and wiki pages a distraction-free reading layout. It hides surrounding navigation, centres the existing lesson content and adds a compact title and version label. Features may change.</p></section>
+<section id="authorised-use"><h2>3. Authorised and acceptable use</h2><p>Use Lildra only where you are authorised to access the website and content. You must not use it to access restricted content without permission, circumvent security or organisational controls, interfere with services, violate laws or rights, or misrepresent Lildra as an official institutional product.</p></section>
+<section id="content"><h2>4. Your lesson content</h2><p>You retain ownership of content you create or are entitled to use. Lildra obtains no ownership by applying a temporary reading layout. You remain responsible for permissions, copyright, privacy, accuracy and appropriate use.</p></section>
+<section id="review"><h2>5. Your responsibilities</h2><p>Check that lesson content, links, media, accessibility features, warnings and required Canvas controls remain suitable for your task. Toggle Lildra off whenever you need the normal Canvas interface.</p></section>
+<section id="availability"><h2>6. Availability and compatibility</h2><p>Lildra is provided on an “as available” basis. Canvas, QLearn, browsers, networks and institutional configurations may change without notice. Compatibility and uninterrupted operation are not guaranteed.</p></section>
+<section id="warranty"><h2>7. Disclaimers</h2><p>To the maximum extent permitted by law, Lildra is provided without warranties of accuracy, fitness for purpose, non-infringement, compatibility or error-free operation. Nothing excludes rights that cannot lawfully be excluded, including under the Australian Consumer Law.</p></section>
+<section id="liability"><h2>8. Limitation of liability</h2><p>To the maximum extent permitted by law, Napper.au will not be liable for indirect, incidental, special or consequential loss arising from Lildra. Where liability cannot be excluded, it is limited to the minimum remedy permitted by law.</p></section>
+<section id="third-parties"><h2>9. Third-party platforms and names</h2><p>Canvas and QLearn have their own terms, policies and availability. Lildra is independent and is not affiliated with, endorsed by or sponsored by Instructure, Google, the Queensland Department of Education or any educational institution. Third-party marks belong to their owners.</p></section>
+<section id="updates"><h2>10. Updates and distribution</h2><p>Use an authorised release and review release notes. Lildra may be updated, replaced, suspended or discontinued. You are responsible for determining whether extensions are permitted on your device or network.</p></section>
+<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>