@morphemecms/cms 0.1.0 → 0.2.0-next-20261104150211

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

@@ -1,98 +1,98 @@
----
-title: "Blocks"
-description: "Every block you can build a page from in Morpheme, shown live."
-wide: true
-seoTitle: "Blocks | Morpheme"
-seoDescription: "Buttons, cards, points, steps, checklists, FAQs, price cards, testimonials and more: every Morpheme block, shown live."
-keyword: "blocks"
----
-
-# Blocks
-
-Every page is text, photos and blocks. Tap + anywhere in the text to add one. It takes on your theme’s fonts, colors and shapes, so it always fits. Here is each one, live.
-
-## Buttons
-
-Send visitors to a page, start a call or open a pop-up. Pick a style for each button.
-
-<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;Get started&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/get-started/&quot;,&quot;kind&quot;:&quot;filled&quot;,&quot;icon&quot;:&quot;arrow-right&quot;},{&quot;label&quot;:&quot;Browse apps&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/app-store/&quot;,&quot;kind&quot;:&quot;tonal&quot;},{&quot;label&quot;:&quot;&quot;,&quot;to&quot;:&quot;phone&quot;,&quot;kind&quot;:&quot;outlined&quot;,&quot;icon&quot;:&quot;phone&quot;}]}"></div>
-
-## Cards
-
-Group related ideas with an icon, a photo or just text, each linking to a page if you like.
-
-<div data-block="cards" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;With an icon&quot;,&quot;text&quot;:&quot;Icons come from the icon pack you choose under Appearance.&quot;},{&quot;icon&quot;:&quot;heart&quot;,&quot;title&quot;:&quot;On a surface&quot;,&quot;text&quot;:&quot;Cards use your theme’s surfaces, corners and shadows.&quot;},{&quot;icon&quot;:&quot;book-open&quot;,&quot;title&quot;:&quot;With a link&quot;,&quot;text&quot;:&quot;Link a card to a page and “Learn more” appears at the bottom.&quot;,&quot;href&quot;:&quot;/about/&quot;},{&quot;icon&quot;:&quot;medal&quot;,&quot;title&quot;:&quot;Any number&quot;,&quot;text&quot;:&quot;Add as many cards as you like; they wrap neatly on every screen.&quot;}]}"></div>
-
-<div data-block="cards" data-props="{&quot;design&quot;:&quot;text&quot;,&quot;background&quot;:&quot;accent&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Just text&quot;,&quot;text&quot;:&quot;No icon, no photo. Here on the accent color.&quot;},{&quot;title&quot;:&quot;One background&quot;,&quot;text&quot;:&quot;The background applies to every card in the block.&quot;}]}"></div>
-
-## Points
-
-Short points with an icon, for what you offer or how to find you.
-
-<div data-block="points" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Scheduled&quot;,&quot;text&quot;:&quot;Publishes on its own at the time you pick.&quot;},{&quot;icon&quot;:&quot;info&quot;,&quot;title&quot;:&quot;Draft&quot;,&quot;text&quot;:&quot;Stays in the editor until you publish it.&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;}]}"></div>
-
-## Steps
-
-A numbered sequence, for a process or a plan.
-
-<div data-block="steps" data-props="{&quot;items&quot;:[{&quot;title&quot;:&quot;Pick a block&quot;,&quot;text&quot;:&quot;Tap + in the text and choose one.&quot;},{&quot;title&quot;:&quot;Fill it in&quot;,&quot;text&quot;:&quot;The preview updates as you type.&quot;},{&quot;title&quot;:&quot;Save&quot;,&quot;text&quot;:&quot;The editor checks the page and publishes it.&quot;}]}"></div>
-
-## Checklist
-
-Quick points with a check mark.
-
-<div data-block="checklist" data-props="{&quot;items&quot;:[&quot;Works on every phone&quot;,&quot;Light and dark mode&quot;,&quot;Photos sized for every screen&quot;,&quot;No tracking before consent&quot;]}"></div>
-
-## List
-
-Rows under each other, as your theme draws a list, or each on its own surface.
-
-<div data-block="list" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;book-open&quot;,&quot;title&quot;:&quot;Blocks&quot;,&quot;text&quot;:&quot;Every block a page can be built from.&quot;,&quot;href&quot;:&quot;/blocks/&quot;},{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;App store&quot;,&quot;text&quot;:&quot;Apps and themes you install with one tap.&quot;,&quot;href&quot;:&quot;/app-store/&quot;},{&quot;icon&quot;:&quot;info&quot;,&quot;title&quot;:&quot;About&quot;,&quot;text&quot;:&quot;What the editor is built on.&quot;,&quot;href&quot;:&quot;/about/&quot;}]}"></div>
-
-<div data-block="list" data-props="{&quot;design&quot;:&quot;segmented&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Monday to Friday&quot;,&quot;text&quot;:&quot;9 am to 5 pm&quot;},{&quot;icon&quot;:&quot;coffee&quot;,&quot;title&quot;:&quot;Saturday&quot;,&quot;text&quot;:&quot;10 am to 2 pm&quot;},{&quot;icon&quot;:&quot;door-open&quot;,&quot;title&quot;:&quot;Sunday&quot;,&quot;text&quot;:&quot;Closed&quot;}]}"></div>
-
-## Accordion
-
-Topics that unfold with a short summary and a link to the full page.
-
-<div data-block="accordion" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;Blocks&quot;,&quot;href&quot;:&quot;/blocks/&quot;,&quot;text&quot;:&quot;Every block a page can be built from.&quot;},{&quot;label&quot;:&quot;App store&quot;,&quot;href&quot;:&quot;/app-store/&quot;,&quot;text&quot;:&quot;Apps and themes you install with one tap.&quot;,&quot;more&quot;:[{&quot;label&quot;:&quot;Get started&quot;,&quot;href&quot;:&quot;/get-started/&quot;}]},{&quot;label&quot;:&quot;Morpheme&quot;,&quot;href&quot;:&quot;/about/&quot;,&quot;text&quot;:&quot;What the editor is built on.&quot;}]}"></div>
-
-## Questions and answers
-
-Questions that unfold to reveal the answer, ready for Google to show in search results.
-
-<div data-block="faq" data-props="{&quot;items&quot;:[{&quot;question&quot;:&quot;Can I use a block more than once on a page?&quot;,&quot;answer&quot;:&quot;Yes. Each copy has its own content.&quot;},{&quot;question&quot;:&quot;Can I turn a block off?&quot;,&quot;answer&quot;:&quot;Yes, under Block settings. It can’t be added again until you turn it back on.&quot;}]}"></div>
-
-## Price cards
-
-Up to four plans side by side, with what’s included and a button.
-
-<div data-block="pricecards" data-props="{&quot;items&quot;:[{&quot;name&quot;:&quot;Open source&quot;,&quot;price&quot;:&quot;Free&quot;,&quot;text&quot;:&quot;Run Morpheme on your own Cloudflare account.&quot;,&quot;features&quot;:[&quot;The editor and the standard theme&quot;,&quot;MIT license&quot;,&quot;Your own GitHub repository&quot;],&quot;buttons&quot;:[{&quot;label&quot;:&quot;Get started&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/get-started/&quot;,&quot;kind&quot;:&quot;outlined&quot;}]},{&quot;name&quot;:&quot;With apps&quot;,&quot;price&quot;:&quot;Custom&quot;,&quot;text&quot;:&quot;Your site plus apps and themes from the app store.&quot;,&quot;features&quot;:[&quot;Everything in Open source&quot;,&quot;Apps and themes&quot;,&quot;Updates with release notes&quot;],&quot;buttons&quot;:[{&quot;label&quot;:&quot;Browse apps&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/app-store/&quot;,&quot;kind&quot;:&quot;filled&quot;}],&quot;featured&quot;:true,&quot;badge&quot;:&quot;Popular&quot;}]}"></div>
-
-## Testimonials
-
-Quotes from the Testimonials list, as a carousel or a list. These are samples.
-
-<div data-block="testimonials" data-props="{&quot;layout&quot;:&quot;list&quot;,&quot;show&quot;:&quot;all&quot;}"></div>
-
-## Notice
-
-A message that stands out, and can disappear on its own on a date you set.
-
-<div data-block="notice" data-props="{&quot;text&quot;:&quot;**Holiday hours:** we’re closed December 24–26. Notices like this one can expire on their own.&quot;}"></div>
-
-## Link collection
-
-Pages grouped by topic.
-
-<div data-block="links" data-props="{&quot;groups&quot;:[{&quot;title&quot;:&quot;Product&quot;,&quot;href&quot;:&quot;/about/&quot;,&quot;paths&quot;:[&quot;/about/&quot;,&quot;/blocks/&quot;,&quot;/app-store/&quot;]},{&quot;title&quot;:&quot;Getting started&quot;,&quot;href&quot;:&quot;/get-started/&quot;,&quot;paths&quot;:[&quot;/get-started/&quot;,&quot;/contact/&quot;]}]}"></div>
-
-## Posts
-
-The newest posts, a random few or the ones you choose, with a link to the rest.
-
-<div data-block="posts" data-props="{&quot;show&quot;:&quot;picked&quot;,&quot;picked&quot;:[&quot;build-a-page-from-blocks&quot;,&quot;switch-themes-without-losing-anything&quot;,&quot;colors-everyone-can-read&quot;],&quot;link&quot;:&quot;design&quot;}"></div>
-
-## And a few more
-
-The Banner at the top of the home page, every post on the blog page, and the Cookie list in the privacy policy. The Video block plays YouTube and Vimeo videos, loading nothing from them until a visitor presses play.
+---
+title: "Blocks"
+description: "Every block you can build a page from in Morpheme, shown live."
+wide: true
+seoTitle: "Blocks | Morpheme"
+seoDescription: "Buttons, cards, points, steps, checklists, FAQs, price cards, testimonials and more: every Morpheme block, shown live."
+keyword: "blocks"
+---
+
+# Blocks
+
+Every page is text, photos and blocks. Tap + anywhere in the text to add one. It takes on your theme’s fonts, colors and shapes, so it always fits. Here is each one, live.
+
+## Buttons
+
+Send visitors to a page, start a call or open a pop-up. Pick a style for each button.
+
+<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;Get started&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/get-started/&quot;,&quot;kind&quot;:&quot;filled&quot;,&quot;icon&quot;:&quot;arrow-right&quot;},{&quot;label&quot;:&quot;Browse apps&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/app-store/&quot;,&quot;kind&quot;:&quot;tonal&quot;},{&quot;label&quot;:&quot;&quot;,&quot;to&quot;:&quot;phone&quot;,&quot;kind&quot;:&quot;outlined&quot;,&quot;icon&quot;:&quot;phone&quot;}]}"></div>
+
+## Cards
+
+Group related ideas with an icon, a photo or just text, each linking to a page if you like.
+
+<div data-block="cards" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;With an icon&quot;,&quot;text&quot;:&quot;Icons come from the icon pack you choose under Appearance.&quot;},{&quot;icon&quot;:&quot;heart&quot;,&quot;title&quot;:&quot;On a surface&quot;,&quot;text&quot;:&quot;Cards use your theme’s surfaces, corners and shadows.&quot;},{&quot;icon&quot;:&quot;book-open&quot;,&quot;title&quot;:&quot;With a link&quot;,&quot;text&quot;:&quot;Link a card to a page and “Learn more” appears at the bottom.&quot;,&quot;href&quot;:&quot;/about/&quot;},{&quot;icon&quot;:&quot;medal&quot;,&quot;title&quot;:&quot;Any number&quot;,&quot;text&quot;:&quot;Add as many cards as you like; they wrap neatly on every screen.&quot;}]}"></div>
+
+<div data-block="cards" data-props="{&quot;design&quot;:&quot;text&quot;,&quot;background&quot;:&quot;accent&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Just text&quot;,&quot;text&quot;:&quot;No icon, no photo. Here on the accent color.&quot;},{&quot;title&quot;:&quot;One background&quot;,&quot;text&quot;:&quot;The background applies to every card in the block.&quot;}]}"></div>
+
+## Points
+
+Short points with an icon, for what you offer or how to find you.
+
+<div data-block="points" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Scheduled&quot;,&quot;text&quot;:&quot;Publishes on its own at the time you pick.&quot;},{&quot;icon&quot;:&quot;info&quot;,&quot;title&quot;:&quot;Draft&quot;,&quot;text&quot;:&quot;Stays in the editor until you publish it.&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;}]}"></div>
+
+## Steps
+
+A numbered sequence, for a process or a plan.
+
+<div data-block="steps" data-props="{&quot;items&quot;:[{&quot;title&quot;:&quot;Pick a block&quot;,&quot;text&quot;:&quot;Tap + in the text and choose one.&quot;},{&quot;title&quot;:&quot;Fill it in&quot;,&quot;text&quot;:&quot;The preview updates as you type.&quot;},{&quot;title&quot;:&quot;Save&quot;,&quot;text&quot;:&quot;The editor checks the page and publishes it.&quot;}]}"></div>
+
+## Checklist
+
+Quick points with a check mark.
+
+<div data-block="checklist" data-props="{&quot;items&quot;:[&quot;Works on every phone&quot;,&quot;Light and dark mode&quot;,&quot;Photos sized for every screen&quot;,&quot;No tracking before consent&quot;]}"></div>
+
+## List
+
+Rows under each other, as your theme draws a list, or each on its own surface.
+
+<div data-block="list" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;book-open&quot;,&quot;title&quot;:&quot;Blocks&quot;,&quot;text&quot;:&quot;Every block a page can be built from.&quot;,&quot;href&quot;:&quot;/blocks/&quot;},{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;App store&quot;,&quot;text&quot;:&quot;Apps and themes you install with one tap.&quot;,&quot;href&quot;:&quot;/app-store/&quot;},{&quot;icon&quot;:&quot;info&quot;,&quot;title&quot;:&quot;About&quot;,&quot;text&quot;:&quot;What the editor is built on.&quot;,&quot;href&quot;:&quot;/about/&quot;}]}"></div>
+
+<div data-block="list" data-props="{&quot;design&quot;:&quot;segmented&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;clock&quot;,&quot;title&quot;:&quot;Monday to Friday&quot;,&quot;text&quot;:&quot;9 am to 5 pm&quot;},{&quot;icon&quot;:&quot;coffee&quot;,&quot;title&quot;:&quot;Saturday&quot;,&quot;text&quot;:&quot;10 am to 2 pm&quot;},{&quot;icon&quot;:&quot;door-open&quot;,&quot;title&quot;:&quot;Sunday&quot;,&quot;text&quot;:&quot;Closed&quot;}]}"></div>
+
+## Accordion
+
+Topics that unfold with a short summary and a link to the full page.
+
+<div data-block="accordion" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;Blocks&quot;,&quot;href&quot;:&quot;/blocks/&quot;,&quot;text&quot;:&quot;Every block a page can be built from.&quot;},{&quot;label&quot;:&quot;App store&quot;,&quot;href&quot;:&quot;/app-store/&quot;,&quot;text&quot;:&quot;Apps and themes you install with one tap.&quot;,&quot;more&quot;:[{&quot;label&quot;:&quot;Get started&quot;,&quot;href&quot;:&quot;/get-started/&quot;}]},{&quot;label&quot;:&quot;Morpheme&quot;,&quot;href&quot;:&quot;/about/&quot;,&quot;text&quot;:&quot;What the editor is built on.&quot;}]}"></div>
+
+## Questions and answers
+
+Questions that unfold to reveal the answer, ready for Google to show in search results.
+
+<div data-block="faq" data-props="{&quot;items&quot;:[{&quot;question&quot;:&quot;Can I use a block more than once on a page?&quot;,&quot;answer&quot;:&quot;Yes. Each copy has its own content.&quot;},{&quot;question&quot;:&quot;Can I turn a block off?&quot;,&quot;answer&quot;:&quot;Yes, under Block settings. It can’t be added again until you turn it back on.&quot;}]}"></div>
+
+## Price cards
+
+Up to four plans side by side, with what’s included and a button.
+
+<div data-block="pricecards" data-props="{&quot;items&quot;:[{&quot;name&quot;:&quot;Open source&quot;,&quot;price&quot;:&quot;Free&quot;,&quot;text&quot;:&quot;Run Morpheme on your own Cloudflare account.&quot;,&quot;features&quot;:[&quot;The editor and the standard theme&quot;,&quot;MIT license&quot;,&quot;Your own GitHub repository&quot;],&quot;buttons&quot;:[{&quot;label&quot;:&quot;Get started&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/get-started/&quot;,&quot;kind&quot;:&quot;outlined&quot;}]},{&quot;name&quot;:&quot;With apps&quot;,&quot;price&quot;:&quot;Custom&quot;,&quot;text&quot;:&quot;Your site plus apps and themes from the app store.&quot;,&quot;features&quot;:[&quot;Everything in Open source&quot;,&quot;Apps and themes&quot;,&quot;Updates with release notes&quot;],&quot;buttons&quot;:[{&quot;label&quot;:&quot;Browse apps&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/app-store/&quot;,&quot;kind&quot;:&quot;filled&quot;}],&quot;featured&quot;:true,&quot;badge&quot;:&quot;Popular&quot;}]}"></div>
+
+## Testimonials
+
+Quotes from the Testimonials list, as a carousel or a list. These are samples.
+
+<div data-block="testimonials" data-props="{&quot;layout&quot;:&quot;list&quot;,&quot;show&quot;:&quot;all&quot;}"></div>
+
+## Notice
+
+A message that stands out, and can disappear on its own on a date you set.
+
+<div data-block="notice" data-props="{&quot;text&quot;:&quot;**Holiday hours:** we’re closed December 24–26. Notices like this one can expire on their own.&quot;}"></div>
+
+## Link collection
+
+Pages grouped by topic.
+
+<div data-block="links" data-props="{&quot;groups&quot;:[{&quot;title&quot;:&quot;Product&quot;,&quot;href&quot;:&quot;/about/&quot;,&quot;paths&quot;:[&quot;/about/&quot;,&quot;/blocks/&quot;,&quot;/app-store/&quot;]},{&quot;title&quot;:&quot;Getting started&quot;,&quot;href&quot;:&quot;/get-started/&quot;,&quot;paths&quot;:[&quot;/get-started/&quot;,&quot;/contact/&quot;]}]}"></div>
+
+## Posts
+
+The newest posts, a random few or the ones you choose, with a link to the rest.
+
+<div data-block="posts" data-props="{&quot;show&quot;:&quot;picked&quot;,&quot;picked&quot;:[&quot;build-a-page-from-blocks&quot;,&quot;switch-themes-without-losing-anything&quot;,&quot;colors-everyone-can-read&quot;],&quot;link&quot;:&quot;design&quot;}"></div>
+
+## And a few more
+
+The Banner at the top of the home page, every post on the blog page, and the Cookie list in the privacy policy. The Video block plays YouTube and Vimeo videos, loading nothing from them until a visitor presses play.

