Add Napper logo and favicon family
@@ -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.
|
||||
|
||||
## 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 -->
|
||||
|
||||
@@ -8,6 +8,8 @@
|
||||
|
||||
.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))}
|
||||
.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-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}
|
||||
|
||||
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 828 B |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 298 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
@@ -6,6 +6,9 @@
|
||||
<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="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">
|
||||
</head>
|
||||
<body>
|
||||
@@ -14,7 +17,7 @@
|
||||
<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>
|
||||
<img class="brand-logo" src="/img/NapperLogo48.png" width="42" height="42" alt="">
|
||||
<span>Napper</span>
|
||||
</a>
|
||||
|
||||
@@ -158,7 +161,7 @@
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
|
||||