15 lines
12 KiB
HTML
15 lines
12 KiB
HTML
<!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"><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 unchanged - giving educators 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.1 · 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.1</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>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 selected lesson locally only after you activate it. It does not retain 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>Local processing only</strong><p>The selected lesson is processed in your browser and is not stored or transmitted by Lildra.</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><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><a href="https://git.napper.au/napper/lildra">Source code</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>
|