package/demo/src/content/pages/blog-page.md

@@ -1,11 +1,11 @@
----
-title: "Blog"
-seoTitle: "Blog | Morpheme"
-seoDescription: "Tips on editing, design, SEO, apps and security for websites built with Morpheme."
----
-
-# Blog
-
-Tips and ideas for running your own website: editing, design, SEO, apps and security.
-
-<div data-block="posts" data-props="{&quot;show&quot;:&quot;all&quot;,&quot;design&quot;:&quot;featured&quot;}"></div>
+---
+title: "Blog"
+seoTitle: "Blog | Morpheme"
+seoDescription: "Tips on editing, design, SEO, apps and security for websites built with Morpheme."
+---
+
+# Blog
+
+Tips and ideas for running your own website: editing, design, SEO, apps and security.
+
+<div data-block="posts" data-props="{&quot;show&quot;:&quot;all&quot;,&quot;design&quot;:&quot;featured&quot;}"></div>

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

@@ -1,16 +1,16 @@
----
-title: "Contact"
-description: "Get in touch with Morpheme."
-seoTitle: "Contact | Morpheme"
-seoDescription: "Questions about Morpheme, the app store or themes? Call or email us."
----
-
-# Contact
-
-Questions about the editor, the app store or themes? We’d love to hear from you.
-
-<div data-block="points" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;phone&quot;,&quot;title&quot;:&quot;Call&quot;,&quot;text&quot;:&quot;+1 555 010 0199, weekdays 9 a.m. to 4 p.m.&quot;},{&quot;icon&quot;:&quot;envelope-simple&quot;,&quot;title&quot;:&quot;Email&quot;,&quot;text&quot;:&quot;hello@morpheme.example. We reply within one business day.&quot;},{&quot;icon&quot;:&quot;map-pin&quot;,&quot;title&quot;:&quot;Visit&quot;,&quot;text&quot;:&quot;1 Example Street, 12345 Exampleville.&quot;}]}"></div>
-
-<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;&quot;,&quot;to&quot;:&quot;phone&quot;,&quot;kind&quot;:&quot;filled&quot;,&quot;icon&quot;:&quot;phone&quot;}]}"></div>
-
-<div data-block="faq" data-props="{&quot;items&quot;:[{&quot;question&quot;:&quot;Is this a real company?&quot;,&quot;answer&quot;:&quot;No. This is Morpheme’s demo site, with made-up contact details, so you can see how a site looks in every theme.&quot;}]}"></div>
+---
+title: "Contact"
+description: "Get in touch with Morpheme."
+seoTitle: "Contact | Morpheme"
+seoDescription: "Questions about Morpheme, the app store or themes? Call or email us."
+---
+
+# Contact
+
+Questions about the editor, the app store or themes? We’d love to hear from you.
+
+<div data-block="points" data-props="{&quot;items&quot;:[{&quot;icon&quot;:&quot;phone&quot;,&quot;title&quot;:&quot;Call&quot;,&quot;text&quot;:&quot;+1 555 010 0199, weekdays 9 a.m. to 4 p.m.&quot;},{&quot;icon&quot;:&quot;envelope-simple&quot;,&quot;title&quot;:&quot;Email&quot;,&quot;text&quot;:&quot;hello@morpheme.example. We reply within one business day.&quot;},{&quot;icon&quot;:&quot;map-pin&quot;,&quot;title&quot;:&quot;Visit&quot;,&quot;text&quot;:&quot;1 Example Street, 12345 Exampleville.&quot;}]}"></div>
+
+<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;&quot;,&quot;to&quot;:&quot;phone&quot;,&quot;kind&quot;:&quot;filled&quot;,&quot;icon&quot;:&quot;phone&quot;}]}"></div>
+
+<div data-block="faq" data-props="{&quot;items&quot;:[{&quot;question&quot;:&quot;Is this a real company?&quot;,&quot;answer&quot;:&quot;No. This is Morpheme’s demo site, with made-up contact details, so you can see how a site looks in every theme.&quot;}]}"></div>

