169 lines
8.4 KiB
HTML
169 lines
8.4 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="#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>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/img/HudraLogo32.png">
|
|
<link rel="stylesheet" href="/css/napper.css">
|
|
</head>
|
|
<body>
|
|
<a class="skip-link" href="#main">Skip to content</a>
|
|
|
|
<header class="site-header" id="top">
|
|
<div class="container header-inner">
|
|
<a class="brand" href="/" aria-label="Napper home">
|
|
<span class="brand-mark" aria-hidden="true">N</span>
|
|
<span>Napper</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="#products">Products</a>
|
|
<a href="#approach">Approach</a>
|
|
<a href="https://git.napper.au/mrnapper">Source</a>
|
|
<a class="nav-button" href="/hudra">Explore Hudra</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> Built by an Australian educator</div>
|
|
<h1>Small tools that make digital lessons <em>feel better.</em></h1>
|
|
<p class="hero-lead">Napper creates focused browser tools that remove clutter, improve presentation and help teachers get more from the lesson content they already have.</p>
|
|
<div class="hero-actions">
|
|
<a class="button button-primary" href="/hudra">Meet Hudra</a>
|
|
<a class="button button-secondary" href="#products">View the roadmap</a>
|
|
</div>
|
|
<p class="microcopy">Independent · Practical · Privacy-conscious</p>
|
|
</div>
|
|
|
|
<div class="hero-visual" aria-label="Napper product family preview">
|
|
<div class="product-stack">
|
|
<article class="stack-card stack-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">
|
|
<div class="product-glyph" 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>
|
|
</article>
|
|
<article class="stack-card stack-pendra">
|
|
<div class="product-glyph" 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>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="trust-strip" aria-label="Napper principles">
|
|
<div class="container trust-grid">
|
|
<div><strong>One clear purpose</strong><span>Each product solves one real problem</span></div>
|
|
<div><strong>Works with existing lessons</strong><span>No unnecessary platform replacement</span></div>
|
|
<div><strong>Teacher-built</strong><span>Created from classroom needs</span></div>
|
|
<div><strong>Lightweight</strong><span>Useful without becoming another system</span></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="products">
|
|
<div class="container">
|
|
<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>
|
|
</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">
|
|
<span class="status status-live">Available now</span>
|
|
</div>
|
|
<h3>Hudra</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">
|
|
<a class="button button-primary" href="/hudra">Explore Hudra</a>
|
|
<a class="text-link" href="https://git.napper.au/mrnapper/hudra/releases">Releases <span>→</span></a>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="product-card">
|
|
<div class="product-card-top">
|
|
<div class="product-glyph large" aria-hidden="true">Li</div>
|
|
<span class="status status-next">In development</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>
|
|
</article>
|
|
|
|
<article class="product-card">
|
|
<div class="product-card-top">
|
|
<div class="product-glyph large muted" aria-hidden="true">Pe</div>
|
|
<span class="status">Planned</span>
|
|
</div>
|
|
<h3>Pendra</h3>
|
|
<p class="product-tagline">A simpler path from slides to QLearn.</p>
|
|
<p>Pendra is planned as a tool for bringing completed presentation slides into QLearn pages without rebuilding them one image at a time.</p>
|
|
<p class="availability">Planned after Lildra.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section-soft" id="approach">
|
|
<div class="container approach-grid">
|
|
<div>
|
|
<div class="eyebrow"><span></span> The approach</div>
|
|
<h2>Keep the lesson. Improve the experience.</h2>
|
|
<p class="approach-lead">Napper products are designed around a simple idea: teachers should not have to rebuild good content just to make it easier to use.</p>
|
|
</div>
|
|
<div class="principles">
|
|
<article><span>01</span><div><h3>Focused</h3><p>A narrow purpose is a feature, not a limitation.</p></div></article>
|
|
<article><span>02</span><div><h3>Familiar</h3><p>Products work alongside the tools educators already use.</p></div></article>
|
|
<article><span>03</span><div><h3>Transparent</h3><p>Clear behaviour, clear privacy information and accessible releases.</p></div></article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<div class="cta-card">
|
|
<div><div class="eyebrow light"><span></span> Available now</div><h2>Start with Hudra.</h2><p>Turn an existing QLearn lesson page into a cleaner classroom presentation.</p></div>
|
|
<a class="button button-light" href="/hudra">Explore Hudra</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container footer-grid">
|
|
<div class="footer-brand">
|
|
<a class="brand" href="/"><span class="brand-mark" aria-hidden="true">N</span><span>Napper</span></a>
|
|
<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/mrnapper">Source</a><a href="/hudra/support">Hudra support</a><a href="/hudra/privacy">Hudra privacy</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>
|
|
</footer>
|
|
<script src="/js/napper.js" defer></script>
|
|
</body>
|
|
</html>
|