@janga/norna 0.7.10 → 0.7.12

package/src/components/SiteNotesScript.astro

@@ -0,0 +1,43 @@
+<script>
+	const noteParts = Array.from(document.querySelectorAll<HTMLElement>('[data-note-id]'));
+	const noteReferences = noteParts.filter((part) => part.matches('.section-note-ref a'));
+	const marginNotes = noteParts.filter((part) => part.matches('.section-note'));
+
+	const setNoteState = (noteId: string, active: boolean) => {
+		noteParts
+			.filter((part) => part.dataset.noteId === noteId)
+			.forEach((part) => part.classList.toggle('is-referenced', active));
+	};
+
+	noteParts.forEach((part) => {
+		const noteId = part.dataset.noteId;
+		if (!noteId) return;
+
+		part.addEventListener('pointerenter', () => setNoteState(noteId, true));
+		part.addEventListener('pointerleave', () => setNoteState(noteId, false));
+		part.addEventListener('focusin', () => setNoteState(noteId, true));
+		part.addEventListener('focusout', () => setNoteState(noteId, false));
+	});
+
+	const alignMarginNotes = () => {
+		const wideLayout = window.matchMedia('(min-width: 1101px)').matches;
+		if (!wideLayout) {
+			marginNotes.forEach((note) => note.style.removeProperty('--section-note-offset'));
+			return;
+		}
+
+		marginNotes.forEach((note) => {
+			const noteId = note.dataset.noteId;
+			const reference = noteReferences.find((part) => part.dataset.noteId === noteId);
+			if (!noteId || !reference) return;
+
+			note.style.removeProperty('--section-note-offset');
+			const offset = reference.getBoundingClientRect().top - note.getBoundingClientRect().top;
+			note.style.setProperty('--section-note-offset', `${Math.max(0, offset)}px`);
+		});
+	};
+
+	alignMarginNotes();
+	window.addEventListener('resize', alignMarginNotes);
+	document.fonts?.ready.then(alignMarginNotes);
+</script>

package/src/components/SitePage.astro

@@ -4,6 +4,7 @@ import path from 'node:path';
 import BaseLayout from '../layouts/BaseLayout.astro';
 import SiteNavigation from './SiteNavigation.astro';
 import SiteBanners from './SiteBanners.astro';
+import SiteNotesScript from './SiteNotesScript.astro';
 import SiteSection from './SiteSection.astro';
 import { getSectionNavigation, getSectionsContent } from '../lib/sectionContent';
 import { getRouteTheme } from '../lib/routeThemes';
@@ -57,14 +58,15 @@ const logo = logoAsset
 		height: logoSettings?.height,
 	}
 	: undefined;
-const pagePresentation = resolvePagePresentation(themeData);
-const frameColors = resolveFrameColors({ theme: themeData });
+const pagePresentation = resolvePagePresentation(themeData, themeLabel);
+const frameColors = resolveFrameColors({ theme: themeData, sourceLabel: themeLabel });
 const sections = entry.data.sections;
 const siteHtml = entry.rendered?.html ?? '';
 const resolvedSections = await getSectionsContent(siteHtml, rawMarkdown, sections, currentPage);
 const today = getToday();
 const siteBanners = (sitewideData.banners ?? []).filter((banner) => isVisibleToday(banner.visible, today));
 const visibleSections = resolvedSections.filter((section) => isVisibleToday(section.visible, today));
