@morphemecms/cms 0.1.0 → 0.2.0-next-20261104150211

package/demo/README.md

@@ -1,26 +1,26 @@
-# Morphemes demo
-
-Et opdigtet site om Morpheme selv, på amerikansk engelsk (`locale: 'en-US'`), som temaernes billeder tages af
-(`scripts/theme-screenshots.mjs`), så et tema aldrig vises med et rigtigt sites indhold. Det er starteren (`starter/`)
-med denne mappe lagt ovenpå (`scripts/demo-site.mjs`), så her står kun det, der er anderledes: sider og blogindlæg
-(`src/content/`, starterens egne sider kommer ikke med), de datafiler, demoen ændrer (`src/data/`), `src/site/config.ts`
-og `colors.ts`, og logoet, ikonerne og billederne (`public/`). Kontaktoplysningerne er opdigtede, og udtalelserne på
-*Blocks* er mærket som eksempler.
-
-`npx morpheme check:demo` bygger demoen med standardtemaet og tjekker den. Se *Temaer › Demoen* i `docs/editor.md`.
-
-## Billeder
-
-Billederne `editor-*.webp` i `public/images/uploads/2026/10/` er skærmbilleder af editoren med demoens eget indhold, sat
-på en baggrund i demoens farver. Fotografierne er fra [Unsplash](https://unsplash.com) under
-[Unsplash-licensen](https://unsplash.com/license), gjort mindre og gemt som WebP:
-
-| Fil | Billedet hos Unsplash |
-| --- | --- |
-| `saturn.webp` | https://images.unsplash.com/photo-1614732414444-096e5f1122d5 |
-| `earth-from-space.webp` | https://images.unsplash.com/photo-1446776811953-b23d57bd21aa |
-| `moon.webp` | https://images.unsplash.com/photo-1446941611757-91d2c3bd3d45 |
-| `andromeda.webp` | https://images.unsplash.com/photo-1543722530-d2c3201371e7 |
-
-Logoet (`public/logo.svg`, og `public/favicon.svg` med ikonerne, `npx morpheme editor-icons` skrev dem) er tegnet til
-demoen. Farverne er Material 3's skema af en rolig blå, `#425E92` (*tonal spot*).
+# Morphemes demo
+
+Et opdigtet site om Morpheme selv, på amerikansk engelsk (`locale: 'en-US'`), som temaernes billeder tages af
+(`scripts/theme-screenshots.mjs`), så et tema aldrig vises med et rigtigt sites indhold. Det er starteren (`starter/`)
+med denne mappe lagt ovenpå (`scripts/demo-site.mjs`), så her står kun det, der er anderledes: sider og blogindlæg
+(`src/content/`, starterens egne sider kommer ikke med), de datafiler, demoen ændrer (`src/data/`), `src/site/config.ts`
+og `colors.ts`, og logoet, ikonerne og billederne (`public/`). Kontaktoplysningerne er opdigtede, og udtalelserne på
+*Blocks* er mærket som eksempler.
+
+`npx morpheme check:demo` bygger demoen med standardtemaet og tjekker den. Se *Temaer › Demoen* i `docs/editor.md`.
+
+## Billeder
+
+Billederne `editor-*.webp` i `public/images/uploads/2026/10/` er skærmbilleder af editoren med demoens eget indhold, sat
+på en baggrund i demoens farver. Fotografierne er fra [Unsplash](https://unsplash.com) under
+[Unsplash-licensen](https://unsplash.com/license), gjort mindre og gemt som WebP:
+
+| Fil | Billedet hos Unsplash |
+| --- | --- |
+| `saturn.webp` | https://images.unsplash.com/photo-1614732414444-096e5f1122d5 |
+| `earth-from-space.webp` | https://images.unsplash.com/photo-1446776811953-b23d57bd21aa |
+| `moon.webp` | https://images.unsplash.com/photo-1446941611757-91d2c3bd3d45 |
+| `andromeda.webp` | https://images.unsplash.com/photo-1543722530-d2c3201371e7 |
+
+Logoet (`public/logo.svg`, og `public/favicon.svg` med ikonerne, `npx morpheme editor-icons` skrev dem) er tegnet til
+demoen. Farverne er Material 3's skema af en rolig blå, `#425E92` (*tonal spot*).

package/demo/src/content/blog/build-a-page-from-blocks.md

@@ -1,19 +1,19 @@
----
-title: "Build a page from blocks"
-date: 2026-10-22
-description: "Text gets you far. Blocks take you the rest of the way, and they always match your theme."
-categories: ["design", "editing"]
-image: "/images/uploads/2026/10/editor-page.webp"
-imageAlt: "A page open for editing in the Morpheme editor"
-seoTitle: "Build a page from blocks | Morpheme"
----
-
-A page in Morpheme is ordinary text with headings, links and photos. When text isn’t enough, add a block.
-
-<div data-block="steps" data-props="{&quot;heading&quot;:&quot;Add a block in seconds&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Tap +&quot;,&quot;text&quot;:&quot;Tap + in the text, right where the block should go.&quot;},{&quot;title&quot;:&quot;Pick one&quot;,&quot;text&quot;:&quot;Cards, Steps, Questions and answers and more.&quot;},{&quot;title&quot;:&quot;Fill it in&quot;,&quot;text&quot;:&quot;The preview updates as you type.&quot;}]}"></div>
-
-## One block, every theme
-
-A block’s fields and rules belong to the editor, but its look belongs to your theme. Switch themes and every block takes on the new look automatically.
-
-See them all on the [Blocks](/blocks/) page.
+---
+title: "Build a page from blocks"
+date: 2026-10-22
+description: "Text gets you far. Blocks take you the rest of the way, and they always match your theme."
+categories: ["design", "editing"]
+image: "/images/uploads/2026/10/editor-page.webp"
+imageAlt: "A page open for editing in the Morpheme editor"
+seoTitle: "Build a page from blocks | Morpheme"
+---
+
+A page in Morpheme is ordinary text with headings, links and photos. When text isn’t enough, add a block.
+
+<div data-block="steps" data-props="{&quot;heading&quot;:&quot;Add a block in seconds&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Tap +&quot;,&quot;text&quot;:&quot;Tap + in the text, right where the block should go.&quot;},{&quot;title&quot;:&quot;Pick one&quot;,&quot;text&quot;:&quot;Cards, Steps, Questions and answers and more.&quot;},{&quot;title&quot;:&quot;Fill it in&quot;,&quot;text&quot;:&quot;The preview updates as you type.&quot;}]}"></div>
+
+## One block, every theme
+
+A block’s fields and rules belong to the editor, but its look belongs to your theme. Switch themes and every block takes on the new look automatically.
+
+See them all on the [Blocks](/blocks/) page.

package/demo/src/content/blog/colors-everyone-can-read.md

@@ -1,19 +1,19 @@
----
-title: "Colors everyone can read"
-date: 2026-10-09
-description: "Pick one color and the editor builds a full palette for light and dark mode, then checks that every word stays readable."
-categories: ["design"]
-image: "/images/uploads/2026/10/editor-colors.webp"
-imageAlt: "The color settings in the Morpheme editor"
-seoTitle: "Colors everyone can read | Morpheme"
----
-
-Under Appearance › Colors you set your site’s colors. Choose each one yourself, or pick a single color and let the editor do the rest.
-
-## One color, a whole palette
-
-The editor builds your palette the way Material 3 does: background, surfaces, text, an accent and two supporting colors, each with a light and a dark version. Your site switches to dark mode automatically when your visitor’s phone does.
-
-<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;Readable, guaranteed&quot;,&quot;items&quot;:[&quot;Text on the background and on cards&quot;,&quot;Links and buttons in your accent color&quot;,&quot;Labels on every button&quot;]}"></div>
-
-Before it saves, the editor checks the contrast against WCAG AA. If a color is too faint, it’s marked in red, and you can raise the contrast with one setting.
+---
+title: "Colors everyone can read"
+date: 2026-10-09
+description: "Pick one color and the editor builds a full palette for light and dark mode, then checks that every word stays readable."
+categories: ["design"]
+image: "/images/uploads/2026/10/editor-colors.webp"
+imageAlt: "The color settings in the Morpheme editor"
+seoTitle: "Colors everyone can read | Morpheme"
+---
+
+Under Appearance › Colors you set your site’s colors. Choose each one yourself, or pick a single color and let the editor do the rest.
+
+## One color, a whole palette
+
+The editor builds your palette the way Material 3 does: background, surfaces, text, an accent and two supporting colors, each with a light and a dark version. Your site switches to dark mode automatically when your visitor’s phone does.
+
+<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;Readable, guaranteed&quot;,&quot;items&quot;:[&quot;Text on the background and on cards&quot;,&quot;Links and buttons in your accent color&quot;,&quot;Labels on every button&quot;]}"></div>
+
+Before it saves, the editor checks the contrast against WCAG AA. If a color is too faint, it’s marked in red, and you can raise the contrast with one setting.

package/demo/src/content/blog/edit-your-website-from-your-phone.md

@@ -1,21 +1,21 @@
----
-title: "Edit your website from your phone"
-date: 2026-10-27
-description: "Most website changes are small and urgent. Morpheme lets you make them from wherever you are."
-categories: ["editing"]
-image: "/images/uploads/2026/10/editor-pages.webp"
-imageAlt: "The list of pages in the Morpheme editor on a phone"
-seoTitle: "Edit your website from your phone | Morpheme"
----
-
-Most website changes are small and urgent: new opening hours, a photo from this morning, a typo someone just spotted. You shouldn’t have to wait until you’re back at a desk to fix them.
-
-## An app on your home screen
-
-The editor lives at /editor/ on your site. Open it on your phone, add it to your home screen, and it opens full screen with its own icon, just like an app.
-
-<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;Designed for small screens&quot;,&quot;items&quot;:[&quot;Lists you can search, sort and filter&quot;,&quot;Sheets that slide up when you pick something&quot;,&quot;Photos straight from your camera&quot;,&quot;A notification when your change is live&quot;]}"></div>
-
-## Just as good on a laptop
-
-On a bigger screen, your list and your page sit side by side, and the preview shows your page as it looks on a phone or a computer.
+---
+title: "Edit your website from your phone"
+date: 2026-10-27
+description: "Most website changes are small and urgent. Morpheme lets you make them from wherever you are."
+categories: ["editing"]
+image: "/images/uploads/2026/10/editor-pages.webp"
+imageAlt: "The list of pages in the Morpheme editor on a phone"
+seoTitle: "Edit your website from your phone | Morpheme"
+---
+
+Most website changes are small and urgent: new opening hours, a photo from this morning, a typo someone just spotted. You shouldn’t have to wait until you’re back at a desk to fix them.
+
+## An app on your home screen
+
+The editor lives at /editor/ on your site. Open it on your phone, add it to your home screen, and it opens full screen with its own icon, just like an app.
+
+<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;Designed for small screens&quot;,&quot;items&quot;:[&quot;Lists you can search, sort and filter&quot;,&quot;Sheets that slide up when you pick something&quot;,&quot;Photos straight from your camera&quot;,&quot;A notification when your change is live&quot;]}"></div>
+
+## Just as good on a laptop
+
+On a bigger screen, your list and your page sit side by side, and the preview shows your page as it looks on a phone or a computer.