package/demo/src/content/pages/get-started.md

@@ -1,20 +1,20 @@
----
-title: "Get started"
-description: "How to set up a website with Morpheme."
-seoTitle: "Get started | Morpheme"
-seoDescription: "Set up your website with Morpheme: your own GitHub repository, hosting on Cloudflare and the editor at /editor/."
----
-
-# Get started
-
-You can have a site you edit yourself up and running in an afternoon.
-
-<div data-block="steps" data-props="{&quot;items&quot;:[{&quot;title&quot;:&quot;Your repository&quot;,&quot;text&quot;:&quot;Your site gets its own repository on GitHub, with Morpheme installed from npm (@morphemecms/cms).&quot;},{&quot;title&quot;:&quot;Your hosting&quot;,&quot;text&quot;:&quot;Cloudflare builds your site every time you save and serves it worldwide.&quot;},{&quot;title&quot;:&quot;Your editor&quot;,&quot;text&quot;:&quot;Open /editor/ on your site, sign in with GitHub, and make your first change.&quot;}]}"></div>
-
-<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;What you’ll need&quot;,&quot;items&quot;:[&quot;A free GitHub account&quot;,&quot;A free Cloudflare account&quot;,&quot;A domain name, if you want your own address&quot;]}"></div>
-
-## Questions?
-
-We’re happy to help.
-
-<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;&quot;,&quot;to&quot;:&quot;phone&quot;,&quot;kind&quot;:&quot;filled&quot;,&quot;icon&quot;:&quot;phone&quot;},{&quot;label&quot;:&quot;Contact us&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/contact/&quot;,&quot;kind&quot;:&quot;outlined&quot;,&quot;icon&quot;:&quot;envelope-simple&quot;}]}"></div>
+---
+title: "Get started"
+description: "How to set up a website with Morpheme."
+seoTitle: "Get started | Morpheme"
+seoDescription: "Set up your website with Morpheme: your own GitHub repository, hosting on Cloudflare and the editor at /editor/."
+---
+
+# Get started
+
+You can have a site you edit yourself up and running in an afternoon.
+
+<div data-block="steps" data-props="{&quot;items&quot;:[{&quot;title&quot;:&quot;Your repository&quot;,&quot;text&quot;:&quot;Your site gets its own repository on GitHub, with Morpheme installed from npm (@morphemecms/cms).&quot;},{&quot;title&quot;:&quot;Your hosting&quot;,&quot;text&quot;:&quot;Cloudflare builds your site every time you save and serves it worldwide.&quot;},{&quot;title&quot;:&quot;Your editor&quot;,&quot;text&quot;:&quot;Open /editor/ on your site, sign in with GitHub, and make your first change.&quot;}]}"></div>
+
+<div data-block="checklist" data-props="{&quot;heading&quot;:&quot;What you’ll need&quot;,&quot;items&quot;:[&quot;A free GitHub account&quot;,&quot;A free Cloudflare account&quot;,&quot;A domain name, if you want your own address&quot;]}"></div>
+
+## Questions?
+
+We’re happy to help.
+
+<div data-block="buttons" data-props="{&quot;items&quot;:[{&quot;label&quot;:&quot;&quot;,&quot;to&quot;:&quot;phone&quot;,&quot;kind&quot;:&quot;filled&quot;,&quot;icon&quot;:&quot;phone&quot;},{&quot;label&quot;:&quot;Contact us&quot;,&quot;to&quot;:&quot;page&quot;,&quot;href&quot;:&quot;/contact/&quot;,&quot;kind&quot;:&quot;outlined&quot;,&quot;icon&quot;:&quot;envelope-simple&quot;}]}"></div>

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