+const hasMarginNotes = visibleSections.some((section) => section.contentBlocks.some((block) => block.type === 'note'));
 
 const getPageContent = async (page: SitePage) => {
 	if (page.pathname === currentPage.pathname) {
@@ -102,7 +104,7 @@ if (visibleSections.length === 0) {
 		pageNavigation={pageNavigation}
 		frameColors={frameColors}
 	/>
-	<SiteBanners banners={siteBanners} />
+	{siteBanners.length > 0 && <SiteBanners banners={siteBanners} />}
 
 	<main id="main-content" class="site-content">
 		{visibleSections.map((section, index) => (
@@ -116,4 +118,5 @@ if (visibleSections.length === 0) {
 			/>
 		))}
 	</main>
+	{hasMarginNotes && <SiteNotesScript />}
 </BaseLayout>

package/src/components/SiteSection.astro

@@ -3,6 +3,7 @@ import projectConfig from '../../scripts/lib/project-config.mjs';
 import { resolveSectionSurface } from '../../scripts/lib/presentation.mjs';
 import CardList from './CardList.astro';
 import GalleryGrid from './GalleryGrid.astro';
+import ImageCarousel from './ImageCarousel.astro';
 import type { ResolvedSection } from '../lib/sectionContent';
 
 type ResponsiveValue<T> = { desktop: T; mobile: T };
@@ -379,9 +380,9 @@ const sectionStyle = [
 				const block = group.block;
 				if (block.type === 'image-carousel') {
 					return (
-						<GalleryGrid
+						<ImageCarousel
 							title={section.title}
-							items={[{ carousel: block.images }]}
+							images={block.images}
 							maxAvailableWidthPercent={visualTheme.gallery.maxAvailableWidthPercent}
 							priorityFirstImage={priorityGalleryImage && groupIndex === 0}
 						/>
@@ -395,7 +396,7 @@ const sectionStyle = [
 				return (
 					<GalleryGrid
 						title={section.title}
-						items={block.images}
+						images={block.images}
 						maxAvailableWidthPercent={visualTheme.gallery.maxAvailableWidthPercent}
 						priorityFirstImage={priorityGalleryImage && groupIndex === 0}
 					/>
@@ -404,47 +405,3 @@ const sectionStyle = [
 		</div>
 	</div>
 </section>
-
-<script>
-	const noteParts = Array.from(document.querySelectorAll<HTMLElement>('[data-note-id]'));
-	const noteReferences = noteParts.filter((part) => part.matches('.section-note-ref a'));
-	const marginNotes = noteParts.filter((part) => part.matches('.section-note'));
-
-	const setNoteState = (noteId: string, active: boolean) => {
-		noteParts
-			.filter((part) => part.dataset.noteId === noteId)
-			.forEach((part) => part.classList.toggle('is-referenced', active));
-	};
-
-	noteParts.forEach((part) => {
-		const noteId = part.dataset.noteId;
-		if (!noteId) return;
-
-		part.addEventListener('pointerenter', () => setNoteState(noteId, true));
-		part.addEventListener('pointerleave', () => setNoteState(noteId, false));
-		part.addEventListener('focusin', () => setNoteState(noteId, true));
-		part.addEventListener('focusout', () => setNoteState(noteId, false));
-	});
-
-	const alignMarginNotes = () => {
-		const wideLayout = window.matchMedia('(min-width: 1101px)').matches;
-		if (!wideLayout) {
-			marginNotes.forEach((note) => note.style.removeProperty('--section-note-offset'));
-			return;
-		}
-
-		marginNotes.forEach((note) => {
-			const noteId = note.dataset.noteId;
-			const reference = noteReferences.find((part) => part.dataset.noteId === noteId);
-			if (!noteId || !reference) return;
-
-			note.style.removeProperty('--section-note-offset');
-			const offset = reference.getBoundingClientRect().top - note.getBoundingClientRect().top;
-			note.style.setProperty('--section-note-offset', `${Math.max(0, offset)}px`);
-		});
-	};
-
-	alignMarginNotes();
-	window.addEventListener('resize', alignMarginNotes);
-	document.fonts?.ready.then(alignMarginNotes);
-</script>

package/src/content.config.ts

@@ -15,6 +15,7 @@ const textSize = z.enum(['small', 'medium', 'large', 'xlarge']);
 const textWidth = z.enum(['narrow', 'normal', 'wide']);
 const headingWeight = z.union([z.literal(400), z.literal(500), z.literal(600), z.literal(700)]);
 const typographyPreset = z.enum(['quiet-gallery', 'compact-gallery', 'text-forward', 'statement']);
+const themePreset = z.enum(['portfolio', 'documentation', 'project', 'statement']);
 const presentationPalette = z.enum(['dark', 'light', 'paper']);
 const sectionSurfaceMode = z.enum(['none', 'cycle']);
 const sectionSurface = z.enum(['base', 'soft', 'emphasis']);
@@ -197,6 +198,7 @@ const siteSchema = z.object({
 });
 
 export const themeVisualSchema = z.object({
+	preset: themePreset.optional(),
 	layout: themeLayout.optional(),
 	gallery: themeGallery.optional(),
 	typography: themeTypography.optional(),

package/src/layouts/BaseLayout.astro

@@ -73,7 +73,7 @@ const {
 const documentTitle = title;
 const canonicalUrl = new URL(withBasePath(projectConfig.site.basePath, pathname), projectConfig.site.url).href;
 const iconLinks = getIconLinks();
-const scrollBehavior = projectConfig.navigation.smoothScroll.enabled ? 'smooth' : 'auto';
+const scrollBehavior = projectConfig.navigation.scrollBehavior === 'browser-smooth' ? 'smooth' : 'auto';
 const formatPercent = (value: number) => `${value}%`;
 const formatViewportHeightPercent = (value: number) => `${value}svh`;
 const layoutSpacing = visualTheme.layout.spacing;

package/src/lib/galleryImages.ts

@@ -0,0 +1,53 @@
+import { getGeneratedImage } from './generatedImages';
+
+export type GalleryImage = {
+	image: string;
+	src?: string;
+	alt?: string;
+	caption?: string;
+};
+
+type GeneratedImageWithDimensions = NonNullable<ReturnType<typeof getGeneratedImage>> & {
+	width: number;
+	height: number;
+};
+
+const hasDimensions = (image: ReturnType<typeof getGeneratedImage>): image is GeneratedImageWithDimensions => (
+	Boolean(image) && Number.isFinite(image.width) && Number.isFinite(image.height)
+);
+
+export const getCaptionId = (image: GalleryImage, itemIndex: number, imageIndex = 0) => {
+	const source = (image.src ?? image.image)
+		.toLowerCase()
+		.replace(/[^a-z0-9]+/g, '-')
+		.replace(/^-|-$/g, '');
+
+	return `gallery-caption-${source}-${itemIndex}-${imageIndex}`;
+};
+
+export const getGalleryImageSizes = (maxAvailableWidthPercent: { desktop: number; mobile: number }) => [
+	`(max-width: 700px) ${maxAvailableWidthPercent.mobile}vw`,
+	`${maxAvailableWidthPercent.desktop}vw`,
+].join(', ');
+
+export const getImageClass = (image: GalleryImage) => {
+	const generatedImage = getGeneratedImage(image.src ?? image.image);
+	return hasDimensions(generatedImage) && generatedImage.width > generatedImage.height
+		? 'gallery-image-landscape'
+		: undefined;
+};
+
+export const getImageLoadingProps = (isPriority: boolean) => ({
+	decoding: 'async' as const,
+	fetchpriority: isPriority ? 'high' as const : 'low' as const,
+	loading: isPriority ? 'eager' as const : 'lazy' as const,
+});
+
+export const getCarouselAspectRatio = (images: GalleryImage[]) => {
+	const ratios = images
+		.map((image) => getGeneratedImage(image.src ?? image.image))
+		.filter(hasDimensions)
+		.map((image) => image.width / image.height);
+
+	return ratios.length > 0 ? Math.min(...ratios) : null;
+};

package/src/styles/global.css

@@ -34,6 +34,7 @@
 	--space-content-block-gap-desktop: 1.5em;
 	--space-content-block-gap-mobile: 1.25em;
 	--space-content-block-gap: var(--space-content-block-gap-desktop);
+	--space-card-list-after: 0.5em;
 	--space-heading-to-block-desktop: 0.75em;
 	--space-heading-to-block-mobile: 0.7em;
 	--space-heading-to-block: var(--space-heading-to-block-desktop);
@@ -61,6 +62,12 @@ html {
 	background: var(--color-page);
 }
 
+@media (prefers-reduced-motion: reduce) {
+	html {
+		scroll-behavior: auto !important;
+	}
+}
+
 body {
 	min-height: 100vh;
 	min-height: 100svh;
@@ -253,6 +260,55 @@ a {
 	display: none;
 }
 
+.page-nav {
+	border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
+}
+
+.page-nav ul {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 0 clamp(1.4rem, 4vw, 3.25rem);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.page-nav li {
+	position: relative;
+}
+
+.page-nav li + li::before {
+	position: absolute;
+	top: 50%;
+	left: calc(clamp(1.4rem, 4vw, 3.25rem) / -2 - 0.1rem);
+	transform: translateY(-50%);
+	content: "·";
+	font-size: 0.75rem;
+	opacity: 0.28;
+}
+
+.page-nav a {
+	display: block;
+	padding: 1.05rem 0 0.95rem;
+	color: currentColor;
+	font-size: 0.76rem;
+	font-weight: 500;
+	letter-spacing: 0.08em;
+	line-height: 1.2;
+	opacity: 0.72;
+	text-decoration: none;
+	text-transform: uppercase;
+}
+
+.page-nav a:hover,
+.page-nav a:focus-visible {
+	opacity: 1;
+	text-decoration: underline;
+	text-decoration-thickness: 1px;
+	text-underline-offset: 0.35em;
+}
+
 .mobile-page-nav a[aria-current='true'] {
 	opacity: 1;
 	text-decoration: underline;
@@ -287,6 +343,8 @@ a {
 .site-banner {
 	display: flex;
 	align-items: flex-start;
+	width: 100%;
+	min-width: 0;
 	gap: 1rem;
 	border: 1px solid color-mix(in srgb, #ffd84d 42%, var(--color-border));
 	border-inline-start: 0.35rem solid #ffd84d;
@@ -437,6 +495,7 @@ ul {
 }
 
 .section-body {
+	display: flow-root;
 	width: 100%;
 	margin: 0 auto;
 	color: inherit;
@@ -640,11 +699,18 @@ ul {
 
 .section-body > .section-reading-layout:not(:last-child),
 .section-body > .section-markdown:not(:last-child),
-.section-body > .card-list:not(:last-child),
 .section-body > .gallery:not(:last-child) {
 	margin-bottom: var(--space-content-block-gap);
 }
 
+.section-body > .card-list:not(:last-child) {
+	margin-bottom: calc(var(--space-content-block-gap) + var(--space-card-list-after));
+}
+
+.section-body > .card-list:last-child {
+	margin-bottom: var(--space-card-list-after);
+}
+
 @media (max-width: 1100px) {
 	.section-reading-layout {
 		display: block;
@@ -1082,6 +1148,22 @@ ul {
 		flex: 0 0 auto;
 	}
 
+	.page-nav ul {
+		gap: 0 1.55rem;
+		padding: 0 1rem;
+		text-align: center;
+	}
+
+	.page-nav li + li::before {
+		left: -0.95rem;
+	}
+
+	.page-nav a {
+		padding: 0.95rem 0 0.85rem;
+		font-size: 0.72rem;
+		white-space: nowrap;
+	}
+
 	.mobile-nav-menu summary {
 		display: flex;
 		align-items: center;

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

@@ -2,8 +2,6 @@ name: Deploy to GitHub Pages
 
 on:
   push:
-    branches:
-      - main
   workflow_dispatch:
 
 permissions:
@@ -17,6 +15,7 @@ concurrency:
 
 jobs:
   build:
+    if: github.ref_name == github.event.repository.default_branch
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

package/starters/basic/README.md

@@ -18,21 +18,23 @@ npm run dev -- --kill
 Edit shared brand, logo, banners and footer in `site/sitewide-content.md`,
 site-wide visual defaults in `site/theme.md`, homepage content and section
 metadata in `site/content.md`, and technical settings such as URL and locale
-labels in `site/config.mjs`. Keep source images under `site/images/<section-id>/`
+in `site/config.md`. Keep source images under `site/images/<section-id>/`
 and static public files under `site/public/`. The image folder name should
 match the section id in Markdown, for example `## Work {#work}` uses
 `site/images/work/`.
 
-Use `site.basePath: '/'` for a custom domain or root-hosted site. For a GitHub
-Pages project site without a custom domain, set both values:
+For a GitHub Pages project site without a custom domain, include the repository
+path in the public URL:
 
-```js
-site: {
-	url: 'https://owner.github.io/repository-name/',
-	basePath: '/repository-name/',
-}
+```yaml
+---
+url: https://owner.github.io/repository-name/
+---
 ```
 
+Norna derives `/repository-name/` as the base path. Use a root URL such as
+`https://example.com/` for a custom domain or root-hosted site.
+
 In GitHub repository settings, configure Pages to build from GitHub Actions.
 
 Page width, side gutters, layout density, typography rhythm, image width, image

package/starters/basic/package.json

@@ -14,6 +14,7 @@
     "norna:config:check": "norna config:check",
     "norna:content:check": "norna content:check",
     "norna:sync": "norna content:sync",
+    "norna:theme:export": "norna theme:export",
     "norna:typography:presets": "norna typography presets",
     "norna:typography:show": "norna typography show",
     "norna:public": "norna site:public",

package/starters/basic/site/config.md

@@ -0,0 +1,3 @@
+---
+url: https://example.com/
+---

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

@@ -2,8 +2,6 @@ name: Deploy to GitHub Pages
 
 on:
   push:
-    branches:
-      - main
   workflow_dispatch:
 
 permissions:
@@ -17,6 +15,7 @@ concurrency:
 
 jobs:
   build:
+    if: github.ref_name == github.event.repository.default_branch
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

package/starters/project/README.md

@@ -18,8 +18,7 @@ npm run dev -- --kill
 
 ## Files
 
-- `site/config.mjs`: technical settings such as URL, language labels, GitHub
-  repository, and deploy workflow.
+- `site/config.md`: public URL and optional language and smooth scrolling.
 - `site/sitewide-content.md`: shared brand or logo, banners and footer content.
 - `site/theme.md`: site-wide visual settings such as layout density, typography
   rhythm, palettes, section surfaces, and typography.
@@ -45,8 +44,8 @@ GitHub Pages workflow uses `npm ci`.
    surfaces, and typography.
 5. Put any local source images in the image folder for the Markdown section
    that references them, for example `site/images/intro/`.
-6. Edit `site/config.mjs` for public URL, GitHub repository and deploy workflow
-   name.
+6. Edit `site/config.md` for the public URL and, when needed, language or smooth
+   scrolling. Deploy commands discover the GitHub repository and default branch.
 7. Update `package.json` with the site's package name and keep
    `package-lock.json` committed.
 

package/starters/project/package.json

@@ -14,6 +14,7 @@
     "norna:config:check": "norna config:check",
     "norna:content:check": "norna content:check",
     "norna:sync": "norna content:sync",
+    "norna:theme:export": "norna theme:export",
     "norna:typography:presets": "norna typography presets",
     "norna:typography:show": "norna typography show",
     "norna:public": "norna site:public",

package/starters/project/site/config.md

@@ -0,0 +1,3 @@
+---
+url: https://example.com/
+---

package/examples/001-dog-shelter-single-page/README.md

@@ -1,9 +0,0 @@
-# Dog Shelter single-page example
-
-A small Norna site with two homepage sections and no routes.
-
-Run it from the Norna repository root:
-
-```sh
-node bin/norna.mjs --site-dir examples/001-dog-shelter-single-page/site dev:local
-```

package/examples/001-dog-shelter-single-page/site/config.mjs

@@ -1,27 +0,0 @@
-export default {
-	site: {
-		url: 'http://localhost:4321/',
-		basePath: '/',
-	},
-	navigation: {
-		smoothScroll: {
-			enabled: true,
-			minimumDurationMs: 600,
-			maximumDurationMs: 1_200,
-			durationPerPixelMs: 0.2,
-		},
-	},
-	locale: {
-		lang: 'en',
-		labels: {
-			skipToContent: 'Skip to content',
-			sectionNavigation: 'Sections',
-			gallery: 'Images',
-		},
-	},
-	github: {
-		repo: 'owner/dog-shelter',
-		branch: 'main',
-		pagesWorkflow: 'Deploy to GitHub Pages',
-	},
-};

package/examples/001-dog-shelter-single-page/site/content.md

@@ -1,38 +0,0 @@
----
-title: Home
-description: A single-page dog shelter website built with Norna.
----
-
-## What we do {#what-we-do}
-
-We rescue and rehome dogs.
-
-<!-- norna-image-provenance:
-image: dog-house.svg
-source: AI-assisted, hand-authored SVG
-prompt: Draw a simple flat vector dog house with a friendly dog at the entrance,
-using a small paper, red and dark-brown palette. No text and no external assets.
--->
-
-```norna-image-stack
-- image: dog-house.svg
-  alt: A brown dog standing at the entrance to a red dog house.
-  caption: Time to recover before adoption.
-```
-
-## You can help {#you-can-help}
-
-Adopt. Foster. Donate.
-
-<!-- norna-image-provenance:
-image: heart.svg
-source: AI-assisted, hand-authored SVG
-prompt: Draw two simple hands holding a red heart as a flat vector illustration,
-using a small paper, red and dark-brown palette. No text or external assets.
--->
-
-```norna-image-stack
-- image: heart.svg
-  alt: Two open hands holding a red heart.
-  caption: Foster care helps another dog.
-```

package/examples/001-dog-shelter-single-page/site/images/what-we-do/dog-house.svg

@@ -1,25 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 520" role="img" aria-labelledby="title desc">
-  <title id="title">Dog at a shelter house</title>
-  <desc id="desc">A friendly brown dog stands at the entrance to a red wooden dog house.</desc>
-  <rect width="800" height="520" rx="32" fill="#eef3ef"/>
-  <path d="M0 405 Q180 365 380 405 T800 390 V520 H0Z" fill="#cad8bd"/>
-  <g stroke="#493c2b" stroke-width="8" stroke-linejoin="round">
-    <path d="M190 247 L400 82 L610 247" fill="#9f493a"/>
-    <path d="M236 222 H564 V432 H236Z" fill="#c8674f"/>
-    <path d="M327 432 V300 Q327 234 400 234 Q473 234 473 300 V432Z" fill="#332d29"/>
-    <path d="M213 244 L400 94 L587 244" fill="none" stroke="#7f3f32" stroke-width="24" stroke-linecap="round"/>
-  </g>
-  <g transform="translate(310 250)" stroke="#493c2b" stroke-width="6" stroke-linejoin="round">
-    <path d="M40 119 C47 80 93 64 142 76 C181 86 196 119 184 158 H58 C42 151 34 135 40 119Z" fill="#b8794d"/>
-    <path d="M62 94 C45 61 58 23 96 13 C133 3 169 27 168 64 C167 93 145 108 112 109 H76Z" fill="#b8794d"/>
-    <path d="M76 32 L53 3 L98 17" fill="#8c573a"/>
-    <path d="M143 25 L171 3 L164 46" fill="#8c573a"/>
-    <circle cx="92" cy="53" r="6" fill="#272522" stroke="none"/>
-    <circle cx="140" cy="53" r="6" fill="#272522" stroke="none"/>
-    <ellipse cx="116" cy="76" rx="25" ry="19" fill="#dca477"/>
-    <circle cx="116" cy="70" r="7" fill="#272522" stroke="none"/>
-    <path d="M105 84 Q116 96 129 84" fill="none" stroke-linecap="round"/>
-    <path d="M59 154 V188 M94 154 V188 M145 154 V188" fill="none" stroke-linecap="round"/>
-    <path d="M177 105 Q220 80 211 39" fill="none" stroke-linecap="round"/>
-  </g>
-</svg>

package/examples/001-dog-shelter-single-page/site/images/you-can-help/heart.svg

@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 520" role="img" aria-labelledby="title desc">
-  <title id="title">Hands holding a heart</title>
-  <desc id="desc">Two open hands support a large red heart.</desc>
-  <rect width="800" height="520" rx="32" fill="#f3eee5"/>
-  <circle cx="400" cy="250" r="176" fill="#e5dccd"/>
-  <path d="M400 354 C368 316 263 252 263 166 C263 108 309 79 354 92 C379 99 394 116 400 135 C406 116 421 99 446 92 C491 79 537 108 537 166 C537 252 432 316 400 354Z" fill="#b84f45" stroke="#493c2b" stroke-width="8" stroke-linejoin="round"/>
-  <g fill="#d5a071" stroke="#493c2b" stroke-width="7" stroke-linecap="round" stroke-linejoin="round">
-    <path d="M74 368 C144 330 211 328 291 365 L363 407 C382 420 373 451 350 450 L268 426 C228 414 191 421 154 451 L92 502 L30 429Z"/>
-    <path d="M726 368 C656 330 589 328 509 365 L437 407 C418 420 427 451 450 450 L532 426 C572 414 609 421 646 451 L708 502 L770 429Z"/>
-    <path d="M290 365 L350 349 C369 344 383 360 376 378 L363 407"/>
-    <path d="M510 365 L450 349 C431 344 417 360 424 378 L437 407"/>
-  </g>
-</svg>

package/examples/001-dog-shelter-single-page/site/sitewide-content.md

@@ -1,6 +0,0 @@
----
-navigation:
-  brand: Dog Shelter
-footer:
-  copyrightMessage: Dog Shelter example site.
----

package/examples/001-dog-shelter-single-page/site/theme.md

@@ -1,25 +0,0 @@
----
-layout:
-  density: normal
-  pageWidth: 1180px
-  gutter:
-    desktop: clamp(1.25rem, 4vw, 3rem)
-    mobile: 1rem
-gallery:
-  width: 760px
-  maxAvailableWidthPercent:
-    desktop: 100
-    mobile: 100
-  maxAvailableHeightPercent:
-    desktop: 72
-    mobile: 68
-typography:
-  fontFamily: "Arial, 'Helvetica Neue', Helvetica, sans-serif"
-  preset: text-forward
-  rhythm: normal
-presentation:
-  palette: paper
-  sectionSurfaces:
-    mode: cycle
-    sequence: [base, soft]
----

package/examples/002-dog-shelter-multi-page/README.md

@@ -1,9 +0,0 @@
-# Dog Shelter multi-page example
-
-A small Norna site with a homepage and ordered routes for dogs and adoption.
-
-Run it from the Norna repository root:
-
-```sh
-node bin/norna.mjs --site-dir examples/002-dog-shelter-multi-page/site dev:local
-```