package/demo/src/content/blog/every-save-is-a-version.md

@@ -1,21 +1,21 @@
----
-title: "Every save is a version"
-date: 2026-09-18
-description: "Your content lives as files on GitHub. Every save is a version you can go back to."
-categories: ["security"]
-image: "/images/uploads/2026/10/editor-home.webp"
-imageAlt: "The home page open in the Morpheme editor"
-seoTitle: "Every save is a version | Morpheme"
----
-
-There’s no database behind your site. Your pages, posts and settings are files in your own GitHub repository.
-
-## What happens when you tap Save
-
-Your change becomes one commit, with a message describing what you did. Cloudflare rebuilds your site, and you’re notified when it’s live.
-
-## Going back is one tap
-
-Every save is listed under Earlier versions, and you can restore your site exactly as it was. Deleted photos and files can be restored from Deleted files.
-
-<div data-block="notice" data-props="{&quot;text&quot;:&quot;The editor talks to GitHub through your site’s own server, so your sign-in is never stored in the browser.&quot;}"></div>
+---
+title: "Every save is a version"
+date: 2026-09-18
+description: "Your content lives as files on GitHub. Every save is a version you can go back to."
+categories: ["security"]
+image: "/images/uploads/2026/10/editor-home.webp"
+imageAlt: "The home page open in the Morpheme editor"
+seoTitle: "Every save is a version | Morpheme"
+---
+
+There’s no database behind your site. Your pages, posts and settings are files in your own GitHub repository.
+
+## What happens when you tap Save
+
+Your change becomes one commit, with a message describing what you did. Cloudflare rebuilds your site, and you’re notified when it’s live.
+
+## Going back is one tap
+
+Every save is listed under Earlier versions, and you can restore your site exactly as it was. Deleted photos and files can be restored from Deleted files.
+
+<div data-block="notice" data-props="{&quot;text&quot;:&quot;The editor talks to GitHub through your site’s own server, so your sign-in is never stored in the browser.&quot;}"></div>

