Skip to content

Commit 203eedc

Browse files
LeftiumLeftium
committed
feat: add logo to h1 headers and capitalize Nimble.css in titles/footers
1 parent 3838113 commit 203eedc

4 files changed

Lines changed: 20 additions & 20 deletions

File tree

‎site/demo/extended.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>nimble.css — Extended Demo</title>
6+
<title>Nimble.css — Extended Demo</title>
77
<meta name="theme-color" content="#0029c1">
88
<link rel="icon" href="../static/favicon.ico" sizes="32x32">
99
<link rel="icon" href="../static/icon.svg" type="image/svg+xml">
@@ -41,7 +41,7 @@
4141
</head>
4242
<body>
4343
<header>
44-
<h1>nimble.css — Extended Demo</h1>
44+
<h1 style="display:inline-flex;align-items:end;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css — Extended Demo</h1>
4545
<p>Showcasing layout modes, utility classes, button variants, form patterns, surface hierarchy, dark mode toggling, and <a href="#no-nimble"><code>.no-nimble</code> component isolation</a>. See also: <a href="index.html">HTML5 Test Page</a>.</p>
4646
<nav>
4747
<button id="theme-toggle" type="button">Toggle Dark Mode</button>
@@ -369,11 +369,11 @@ <h4>Blockquote</h4>
369369
<footer class="bleed-edge">
370370
<nav class="grid">
371371
<div>
372-
<strong>nimble.css</strong>
373-
<ul>
374-
<li><a href="../">Home</a></li>
375-
<li><a href="./">HTML5 Test Page</a></li>
376-
<li><a href="extended.html">Extended Demo</a></li>
372+
<strong>Nimble.css</strong>
373+
<ul>
374+
<li><a href="../">Home</a></li>
375+
<li><a href="./">HTML5 Test Page</a></li>
376+
<li><a href="extended.html">Extended Demo</a></li>
377377
<li><a href="pico.html">Pico-style Demo</a></li>
378378
</ul>
379379
</div>

‎site/demo/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>nimble.css — HTML5 Test Page</title>
6+
<title>Nimble.css — HTML5 Test Page</title>
77
<meta name="theme-color" content="#0029c1">
88
<link rel="icon" href="../static/favicon.ico" sizes="32x32">
99
<link rel="icon" href="../static/icon.svg" type="image/svg+xml">
@@ -13,7 +13,7 @@
1313
</head>
1414
<body id="top">
1515
<header>
16-
<h1>nimble.css — HTML5 Test Page</h1>
16+
<h1 style="display:inline-flex;align-items:end;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css — HTML5 Test Page</h1>
1717
<p>Based on <a href="https://cbracco.github.io/html5-test-page/">html5-test-page</a>. All standard HTML elements for visual regression testing.</p>
1818
</header>
1919
<nav>
@@ -513,7 +513,7 @@ <h4><code>&lt;figure&gt;</code> element with a <code>&lt;picture&gt;</code> elem
513513
<footer class="bleed-edge">
514514
<nav class="grid">
515515
<div>
516-
<strong>nimble.css</strong>
516+
<strong>Nimble.css</strong>
517517
<ul>
518518
<li><a href="../">Home</a></li>
519519
<li><a href="./">HTML5 Test Page</a></li>

‎site/demo/pico.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>nimble.css — Pico-style Demo</title>
6+
<title>Nimble.css — Pico-style Demo</title>
77
<meta name="description" content="A pure HTML example styled with nimble.css, inspired by the Pico CSS demo.">
88
<meta name="theme-color" content="#0029c1">
99
<link rel="icon" href="../static/favicon.ico" sizes="32x32">
@@ -140,7 +140,7 @@
140140
<!-- Header -->
141141
<header>
142142
<hgroup>
143-
<h1>nimble.css</h1>
143+
<h1 style="display:inline-flex;align-items:end;gap:0.3em"><img src="../static/logo.svg" alt="" style="height:1em">Nimble.css</h1>
144144
<p>A pure HTML example, without dependencies. Inspired by the <a href="https://4mrnhq.csb.app/">Pico CSS</a> demo.</p>
145145
</hgroup>
146146
<nav>
@@ -557,11 +557,11 @@ <h2>Loading</h2>
557557
<footer class="bleed-edge">
558558
<nav class="grid">
559559
<div>
560-
<strong>nimble.css</strong>
561-
<ul>
562-
<li><a href="../">Home</a></li>
563-
<li><a href="./">HTML5 Test Page</a></li>
564-
<li><a href="extended.html">Extended Demo</a></li>
560+
<strong>Nimble.css</strong>
561+
<ul>
562+
<li><a href="../">Home</a></li>
563+
<li><a href="./">HTML5 Test Page</a></li>
564+
<li><a href="extended.html">Extended Demo</a></li>
565565
<li><a href="pico.html">Pico-style Demo</a></li>
566566
</ul>
567567
</div>

‎site/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>nimble.css — Classless CSS in ~3.4 KB</title>
6+
<title>Nimble.css — Classless CSS in ~3.4 KB</title>
77
<meta name="description" content="Minimal CSS library for great-looking default HTML styles; no classes required. ~3.4 KB brotli (core).">
88
<meta name="theme-color" content="#0029c1">
99
<link rel="icon" href="static/favicon.ico" sizes="32x32">
@@ -14,7 +14,7 @@
1414
</head>
1515
<body>
1616
<header>
17-
<h1>nimble.css</h1>
17+
<h1 style="display:inline-flex;align-items:end;gap:0.3em"><img src="static/logo.svg" alt="" style="height:1em">Nimble.css</h1>
1818
<p>Minimal CSS library for great-looking default HTML styles; no classes required. <strong>~3.4 KB brotli (core).</strong></p>
1919
</header>
2020
<main>
@@ -96,7 +96,7 @@ <h2>Customization</h2>
9696
<footer class="bleed-edge">
9797
<nav class="grid">
9898
<div>
99-
<strong>nimble.css</strong>
99+
<strong>Nimble.css</strong>
100100
<ul>
101101
<li><a href="./">Home</a></li>
102102
<li><a href="demo/">HTML5 Test Page</a></li>

0 commit comments

Comments
 (0)