@janga/norna 0.7.0 → 0.7.2

package/src/styles/global.css

@@ -342,7 +342,7 @@ h1,
 h2 {
 	margin-bottom: 0;
 	color: inherit;
-	font-size: var(--section-heading-font-size-desktop, clamp(1.4rem, 3.1vw, 3.2rem));
+	font-size: var(--section-heading-font-size-desktop, clamp(1.35rem, 1.1rem + 0.9vw, 2rem));
 	font-weight: 400;
 	letter-spacing: 0;
 	line-height: var(--section-heading-line-height, 1.04);
@@ -351,7 +351,7 @@ h2 {
 }
 
 .site-section-primary h1 {
-	font-size: var(--section-heading-font-size-desktop, clamp(1.65rem, 4.6vw, 5.65rem));
+	font-size: var(--section-heading-font-size-desktop, clamp(1.6rem, 1.22rem + 1.45vw, 2.75rem));
 	font-weight: 700;
 }
 
@@ -360,13 +360,13 @@ h2 {
 	margin: 0 auto;
 	color: inherit;
 	font-family: var(--font-sans);
-	font-size: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
+	font-size: clamp(0.96rem, 0.94rem + 0.08vw, 1rem);
 }
 
 .section-markdown {
 	width: min(100%, var(--section-body-width-desktop, var(--text-width)));
 	margin: 0 auto var(--space-section-body-to-gallery);
-	font-size: var(--section-body-font-size-desktop, clamp(1rem, 0.96rem + 0.18vw, 1.125rem));
+	font-size: var(--section-body-font-size-desktop, clamp(0.96rem, 0.94rem + 0.08vw, 1rem));
 	line-height: var(--section-body-line-height, 1.78);
 	text-align: var(--section-body-align-desktop, center);
 }
@@ -402,7 +402,7 @@ h2 {
 .section-markdown h4 {
 	margin: 0 0 0.85rem;
 	color: inherit;
-	font-size: clamp(0.95rem, 0.9rem + 0.2vw, 1.08rem);
+	font-size: clamp(0.96rem, 0.94rem + 0.08vw, 1rem);
 	font-weight: 400;
 	letter-spacing: 0.02em;
 	line-height: 1.5;
@@ -784,14 +784,14 @@ h2 {
 	h2 {
 		font-size: var(
 			--section-heading-font-size-mobile,
-			var(--section-heading-font-size-desktop, clamp(1.4rem, 3.1vw, 3.2rem))
+			var(--section-heading-font-size-desktop, clamp(1.3rem, 1.05rem + 1.35vw, 1.75rem))
 		);
 	}
 
 	.site-section-primary h1 {
 		font-size: var(
 			--section-heading-font-size-mobile,
-			var(--section-heading-font-size-desktop, clamp(1.9rem, 8vw, 3.2rem))
+			var(--section-heading-font-size-desktop, clamp(1.5rem, 1.12rem + 2vw, 2.25rem))
 		);
 	}
 
@@ -804,7 +804,7 @@ h2 {
 		width: min(100%, var(--section-body-width-mobile, var(--section-body-width-desktop, var(--text-width))));
 		font-size: var(
 			--section-body-font-size-mobile,
-			var(--section-body-font-size-desktop, clamp(1rem, 0.96rem + 0.18vw, 1.125rem))
+			var(--section-body-font-size-desktop, clamp(0.96rem, 0.94rem + 0.08vw, 1rem))
 		);
 		text-align: var(--section-body-align-mobile, var(--section-body-align-desktop, left));
 	}

package/starters/basic/.github/workflows/deploy.yml

@@ -34,10 +34,10 @@ jobs:
       - name: Restore generated images
         uses: actions/cache@v4
         with:
-          path: site/.cli-gallery/public/images/generated
-          key: cli-gallery-images-${{ hashFiles('site/.cli-gallery/generated-images.json') }}
+          path: site/.norna/public/images/generated
+          key: norna-images-${{ hashFiles('site/.norna/generated-images.json') }}
           restore-keys: |
-            cli-gallery-images-
+            norna-images-
 
       - name: Install dependencies
         run: npm ci

package/starters/basic/README.md

@@ -9,11 +9,29 @@ npm install
 npm run norna:dev
 ```
 
+If the standard local port is blocked, start with:
+
+```sh
+npm run dev -- --kill
+```
+
 Edit site-wide theme defaults in `site/theme.md`, homepage content and section
 overrides in `site/content.md`, technical settings such as URL, layout, font,
 and locale labels in `site/config.mjs`, source images under
 `site/images/<section-id>/`, and static public files under `site/public/`.
 
+Use `site.basePath: '/'` for a custom domain or root-hosted site. For a GitHub
+Pages project site without a custom domain, set both values:
+
+```js
+site: {
+	url: 'https://owner.github.io/repository-name/',
+	basePath: '/repository-name/',
+}
+```
+
+In GitHub repository settings, configure Pages to build from GitHub Actions.
+
 The page width is configured with `layout.pageWidth`; gallery width is
 configured with `gallery.width`. Side margins are configured with
 `layout.gutter`; image height is limited with
@@ -49,6 +67,9 @@ Generic documentation lives in the `norna` repository:
 - `docs/getting-started.md`
 - `docs/site-structure.md`
 - `docs/content.md`
+- `docs/theme.md`
+- `docs/typography.md`
+- `docs/routes.md`
 - `docs/configuration.md`
 - `docs/commands.md`
 - `docs/images-and-metadata.md`

package/starters/basic/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "npm run norna:dev",
+    "dev": "npm run norna:dev --",
     "norna:dev": "norna dev:local",
     "norna:dev:lan": "norna dev:lan",
     "norna:dev:restart": "norna dev:restart",

package/starters/basic/site/config.mjs

@@ -1,6 +1,7 @@
 export default {
 	site: {
 		url: 'https://example.com/',
+		basePath: '/',
 	},
 	layout: {
 		pageWidth: '1180px',

package/starters/basic/site/content.md

@@ -9,12 +9,14 @@ sections:
     gallery: []
   - id: work
     gallery: []
-
 ---
+
 ## Intro {#intro}
 
-This is a minimal starter site for norna. Use
-[highlighted inline text]{.highlight} when a short phrase needs emphasis.
+This is a minimal starter site for norna. Since this site doesn't have any
+routes defined, the navigation menu will be a sticky bar with anchor links for
+ease of use on phones etc. [Highlighted inline text]{.highlight} when a short
+phrase needs emphasis
 
 ## Work {#work}
 

package/starters/basic/site/theme.md

@@ -4,6 +4,8 @@
 # Active values below are ordinary YAML; this marked comment block is only help text.
 #
 # Available structure:
+# navigation:
+#   brand: site-wide brand/home text; defaults to the homepage title
 # presentation:
 #   backgroundColor: quoted hex color, e.g. "#000000"
 #   textColor: quoted hex color, e.g. "#f7f4ee"
@@ -40,6 +42,8 @@
 #     backgroundColor: quoted hex color
 #     textColor: quoted hex color
 # norna:end theme-help
+navigation:
+  brand: Example Gallery
 presentation:
   backgroundColor: "#000000"
   textColor: "#f7f4ee"