package/demo/src/content/blog/schedule-a-post.md

@@ -1,17 +1,17 @@
----
-title: "Write now, publish later"
-date: 2026-10-02
-description: "Schedule a post for the moment it matters, and your site publishes it on its own."
-categories: ["editing"]
-image: "/images/uploads/2026/10/editor-blog.webp"
-imageAlt: "The list of blog posts in the Morpheme editor"
-seoTitle: "Write now, publish later | Morpheme"
----
-
-Every post and page has a status at the top of the editor.
-
-<div data-block="points" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;info&quot;,&quot;title&quot;:&quot;Draft&quot;,&quot;text&quot;:&quot;Only visible in the editor.&quot;},{&quot;icon&quot;:&quot;door-open&quot;,&quot;title&quot;:&quot;Hidden&quot;,&quot;text&quot;:&quot;Opens at its address, but stays off Google.&quot;},{&quot;icon&quot;:&quot;certificate&quot;,&quot;title&quot;:&quot;Published&quot;,&quot;text&quot;:&quot;Live on your site.&quot;},{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Scheduled&quot;,&quot;text&quot;:&quot;Goes live on its own at the time you choose.&quot;}]}"></div>
-
-## It happens without you
-
-When the time comes, your site rebuilds and the post appears on your blog and in every list of recent posts. You can be asleep, on vacation or in a meeting.
+---
+title: "Write now, publish later"
+date: 2026-10-02
+description: "Schedule a post for the moment it matters, and your site publishes it on its own."
+categories: ["editing"]
+image: "/images/uploads/2026/10/editor-blog.webp"
+imageAlt: "The list of blog posts in the Morpheme editor"
+seoTitle: "Write now, publish later | Morpheme"
+---
+
+Every post and page has a status at the top of the editor.
+
+<div data-block="points" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;info&quot;,&quot;title&quot;:&quot;Draft&quot;,&quot;text&quot;:&quot;Only visible in the editor.&quot;},{&quot;icon&quot;:&quot;door-open&quot;,&quot;title&quot;:&quot;Hidden&quot;,&quot;text&quot;:&quot;Opens at its address, but stays off Google.&quot;},{&quot;icon&quot;:&quot;certificate&quot;,&quot;title&quot;:&quot;Published&quot;,&quot;text&quot;:&quot;Live on your site.&quot;},{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Scheduled&quot;,&quot;text&quot;:&quot;Goes live on its own at the time you choose.&quot;}]}"></div>
+
+## It happens without you
+
+When the time comes, your site rebuilds and the post appears on your blog and in every list of recent posts. You can be asleep, on vacation or in a meeting.