@@ -1,26 +1,26 @@
----
-title: "Home"
-seoTitle: "Morpheme | The website editor you’ll actually enjoy"
-seoDescription: "Edit pages, posts and photos from any browser, even your phone. Every change is checked, saved as a version you can restore, and live a minute later."
-keyword: "Morpheme"
----
-
-# Your website, finally easy to change
-
-Edit pages, posts and photos from any browser, even your phone.
-
-Make a change, tap Save, and it’s live about a minute later: checked, backed up and fast.
-
-![The Morpheme editor open on a phone](/images/uploads/2026/10/editor-start.webp)
-
-<div data-block="hero" data-props="{&quot;text&quot;:&quot;&lt;div data-block=\&quot;buttons\&quot; data-props=\&quot;{&amp;quot;items&amp;quot;:[{&amp;quot;label&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;to&amp;quot;:&amp;quot;booking&amp;quot;,&amp;quot;kind&amp;quot;:&amp;quot;filled&amp;quot;,&amp;quot;icon&amp;quot;:&amp;quot;arrow-right&amp;quot;},{&amp;quot;label&amp;quot;:&amp;quot;See what it can do&amp;quot;,&amp;quot;to&amp;quot;:&amp;quot;page&amp;quot;,&amp;quot;href&amp;quot;:&amp;quot;/blocks/&amp;quot;,&amp;quot;kind&amp;quot;:&amp;quot;outlined&amp;quot;}]}\&quot;&gt;&lt;/div&gt;\n\nFree and open source under the MIT license.&quot;}"></div>
-
-<div data-block="points" data-props="{&quot;eyebrow&quot;:&quot;Why Morpheme&quot;,&quot;heading&quot;:&quot;Everything you need, nothing you don’t&quot;,&quot;intro&quot;:&quot;The editor takes care of the careful work, so you can focus on what you want to say.&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;phone&quot;,&quot;title&quot;:&quot;Edit from anywhere&quot;,&quot;text&quot;:&quot;Works in any browser and installs on your phone’s home screen like an app.&quot;},{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;Build with blocks&quot;,&quot;text&quot;:&quot;Cards, steps, FAQs, price tables and more, styled to match your site automatically.&quot;},{&quot;icon&quot;:&quot;book-open&quot;,&quot;title&quot;:&quot;Never lose a thing&quot;,&quot;text&quot;:&quot;Every save is a version you can restore with one tap. Deleted files come back too.&quot;},{&quot;icon&quot;:&quot;lifebuoy&quot;,&quot;title&quot;:&quot;Private by default&quot;,&quot;text&quot;:&quot;No tracking cookies until visitors say yes, and a strict security policy on every page.&quot;}]}"></div>
-
-<div data-block="cards" data-props="{&quot;design&quot;:&quot;image&quot;,&quot;eyebrow&quot;:&quot;Take a closer look&quot;,&quot;heading&quot;:&quot;Grows with your business&quot;,&quot;items&quot;:[{&quot;image&quot;:&quot;/images/uploads/2026/10/editor-page.webp&quot;,&quot;title&quot;:&quot;Blocks&quot;,&quot;text&quot;:&quot;Thirteen building blocks for pages that look designed, not assembled.&quot;,&quot;href&quot;:&quot;/blocks/&quot;},{&quot;image&quot;:&quot;/images/uploads/2026/10/andromeda.webp&quot;,&quot;title&quot;:&quot;App store&quot;,&quot;text&quot;:&quot;Add booking, newsletters and more in one tap, and remove them just as easily.&quot;,&quot;href&quot;:&quot;/app-store/&quot;},{&quot;image&quot;:&quot;/images/uploads/2026/10/editor-themes.webp&quot;,&quot;title&quot;:&quot;Themes&quot;,&quot;text&quot;:&quot;Change the whole look of your site and keep every word and photo.&quot;,&quot;href&quot;:&quot;/switch-themes-without-losing-anything/&quot;}]}"></div>
-
-<div data-block="steps" data-props="{&quot;eyebrow&quot;:&quot;Get started&quot;,&quot;heading&quot;:&quot;Live in three steps&quot;,&quot;intro&quot;:&quot;No servers to manage and nothing to install on your computer.&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Create your site&quot;,&quot;text&quot;:&quot;Your site gets its own repository on GitHub and is hosted on Cloudflare.&quot;},{&quot;title&quot;:&quot;Sign in&quot;,&quot;text&quot;:&quot;Open /editor/ on your site and sign in with your GitHub account.&quot;},{&quot;title&quot;:&quot;Publish&quot;,&quot;text&quot;:&quot;Write, add photos and blocks, and tap Save. Your site updates on its own.&quot;}]}"></div>
-
-<div data-block="posts" data-props="{&quot;eyebrow&quot;:&quot;From the blog&quot;,&quot;heading&quot;:&quot;Tips and ideas&quot;,&quot;show&quot;:&quot;categories&quot;,&quot;categories&quot;:[],&quot;count&quot;:&quot;3&quot;,&quot;order&quot;:&quot;newest&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;Do I need to know how to code?&quot;,&quot;answer&quot;:&quot;No. Everything you change day to day happens in the editor: pages, posts, photos, menus, colors and settings.&quot;},{&quot;question&quot;:&quot;What does it cost?&quot;,&quot;answer&quot;:&quot;Morpheme is free and open source under the MIT license. You only need free accounts on GitHub and Cloudflare. See [Get started](/get-started/).&quot;},{&quot;question&quot;:&quot;Can I break my site?&quot;,&quot;answer&quot;:&quot;The editor checks every page before it saves, and every save can be restored under Earlier versions.&quot;},{&quot;question&quot;:&quot;Do I own my content?&quot;,&quot;answer&quot;:&quot;Yes. Your pages and posts are plain files in your own GitHub repository, so you can take them anywhere.&quot;}]}"></div>
+---
+title: "Home"
+seoTitle: "Morpheme | The website editor you’ll actually enjoy"
+seoDescription: "Edit pages, posts and photos from any browser, even your phone. Every change is checked, saved as a version you can restore, and live a minute later."
+keyword: "Morpheme"
+---
+
+# Your website, finally easy to change
+
+Edit pages, posts and photos from any browser, even your phone.
+
+Make a change, tap Save, and it’s live about a minute later: checked, backed up and fast.
+
+![The Morpheme editor open on a phone](/images/uploads/2026/10/editor-start.webp)
+
+<div data-block="hero" data-props="{&quot;text&quot;:&quot;&lt;div data-block=\&quot;buttons\&quot; data-props=\&quot;{&amp;quot;items&amp;quot;:[{&amp;quot;label&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;to&amp;quot;:&amp;quot;booking&amp;quot;,&amp;quot;kind&amp;quot;:&amp;quot;filled&amp;quot;,&amp;quot;icon&amp;quot;:&amp;quot;arrow-right&amp;quot;},{&amp;quot;label&amp;quot;:&amp;quot;See what it can do&amp;quot;,&amp;quot;to&amp;quot;:&amp;quot;page&amp;quot;,&amp;quot;href&amp;quot;:&amp;quot;/blocks/&amp;quot;,&amp;quot;kind&amp;quot;:&amp;quot;outlined&amp;quot;}]}\&quot;&gt;&lt;/div&gt;\n\nFree and open source under the MIT license.&quot;}"></div>
+
+<div data-block="points" data-props="{&quot;eyebrow&quot;:&quot;Why Morpheme&quot;,&quot;heading&quot;:&quot;Everything you need, nothing you don’t&quot;,&quot;intro&quot;:&quot;The editor takes care of the careful work, so you can focus on what you want to say.&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;phone&quot;,&quot;title&quot;:&quot;Edit from anywhere&quot;,&quot;text&quot;:&quot;Works in any browser and installs on your phone’s home screen like an app.&quot;},{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;Build with blocks&quot;,&quot;text&quot;:&quot;Cards, steps, FAQs, price tables and more, styled to match your site automatically.&quot;},{&quot;icon&quot;:&quot;book-open&quot;,&quot;title&quot;:&quot;Never lose a thing&quot;,&quot;text&quot;:&quot;Every save is a version you can restore with one tap. Deleted files come back too.&quot;},{&quot;icon&quot;:&quot;lifebuoy&quot;,&quot;title&quot;:&quot;Private by default&quot;,&quot;text&quot;:&quot;No tracking cookies until visitors say yes, and a strict security policy on every page.&quot;}]}"></div>
+
+<div data-block="cards" data-props="{&quot;design&quot;:&quot;image&quot;,&quot;eyebrow&quot;:&quot;Take a closer look&quot;,&quot;heading&quot;:&quot;Grows with your business&quot;,&quot;items&quot;:[{&quot;image&quot;:&quot;/images/uploads/2026/10/editor-page.webp&quot;,&quot;title&quot;:&quot;Blocks&quot;,&quot;text&quot;:&quot;Thirteen building blocks for pages that look designed, not assembled.&quot;,&quot;href&quot;:&quot;/blocks/&quot;},{&quot;image&quot;:&quot;/images/uploads/2026/10/andromeda.webp&quot;,&quot;title&quot;:&quot;App store&quot;,&quot;text&quot;:&quot;Add booking, newsletters and more in one tap, and remove them just as easily.&quot;,&quot;href&quot;:&quot;/app-store/&quot;},{&quot;image&quot;:&quot;/images/uploads/2026/10/editor-themes.webp&quot;,&quot;title&quot;:&quot;Themes&quot;,&quot;text&quot;:&quot;Change the whole look of your site and keep every word and photo.&quot;,&quot;href&quot;:&quot;/switch-themes-without-losing-anything/&quot;}]}"></div>
+
+<div data-block="steps" data-props="{&quot;eyebrow&quot;:&quot;Get started&quot;,&quot;heading&quot;:&quot;Live in three steps&quot;,&quot;intro&quot;:&quot;No servers to manage and nothing to install on your computer.&quot;,&quot;items&quot;:[{&quot;title&quot;:&quot;Create your site&quot;,&quot;text&quot;:&quot;Your site gets its own repository on GitHub and is hosted on Cloudflare.&quot;},{&quot;title&quot;:&quot;Sign in&quot;,&quot;text&quot;:&quot;Open /editor/ on your site and sign in with your GitHub account.&quot;},{&quot;title&quot;:&quot;Publish&quot;,&quot;text&quot;:&quot;Write, add photos and blocks, and tap Save. Your site updates on its own.&quot;}]}"></div>
+
+<div data-block="posts" data-props="{&quot;eyebrow&quot;:&quot;From the blog&quot;,&quot;heading&quot;:&quot;Tips and ideas&quot;,&quot;show&quot;:&quot;categories&quot;,&quot;categories&quot;:[],&quot;count&quot;:&quot;3&quot;,&quot;order&quot;:&quot;newest&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;Do I need to know how to code?&quot;,&quot;answer&quot;:&quot;No. Everything you change day to day happens in the editor: pages, posts, photos, menus, colors and settings.&quot;},{&quot;question&quot;:&quot;What does it cost?&quot;,&quot;answer&quot;:&quot;Morpheme is free and open source under the MIT license. You only need free accounts on GitHub and Cloudflare. See [Get started](/get-started/).&quot;},{&quot;question&quot;:&quot;Can I break my site?&quot;,&quot;answer&quot;:&quot;The editor checks every page before it saves, and every save can be restored under Earlier versions.&quot;},{&quot;question&quot;:&quot;Do I own my content?&quot;,&quot;answer&quot;:&quot;Yes. Your pages and posts are plain files in your own GitHub repository, so you can take them anywhere.&quot;}]}"></div>

