napper/site
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Napper logo and favicon family

Browse Source
This commit is contained in:
git
2026-07-28 18:45:12 +10:00
parent ba8bc3e431
commit 1c84634bd8
11 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+2 -2
View File
@@ -63,8 +63,8 @@ The production document-root and directory-index arrangement are therefore part
The repository is the source of truth, not individual conversations. Important architectural, development and deployment decisions must be recorded here or in `AGENTS.md` so that future contributors inherit the correct context. The repository is the source of truth, not individual conversations. Important architectural, development and deployment decisions must be recorded here or in `AGENTS.md` so that future contributors inherit the correct context.
## Known asset work ## Brand assets
The Napper ecosystem homepage deliberately has no favicon until a dedicated neutral Napper favicon is created. Hudra product assets must not be used as Napper ecosystem branding. Napper uses its own blue six-sided `N` logo and favicon family under `img/NapperLogo*.png`. Hudra and Lildra retain their distinct product logos and favicons.
<!-- authentication test --> <!-- authentication test -->
css/napper.css
+2
View File
@@ -8,6 +8,8 @@
.product-glyph-lildra{background:linear-gradient(145deg,var(--lildra-600),var(--lildra-950))} .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))} .product-glyph-pendra{background:linear-gradient(145deg,var(--pendra-600),var(--pendra-950))}
.brand-logo{width:42px;height:42px;display:block;border-radius:12px;box-shadow:0 10px 24px rgba(11,69,216,.22)}
.card-actions .button{white-space:nowrap}
.products-menu{position:relative} .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{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::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
img/NapperLogo128.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

img/NapperLogo16.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 828 B

img/NapperLogo180.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

img/NapperLogo192.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

img/NapperLogo32.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

img/NapperLogo48.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

img/NapperLogo512.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 298 KiB

img/NapperLogoHiRes.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

index.html
+5 -2
View File
@@ -6,6 +6,9 @@
<meta name="theme-color" content="#0b45d8"> <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."> <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="icon" type="image/png" sizes="16x16" href="/img/NapperLogo16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/NapperLogo32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/NapperLogo180.png">
<link rel="stylesheet" href="/css/napper.css"> <link rel="stylesheet" href="/css/napper.css">
</head> </head>
<body> <body>
@@ -14,7 +17,7 @@
<header class="site-header" id="top"> <header class="site-header" id="top">
<div class="container header-inner"> <div class="container header-inner">
<a class="brand" href="/" aria-label="Napper home"> <a class="brand" href="/" aria-label="Napper home">
<span class="brand-mark" aria-hidden="true">N</span> <img class="brand-logo" src="/img/NapperLogo48.png" width="42" height="42" alt="">
<span>Napper</span> <span>Napper</span>
</a> </a>
@@ -158,7 +161,7 @@
<footer class="site-footer"> <footer class="site-footer">
<div class="container footer-grid"> <div class="container footer-grid">
<div class="footer-brand"> <div class="footer-brand">
<a class="brand" href="/"><span class="brand-mark" aria-hidden="true">N</span><span>Napper</span></a> <a class="brand" href="/"><img class="brand-logo" src="/img/NapperLogo48.png" width="42" height="42" alt=""><span>Napper</span></a>
<p>Focused browser tools for better digital lessons.</p> <p>Focused browser tools for better digital lessons.</p>
</div> </div>
<div class="footer-links"> <div class="footer-links">