package/demo/src/content/blog/secure-from-day-one.md

@@ -1,17 +1,17 @@
----
-title: "Secure from day one"
-date: 2026-09-10
-description: "Security isn’t a setting you have to remember. It’s how every Morpheme site is built."
-categories: ["security"]
-image: "/images/uploads/2026/10/earth-from-space.webp"
-imageAlt: "The Earth seen from space"
-seoTitle: "Secure from day one | Morpheme"
----
-
-Security isn’t something you have to remember to switch on. It’s how your site is built.
-
-<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;On every site&quot;,&quot;items&quot;:[&quot;A Content Security Policy on every page: only the page’s own scripts run&quot;,&quot;Apps can only load from the addresses they declare&quot;,&quot;The cookie banner asks before any analytics or ad cookies are set&quot;,&quot;Your privacy policy’s cookie list keeps itself up to date&quot;,&quot;Your sign-in is a cookie only your site’s server can read&quot;]}"></div>
-
-## Fast because it’s finished
-
-Pages are built before anyone asks for them, and Cloudflare serves them from near each visitor. There’s nothing to compute when a page opens, and nothing to attack.
+---
+title: "Secure from day one"
+date: 2026-09-10
+description: "Security isn’t a setting you have to remember. It’s how every Morpheme site is built."
+categories: ["security"]
+image: "/images/uploads/2026/10/earth-from-space.webp"
+imageAlt: "The Earth seen from space"
+seoTitle: "Secure from day one | Morpheme"
+---
+
+Security isn’t something you have to remember to switch on. It’s how your site is built.
+
+<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;On every site&quot;,&quot;items&quot;:[&quot;A Content Security Policy on every page: only the page’s own scripts run&quot;,&quot;Apps can only load from the addresses they declare&quot;,&quot;The cookie banner asks before any analytics or ad cookies are set&quot;,&quot;Your privacy policy’s cookie list keeps itself up to date&quot;,&quot;Your sign-in is a cookie only your site’s server can read&quot;]}"></div>
+
+## Fast because it’s finished
+
+Pages are built before anyone asks for them, and Cloudflare serves them from near each visitor. There’s nothing to compute when a page opens, and nothing to attack.

package/demo/src/content/blog/seo-without-the-guesswork.md