package/demo/src/content/pages/page-not-found.md

@@ -1,11 +1,11 @@
----
-title: "Page not found"
----
-
-# Lost in space
-
-This page may have moved, or the address may have a typo. Try one of these instead.
-
-![The Moon against a black sky](/images/uploads/2026/10/moon.webp)
-
-<div data-block="links" data-props="{&quot;groups&quot;:[{&quot;title&quot;:&quot;Popular pages&quot;,&quot;paths&quot;:[&quot;/blocks/&quot;,&quot;/app-store/&quot;,&quot;/about/&quot;,&quot;/get-started/&quot;,&quot;/contact/&quot;]}]}"></div>
+---
+title: "Page not found"
+---
+
+# Lost in space
+
+This page may have moved, or the address may have a typo. Try one of these instead.
+
+![The Moon against a black sky](/images/uploads/2026/10/moon.webp)
+
+<div data-block="links" data-props="{&quot;groups&quot;:[{&quot;title&quot;:&quot;Popular pages&quot;,&quot;paths&quot;:[&quot;/blocks/&quot;,&quot;/app-store/&quot;,&quot;/about/&quot;,&quot;/get-started/&quot;,&quot;/contact/&quot;]}]}"></div>

package/demo/src/content/pages/privacy-policy.md

@@ -1,24 +1,24 @@
----
-title: "Privacy policy"
-description: "What this site stores and which cookies it sets."
-seoTitle: "Privacy policy | Morpheme"
-seoDescription: "What the Morpheme demo stores about you, and which cookies it sets."
----
-
-# Privacy policy
-
-This is Morpheme’s demo site. It doesn’t store anything about you, and it sets no analytics or advertising cookies.
-
-## When you email us
-
-We keep your email and message while we’re in touch, then delete them. We never share them.
-
-## Cookies
-
-If an app that measures visits or shows ads is installed, the cookie banner asks first, and the app’s cookies are listed below.
-
-<div data-block="cookies"></div>
-
-## Your rights
-
-You can always ask what we’ve stored about you, and ask us to correct or delete it. Email hello@morpheme.example.
+---
+title: "Privacy policy"
+description: "What this site stores and which cookies it sets."
+seoTitle: "Privacy policy | Morpheme"
+seoDescription: "What the Morpheme demo stores about you, and which cookies it sets."
+---
+
+# Privacy policy
+
+This is Morpheme’s demo site. It doesn’t store anything about you, and it sets no analytics or advertising cookies.
+
+## When you email us
+
+We keep your email and message while we’re in touch, then delete them. We never share them.
+
+## Cookies
+
+If an app that measures visits or shows ads is installed, the cookie banner asks first, and the app’s cookies are listed below.
+
+<div data-block="cookies"></div>
+
+## Your rights
+
+You can always ask what we’ve stored about you, and ask us to correct or delete it. Email hello@morpheme.example.

