@morphemecms/cms 0.0.0-stage → 0.1.0

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

@@ -0,0 +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>

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

@@ -0,0 +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.

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

@@ -0,0 +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.

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

@@ -0,0 +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.

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

@@ -0,0 +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>

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

@@ -0,0 +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.

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +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.

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +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>

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

@@ -0,0 +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.

package/demo/src/data/blocks.json

@@ -0,0 +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"
+      }
+    ]
+  }
+}

package/demo/src/data/booking.json

@@ -0,0 +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"
+}

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

@@ -0,0 +1,6 @@
+{
+  "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

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

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

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

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

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

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

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

package/demo/src/data/colors.json

@@ -0,0 +1,75 @@
+{
+  "light": {
+    "bg": "#f9f9ff",
+    "surface": "#ffffff",
+    "surface-container-lowest": "#ffffff",
+    "surface-container-low": "#f3f3fa",
+    "surface-container": "#ededf4",
+    "surface-container-high": "#e8e7ee",
+    "surface-container-highest": "#e2e2e9",
+    "inverse-surface": "#2f3036",
+    "inverse-on-surface": "#f0f0f7",
+    "inverse-primary": "#acc7ff",
+    "tint": "#e8e7ee",
+    "ink": "#1a1b20",
+    "muted": "#44474e",
+    "line": "#c4c6d0",
+    "outline": "#74777f",
+    "accent": "#435e91",
+    "accent-hover": "#375284",
+    "on-accent": "#ffffff",
+    "accent-container": "#d7e2ff",
+    "on-accent-container": "#2a4678",
+    "secondary": "#565e71",
+    "on-secondary": "#ffffff",
+    "secondary-container": "#dae2f9",
+    "on-secondary-container": "#3f4759",
+    "tertiary": "#705574",
+    "on-tertiary": "#ffffff",
+    "tertiary-container": "#fbd7fc",
+    "on-tertiary-container": "#573e5b",
+    "error": "#ba1a1a",
+    "on-error": "#ffffff",
+    "error-container": "#ffdad6",
+    "on-error-container": "#93000a"
+  },
+  "dark": {
+    "bg": "#111318",
+    "surface": "#1a1b20",
+    "surface-container-lowest": "#0c0e13",
+    "surface-container-low": "#1a1b20",
+    "surface-container": "#1e2025",
+    "surface-container-high": "#282a2f",
+    "surface-container-highest": "#33353a",
+    "inverse-surface": "#e2e2e9",
+    "inverse-on-surface": "#2f3036",
+    "inverse-primary": "#435e91",
+    "tint": "#282a2f",
+    "ink": "#e2e2e9",
+    "muted": "#c4c6d0",
+    "line": "#44474e",
+    "outline": "#8e9099",
+    "accent": "#acc7ff",
+    "accent-hover": "#c2d5ff",
+    "on-accent": "#0e2f60",
+    "accent-container": "#2a4678",
+    "on-accent-container": "#d7e2ff",
+    "secondary": "#bec6dc",
+    "on-secondary": "#283041",
+    "secondary-container": "#3f4759",
+    "on-secondary-container": "#dae2f9",
+    "tertiary": "#debcdf",
+    "on-tertiary": "#402844",
+    "tertiary-container": "#573e5b",
+    "on-tertiary-container": "#fbd7fc",
+    "error": "#ffb4ab",
+    "on-error": "#690005",
+    "error-container": "#93000a",
+    "on-error-container": "#ffdad6"
+  },
+  "dynamic": {
+    "source": "#425E92",
+    "variant": "tonalSpot",
+    "contrast": "standard"
+  }
+}

package/demo/src/data/contact.json

@@ -0,0 +1,8 @@
+{
+  "name": "Morpheme",
+  "role": "The website editor",
+  "phone": "+1 555 010 0199",
+  "email": "hello@morpheme.example",
+  "street": "1 Example Street",
+  "city": "12345 Exampleville"
+}

package/demo/src/data/cookies.json

@@ -0,0 +1,21 @@
+{
+  "enabled": true,
+  "heading": "Cookies, only with your OK",
+  "text": "We’d like to measure how the site is used. Nothing is set unless you say yes, and you can change your mind at the bottom of any page.",
+  "more": "Learn more",
+  "no": "No thanks",
+  "yes": "Accept",
+  "choose": "Choose",
+  "save": "Save choices",
+  "consentId": "Your consent ID",
+  "necessary": "Necessary",
+  "necessaryText": "Keep the site working and remember your choice. These can’t be turned off.",
+  "preferences": "Preferences",
+  "preferencesText": "Remember your settings on the site.",
+  "statistics": "Statistics",
+  "statisticsText": "Show us how many people visit and what they read.",
+  "marketing": "Marketing",
+  "marketingText": "Show us whether our ads bring people to the site.",
+  "targeting": "Targeted ads",
+  "targetingText": "Let advertisers use your visit to show you our ads elsewhere."
+}