@@ -1,23 +1,23 @@
----
-title: "SEO without the guesswork"
-date: 2026-09-25
-description: "An SEO score on every page, automatic internal links and redirects that never pile up."
-categories: ["seo"]
-image: "/images/uploads/2026/10/editor-seo.webp"
-imageAlt: "The search engine settings in the Morpheme editor"
-seoTitle: "SEO without the guesswork | Morpheme"
----
-
-A great page is only great if people can find it. The editor helps while you write.
-
-## A score on every page
-
-Each page and post has an SEO score: is the title the right length, does the heading use your keyword, does every photo have a description?
-
-## Internal links, automatically
-
-Give a page a keyword, and that word becomes a link to the page wherever it appears across your site. You decide how many links a page can have.
-
-## Redirects that stay tidy
-
-When a page moves, its old address sends visitors to the new one, and the editor tells you where. Redirects always point straight to the final page, so they never form a chain.
+---
+title: "SEO without the guesswork"
+date: 2026-09-25
+description: "An SEO score on every page, automatic internal links and redirects that never pile up."
+categories: ["seo"]
+image: "/images/uploads/2026/10/editor-seo.webp"
+imageAlt: "The search engine settings in the Morpheme editor"
+seoTitle: "SEO without the guesswork | Morpheme"
+---
+
+A great page is only great if people can find it. The editor helps while you write.
+
+## A score on every page
+
+Each page and post has an SEO score: is the title the right length, does the heading use your keyword, does every photo have a description?
+
+## Internal links, automatically
+
+Give a page a keyword, and that word becomes a link to the page wherever it appears across your site. You decide how many links a page can have.
+
+## Redirects that stay tidy
+
+When a page moves, its old address sends visitors to the new one, and the editor tells you where. Redirects always point straight to the final page, so they never form a chain.

package/demo/src/content/blog/switch-themes-without-losing-anything.md

@@ -1,23 +1,23 @@
----
-title: "Switch themes without losing anything"
-date: 2026-10-16
-description: "A theme changes how your site looks, never what it says."
-categories: ["design"]
-image: "/images/uploads/2026/10/saturn.webp"
-imageAlt: "Saturn and its rings against a black sky"
-seoTitle: "Switch themes without losing anything | Morpheme"
----
-
-A theme decides how your site looks: the fonts, the shapes, the shadows and how each block is drawn. It never touches what your site says.
-
-![A theme’s page in the Morpheme editor, with pictures of the site in that theme](/images/uploads/2026/10/editor-themes.webp)
-
-## Built on Material
-
-Every theme builds on the standard theme, Material, which follows Google’s Material Design 3. Anything a theme doesn’t change comes from Material, so a theme only has to describe what makes it different.
-
-## Switching takes a tap
-
-Under Appearance › Themes you’ll find your installed themes, each with pictures of your site in that style. Pick one and tap Use theme. Your content, apps and colors stay, and you can switch back anytime.
-
-<div data-block="notice" data-props="{&quot;text&quot;:&quot;**Want more?** Browse the Themes tab in the app store.&quot;}"></div>
+---
+title: "Switch themes without losing anything"
+date: 2026-10-16
+description: "A theme changes how your site looks, never what it says."
+categories: ["design"]
+image: "/images/uploads/2026/10/saturn.webp"
+imageAlt: "Saturn and its rings against a black sky"
+seoTitle: "Switch themes without losing anything | Morpheme"
+---
+
+A theme decides how your site looks: the fonts, the shapes, the shadows and how each block is drawn. It never touches what your site says.
+
+![A theme’s page in the Morpheme editor, with pictures of the site in that theme](/images/uploads/2026/10/editor-themes.webp)
+
+## Built on Material
+
+Every theme builds on the standard theme, Material, which follows Google’s Material Design 3. Anything a theme doesn’t change comes from Material, so a theme only has to describe what makes it different.
+
+## Switching takes a tap
+
+Under Appearance › Themes you’ll find your installed themes, each with pictures of your site in that style. Pick one and tap Use theme. Your content, apps and colors stay, and you can switch back anytime.
+
+<div data-block="notice" data-props="{&quot;text&quot;:&quot;**Want more?** Browse the Themes tab in the app store.&quot;}"></div>

package/demo/src/content/blog/the-app-store.md