package/demo/src/data/blocks.json

@@ -1,25 +1,25 @@
-{
-  "testimonials": {
-    "more": "Read more",
-    "less": "Show less"
-  },
-  "cards": {
-    "more": "Learn more"
-  },
-  "buttons": {
-    "items": [
-      {
-        "label": "",
-        "to": "booking",
-        "kind": "filled",
-        "icon": "arrow-right"
-      },
-      {
-        "label": "",
-        "to": "phone",
-        "kind": "outlined",
-        "icon": "phone"
-      }
-    ]
-  }
-}
+{
+  "testimonials": {
+    "more": "Read more",
+    "less": "Show less"
+  },
+  "cards": {
+    "more": "Learn more"
+  },
+  "buttons": {
+    "items": [
+      {
+        "label": "",
+        "to": "booking",
+        "kind": "filled",
+        "icon": "arrow-right"
+      },
+      {
+        "label": "",
+        "to": "phone",
+        "kind": "outlined",
+        "icon": "phone"
+      }
+    ]
+  }
+}

package/demo/src/data/booking.json

@@ -1,6 +1,6 @@
-{
-  "heading": "Ready when you are",
-  "text": "Set up your site in an afternoon, and make your first change from your phone tonight.",
-  "book": "Get started",
-  "call": "Call us"
-}
+{
+  "heading": "Ready when you are",
+  "text": "Set up your site in an afternoon, and make your first change from your phone tonight.",
+  "book": "Get started",
+  "call": "Call us"
+}