@@ -1,21 +1,21 @@
----
-title: "Meet the app store"
-date: 2026-09-03
-description: "Booking, newsletters and colors drawn from your photos: apps add new features and stay put when you change themes."
-categories: ["apps"]
-image: "/images/uploads/2026/10/andromeda.webp"
-imageAlt: "The Andromeda galaxy among thousands of stars"
-seoTitle: "Meet the app store | Morpheme"
----
-
-An app gives your site something it couldn’t do before: new blocks, new kinds of pop-ups, new settings or something on every page.
-
-## Find it in the editor
-
-Open Apps in the editor to browse the store. Each app has its own page with screenshots, a description, the cookies it sets and the addresses it loads from. Install it, and it’s added to your site in a single change.
-
-## Updates you can trust
-
-You always see what’s new before an app updates. Fixes and new features arrive automatically, while bigger changes wait until you tap Update.
-
-Read more on the [App store](/app-store/) page.
+---
+title: "Meet the app store"
+date: 2026-09-03
+description: "Booking, newsletters and colors drawn from your photos: apps add new features and stay put when you change themes."
+categories: ["apps"]
+image: "/images/uploads/2026/10/andromeda.webp"
+imageAlt: "The Andromeda galaxy among thousands of stars"
+seoTitle: "Meet the app store | Morpheme"
+---
+
+An app gives your site something it couldn’t do before: new blocks, new kinds of pop-ups, new settings or something on every page.
+
+## Find it in the editor
+
+Open Apps in the editor to browse the store. Each app has its own page with screenshots, a description, the cookies it sets and the addresses it loads from. Install it, and it’s added to your site in a single change.
+
+## Updates you can trust
+
+You always see what’s new before an app updates. Fixes and new features arrive automatically, while bigger changes wait until you tap Update.
+
+Read more on the [App store](/app-store/) page.

package/demo/src/content/pages/about.md

@@ -1,22 +1,22 @@
----
-title: "About Morpheme"
-description: "What Morpheme is built on, and why your site stays fast and safe."
-seoTitle: "About Morpheme"
-seoDescription: "Morpheme is a free, open-source website editor built on Astro, Cloudflare and GitHub. Here’s how it saves your work and keeps your site fast."
----
-
-# About Morpheme
-
-Morpheme is a website editor for sites built with [Astro](https://astro.build) and hosted on [Cloudflare](https://www.cloudflare.com). It’s free and open source under the MIT license.
-
-![The Earth seen from space, with clouds over the ocean](/images/uploads/2026/10/earth-from-space.webp)
-
-<div data-block="points" data-props="{&quot;eyebrow&quot;:&quot;Under the hood&quot;,&quot;heading&quot;:&quot;Three proven parts&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;book-open-text&quot;,&quot;title&quot;:&quot;GitHub&quot;,&quot;text&quot;:&quot;Your content lives as plain files in your own repository. Every save is one commit.&quot;},{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;Astro&quot;,&quot;text&quot;:&quot;Your site is built ahead of time into finished pages that open instantly.&quot;},{&quot;icon&quot;:&quot;lifebuoy&quot;,&quot;title&quot;:&quot;Cloudflare&quot;,&quot;text&quot;:&quot;Pages are served from a location near each visitor, and sign-in runs on Cloudflare Workers.&quot;}]}"></div>
-
-## How saving works
-
-When you tap Save, the editor first checks the page. If something’s missing, it tells you what and highlights the field until it’s fixed. Then your change is saved to GitHub, Cloudflare rebuilds your site, and you get a notification when it’s live.
-
-Every save is listed under Earlier versions, and deleted photos can be restored from Deleted files.
-
-<div data-block="checklist" data-props="{&quot;eyebrow&quot;:&quot;Fast and safe&quot;,&quot;heading&quot;:&quot;Built in, not bolted on&quot;,&quot;items&quot;:[&quot;Photos are resized for every screen&quot;,&quot;Every page has a Content Security Policy, so only its own scripts run&quot;,&quot;Your sign-in is a cookie only your site’s server can read&quot;,&quot;No tracking or ad cookies before a visitor says yes&quot;]}"></div>
+---
+title: "About Morpheme"
+description: "What Morpheme is built on, and why your site stays fast and safe."
+seoTitle: "About Morpheme"
+seoDescription: "Morpheme is a free, open-source website editor built on Astro, Cloudflare and GitHub. Here’s how it saves your work and keeps your site fast."
+---
+
+# About Morpheme
+
+Morpheme is a website editor for sites built with [Astro](https://astro.build) and hosted on [Cloudflare](https://www.cloudflare.com). It’s free and open source under the MIT license.
+
+![The Earth seen from space, with clouds over the ocean](/images/uploads/2026/10/earth-from-space.webp)
+
+<div data-block="points" data-props="{&quot;eyebrow&quot;:&quot;Under the hood&quot;,&quot;heading&quot;:&quot;Three proven parts&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;book-open-text&quot;,&quot;title&quot;:&quot;GitHub&quot;,&quot;text&quot;:&quot;Your content lives as plain files in your own repository. Every save is one commit.&quot;},{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;Astro&quot;,&quot;text&quot;:&quot;Your site is built ahead of time into finished pages that open instantly.&quot;},{&quot;icon&quot;:&quot;lifebuoy&quot;,&quot;title&quot;:&quot;Cloudflare&quot;,&quot;text&quot;:&quot;Pages are served from a location near each visitor, and sign-in runs on Cloudflare Workers.&quot;}]}"></div>
+
+## How saving works
+
+When you tap Save, the editor first checks the page. If something’s missing, it tells you what and highlights the field until it’s fixed. Then your change is saved to GitHub, Cloudflare rebuilds your site, and you get a notification when it’s live.
+
+Every save is listed under Earlier versions, and deleted photos can be restored from Deleted files.
+
+<div data-block="checklist" data-props="{&quot;eyebrow&quot;:&quot;Fast and safe&quot;,&quot;heading&quot;:&quot;Built in, not bolted on&quot;,&quot;items&quot;:[&quot;Photos are resized for every screen&quot;,&quot;Every page has a Content Security Policy, so only its own scripts run&quot;,&quot;Your sign-in is a cookie only your site’s server can read&quot;,&quot;No tracking or ad cookies before a visitor says yes&quot;]}"></div>

package/demo/src/content/pages/app-store.md

@@ -1,30 +1,30 @@
----
-title: "App store"
-description: "Add new features to your site with one tap: apps and themes from the app store."
-wide: true
-seoTitle: "App store | Morpheme"
-seoDescription: "Add booking, newsletter signups, content-based colors and new themes to your site with one tap. Every install can be undone."
-keyword: "app store"
----
-
-# App store
-
-New features, one tap away
-
-Find it in the editor under Apps. An app adds something new to your site, like a booking calendar or a newsletter signup, and it stays put when you change themes.
-
-![The Andromeda galaxy among thousands of stars](/images/uploads/2026/10/andromeda.webp)
-
-<div data-block="steps" data-props="{&quot;eyebrow&quot;:&quot;How it works&quot;,&quot;heading&quot;:&quot;Install, update, remove&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Browse&quot;,&quot;text&quot;:&quot;Each app has its own page with screenshots, a description, the cookies it sets and the addresses it loads from.&quot;},{&quot;title&quot;:&quot;Install&quot;,&quot;text&quot;:&quot;The app is added to your site in a single change. Its blocks and settings appear in the editor right away.&quot;},{&quot;title&quot;:&quot;Update or remove&quot;,&quot;text&quot;:&quot;See what’s new before every update; bigger changes wait for you. Removing an app is one change too.&quot;}]}"></div>
-
-<div data-block="points" data-props="{&quot;eyebrow&quot;:&quot;Available now&quot;,&quot;heading&quot;:&quot;Apps in the store&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Calendly&quot;,&quot;text&quot;:&quot;Your Calendly calendar in a sheet that every booking button opens.&quot;},{&quot;icon&quot;:&quot;envelope-simple&quot;,&quot;title&quot;:&quot;Mailchimp&quot;,&quot;text&quot;:&quot;A pop-up that signs visitors up for your Mailchimp newsletter.&quot;},{&quot;icon&quot;:&quot;flower-lotus&quot;,&quot;title&quot;:&quot;Content-based colors&quot;,&quot;text&quot;:&quot;Each page takes its colors from its own photos.&quot;}]}"></div>
-
-## Themes, too
-
-The store has themes on its own tab. A theme only changes the look: fonts, shapes, how colors are used and how blocks are drawn. Your content and apps stay exactly as they are, and you can switch back anytime.
-
-<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;Read about themes&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/switch-themes-without-losing-anything/&quot;,&quot;kind&quot;:&quot;tonal&quot;,&quot;icon&quot;:&quot;arrow-right&quot;}]}"></div>
-
-<div data-block="checklist" data-props="{&quot;eyebrow&quot;:&quot;Built in&quot;,&quot;heading&quot;:&quot;Safe to try&quot;,&quot;items&quot;:[&quot;Every install, update and removal can be undone&quot;,&quot;An app only loads from the addresses it declares&quot;,&quot;Its cookies are added to your cookie list automatically&quot;,&quot;No tracking or ad cookies before a visitor says yes&quot;,&quot;Release notes for every version&quot;]}"></div>
-
-<div data-block="faq" data-props="{&quot;eyebrow&quot;:&quot;FAQ&quot;,&quot;heading&quot;:&quot;Questions, answered&quot;,&quot;items&quot;:[{&quot;question&quot;:&quot;What happens to my pages if I remove an app?&quot;,&quot;answer&quot;:&quot;If a page uses one of the app’s blocks, the editor shows you where, so you can take it out first. Everything else stays as it is.&quot;},{&quot;question&quot;:&quot;Do apps update on their own?&quot;,&quot;answer&quot;:&quot;Fixes and new features do. A bigger change that could affect your site waits until you tap Update.&quot;},{&quot;question&quot;:&quot;Can I have an app made just for my site?&quot;,&quot;answer&quot;:&quot;Yes. An app is a folder of blocks, settings and lists. [Get in touch](/contact/).&quot;}]}"></div>
+---
+title: "App store"
+description: "Add new features to your site with one tap: apps and themes from the app store."
+wide: true
+seoTitle: "App store | Morpheme"
+seoDescription: "Add booking, newsletter signups, content-based colors and new themes to your site with one tap. Every install can be undone."
+keyword: "app store"
+---
+
+# App store
+
+New features, one tap away
+
+Find it in the editor under Apps. An app adds something new to your site, like a booking calendar or a newsletter signup, and it stays put when you change themes.
+
+![The Andromeda galaxy among thousands of stars](/images/uploads/2026/10/andromeda.webp)
+
+<div data-block="steps" data-props="{&quot;eyebrow&quot;:&quot;How it works&quot;,&quot;heading&quot;:&quot;Install, update, remove&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Browse&quot;,&quot;text&quot;:&quot;Each app has its own page with screenshots, a description, the cookies it sets and the addresses it loads from.&quot;},{&quot;title&quot;:&quot;Install&quot;,&quot;text&quot;:&quot;The app is added to your site in a single change. Its blocks and settings appear in the editor right away.&quot;},{&quot;title&quot;:&quot;Update or remove&quot;,&quot;text&quot;:&quot;See what’s new before every update; bigger changes wait for you. Removing an app is one change too.&quot;}]}"></div>
+
+<div data-block="points" data-props="{&quot;eyebrow&quot;:&quot;Available now&quot;,&quot;heading&quot;:&quot;Apps in the store&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Calendly&quot;,&quot;text&quot;:&quot;Your Calendly calendar in a sheet that every booking button opens.&quot;},{&quot;icon&quot;:&quot;envelope-simple&quot;,&quot;title&quot;:&quot;Mailchimp&quot;,&quot;text&quot;:&quot;A pop-up that signs visitors up for your Mailchimp newsletter.&quot;},{&quot;icon&quot;:&quot;flower-lotus&quot;,&quot;title&quot;:&quot;Content-based colors&quot;,&quot;text&quot;:&quot;Each page takes its colors from its own photos.&quot;}]}"></div>
+
+## Themes, too
+
+The store has themes on its own tab. A theme only changes the look: fonts, shapes, how colors are used and how blocks are drawn. Your content and apps stay exactly as they are, and you can switch back anytime.
+
+<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;Read about themes&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/switch-themes-without-losing-anything/&quot;,&quot;kind&quot;:&quot;tonal&quot;,&quot;icon&quot;:&quot;arrow-right&quot;}]}"></div>
+
+<div data-block="checklist" data-props="{&quot;eyebrow&quot;:&quot;Built in&quot;,&quot;heading&quot;:&quot;Safe to try&quot;,&quot;items&quot;:[&quot;Every install, update and removal can be undone&quot;,&quot;An app only loads from the addresses it declares&quot;,&quot;Its cookies are added to your cookie list automatically&quot;,&quot;No tracking or ad cookies before a visitor says yes&quot;,&quot;Release notes for every version&quot;]}"></div>
+
+<div data-block="faq" data-props="{&quot;eyebrow&quot;:&quot;FAQ&quot;,&quot;heading&quot;:&quot;Questions, answered&quot;,&quot;items&quot;:[{&quot;question&quot;:&quot;What happens to my pages if I remove an app?&quot;,&quot;answer&quot;:&quot;If a page uses one of the app’s blocks, the editor shows you where, so you can take it out first. Everything else stays as it is.&quot;},{&quot;question&quot;:&quot;Do apps update on their own?&quot;,&quot;answer&quot;:&quot;Fixes and new features do. A bigger change that could affect your site waits until you tap Update.&quot;},{&quot;question&quot;:&quot;Can I have an app made just for my site?&quot;,&quot;answer&quot;:&quot;Yes. An app is a folder of blocks, settings and lists. [Get in touch](/contact/).&quot;}]}"></div>