package/demo/src/data/categories/apps.json

@@ -1,6 +1,6 @@
-{
-  "name": "Apps",
-  "blogCategory": true,
-  "seoTitle": "Apps | Morpheme",
-  "seoDescription": "The app store and what apps add to a website."
-}
+{
+  "name": "Apps",
+  "blogCategory": true,
+  "seoTitle": "Apps | Morpheme",
+  "seoDescription": "The app store and what apps add to a website."
+}

package/demo/src/data/categories/design.json

@@ -1,6 +1,6 @@
-{
-  "name": "Design",
-  "blogCategory": true,
-  "seoTitle": "Design | Morpheme",
-  "seoDescription": "Themes, colors and blocks."
-}
+{
+  "name": "Design",
+  "blogCategory": true,
+  "seoTitle": "Design | Morpheme",
+  "seoDescription": "Themes, colors and blocks."
+}

package/demo/src/data/categories/editing.json

@@ -1,6 +1,6 @@
-{
-  "name": "Editing",
-  "blogCategory": true,
-  "seoTitle": "Editing | Morpheme",
-  "seoDescription": "Writing, publishing and scheduling with Morpheme."
-}
+{
+  "name": "Editing",
+  "blogCategory": true,
+  "seoTitle": "Editing | Morpheme",
+  "seoDescription": "Writing, publishing and scheduling with Morpheme."
+}

package/demo/src/data/categories/security.json

@@ -1,6 +1,6 @@
-{
-  "name": "Security",
-  "blogCategory": true,
-  "seoTitle": "Security | Morpheme",
-  "seoDescription": "How Morpheme keeps your site and your visitors safe."
-}
+{
+  "name": "Security",
+  "blogCategory": true,
+  "seoTitle": "Security | Morpheme",
+  "seoDescription": "How Morpheme keeps your site and your visitors safe."
+}

package/demo/src/data/categories/seo.json

@@ -1,6 +1,6 @@
-{
-  "name": "SEO",
-  "blogCategory": true,
-  "seoTitle": "SEO | Morpheme",
-  "seoDescription": "Getting found on Google: titles, descriptions, links and redirects."
-}
+{
+  "name": "SEO",
+  "blogCategory": true,
+  "seoTitle": "SEO | Morpheme",
+  "seoDescription": "Getting found on Google: titles, descriptions, links and redirects."
+}