domma-cms 1.8.43 → 1.8.45

package/server/blocks/domma-block-hero.css

@@ -0,0 +1,15 @@
+.db-hero {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    padding: clamp(2rem, 6vw, 5rem) 1.25rem; text-align: center;
+}
+.db-hero-heading { margin: 0 0 1rem; color: inherit; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
+.db-hero-blurb { margin: 0; line-height: 1.75; white-space: pre-line; }
+.db-hero-blurb:empty { display: none; }
+.db-hero-heading { max-width: 54rem; margin-inline: auto; font-size: clamp(2rem, 5vw, 4rem); }
+.db-hero-blurb { max-width: 42rem; margin-inline: auto; font-size: 1.15rem; }
+.db-hero a.db-hero-link { display: inline-block; max-width: 100%; box-sizing: border-box; margin-top: 1.5rem; padding: .8rem 1.25rem; border: 2px solid currentColor; border-radius: var(--dm-radius, .5rem); color: inherit; font-weight: 600; text-decoration: none; line-height: 1.4; }
+.db-hero a.db-hero-link:hover { text-decoration: underline; }
+.db-hero a.db-hero-link:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
+.db-hero a.db-hero-link[href=""], .db-hero a.db-hero-link:not([href]), .db-hero a.db-hero-link:empty { display: none; }

package/server/blocks/domma-block-hero.html

@@ -0,0 +1,13 @@
+<!--
+  domma-block-hero - A centred page introduction with an optional button.
+
+  Parameters:
+    header - Main page heading (h1; use once per page)
+    blurb - Short introduction, as plain text
+    link - Optional button destination
+    label - Optional button text
+
+  Example:
+    [domma-block-hero header="Welcome to your next chapter" blurb="Say what you do and who you help." link="/contact" label="Let us help" /]
+-->
+<section class="db-hero"><h1 class="db-hero-heading">{{header}}</h1><p class="db-hero-blurb">{{blurb}}</p><a class="db-hero-link db-hero-btn" href="{{link}}">{{label}}</a></section>

package/server/blocks/domma-block-hero.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "introductions"
+    ]
+}

package/server/blocks/domma-block-image.css

@@ -0,0 +1,8 @@
+.db-image {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+}
+.db-image img { display: block; width: 100%; height: auto; border-radius: var(--dm-radius-xl, 1rem); }
+.db-image figcaption { margin-top: .75rem; font-size: .95rem; line-height: 1.6; text-align: center; white-space: pre-line; }
+.db-image img[src=""], .db-image img:not([src]), .db-image figcaption:empty { display: none; }

package/server/blocks/domma-block-image.html

@@ -0,0 +1,12 @@
+<!--
+  domma-block-image - An uncropped image with an optional caption.
+
+  Parameters:
+    image - Image address from your Media library
+    alt - Image description; empty for a decorative image
+    caption - Optional image caption, as plain text
+
+  Example:
+    [domma-block-image image="/media/your-work.jpg" alt="Describe what visitors can see" caption="Add a little context to the image." /]
+-->
+<figure class="db-image"><img src="{{image}}" alt="{{alt}}" loading="lazy" decoding="async"><figcaption>{{caption}}</figcaption></figure>

package/server/blocks/domma-block-image.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "content"
+    ]
+}

package/server/blocks/domma-block-logos.css

@@ -0,0 +1,13 @@
+.db-logos {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    text-align: center;
+}
+.db-logos-heading { margin: 0 0 1rem; color: inherit; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
+.db-logos-blurb { margin: 0; line-height: 1.75; white-space: pre-line; }
+.db-logos-blurb:empty { display: none; }
+.db-logos-heading:empty { display: none; }
+.db-logos-grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2rem; padding: 1.5rem; }
+.db-logos-grid img { display: block; width: 10rem; max-width: 100%; height: 5rem; object-fit: contain; }
+.db-logos-grid img[src=""], .db-logos-grid img:not([src]) { display: none; }

package/server/blocks/domma-block-logos.html

@@ -0,0 +1,18 @@
+<!--
+  domma-block-logos - A responsive row of up to four organisation logos.
+
+  Parameters:
+    header - Optional heading (h2)
+    image1 - Logo 1 image address
+    alt1 - Logo 1 organisation name
+    image2 - Logo 2 image address
+    alt2 - Logo 2 organisation name
+    image3 - Logo 3 image address
+    alt3 - Logo 3 organisation name
+    image4 - Logo 4 image address
+    alt4 - Logo 4 organisation name
+
+  Example:
+    [domma-block-logos header="Who we work with" image1="/media/partner-logo.svg" alt1="Partner name" /]
+-->
+<section class="db-logos"><h2 class="db-logos-heading">{{header}}</h2><div class="db-logos-grid"><img src="{{image1}}" alt="{{alt1}}" loading="lazy" decoding="async"><img src="{{image2}}" alt="{{alt2}}" loading="lazy" decoding="async"><img src="{{image3}}" alt="{{alt3}}" loading="lazy" decoding="async"><img src="{{image4}}" alt="{{alt4}}" loading="lazy" decoding="async"></div></section>

package/server/blocks/domma-block-logos.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "trust"
+    ]
+}

package/server/blocks/domma-block-pricing-card.css

@@ -0,0 +1,20 @@
+.db-price {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    padding: clamp(1.25rem, 3vw, 2rem);
+    border: 1px solid var(--dm-card-border, var(--dm-border, #d5e0e5));
+    border-radius: var(--dm-radius-xl, 1rem);
+    background: var(--dm-card-bg, var(--dm-surface, #f5f8fa));
+}
+.db-price-heading { margin: 0 0 1rem; color: inherit; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
+.db-price-blurb { margin: 0; line-height: 1.75; white-space: pre-line; }
+.db-price-blurb:empty { display: none; }
+.db-price-heading { font-size: 1.4rem; }
+.db-price-amount { margin: 0 0 .5rem; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; line-height: 1.2; }
+.db-price-period { margin: 0 0 1.5rem; line-height: 1.6; }
+.db-price-period:empty { display: none; }
+.db-price a.db-price-link { display: inline-block; max-width: 100%; box-sizing: border-box; margin-top: 1.5rem; padding: .8rem 1.25rem; border: 2px solid currentColor; border-radius: var(--dm-radius, .5rem); color: inherit; font-weight: 600; text-decoration: none; line-height: 1.4; }
+.db-price a.db-price-link:hover { text-decoration: underline; }
+.db-price a.db-price-link:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
+.db-price a.db-price-link[href=""], .db-price a.db-price-link:not([href]), .db-price a.db-price-link:empty { display: none; }

package/server/blocks/domma-block-pricing-card.html

@@ -0,0 +1,15 @@
+<!--
+  domma-block-pricing-card - A clear price or package card with an optional enquiry button.
+
+  Parameters:
+    header - Package heading (h3)
+    blurb - What is included, as plain text
+    price - Price text, including currency and any tax wording
+    period - Optional billing period or pricing note
+    link - Optional button destination
+    label - Optional button text
+
+  Example:
+    [domma-block-pricing-card header="Your package" price="Ask for a quote" blurb="Describe exactly what is included." link="/contact" label="Talk it through" /]
+-->
+<article class="db-price"><h3 class="db-price-heading">{{header}}</h3><p class="db-price-amount">{{price}}</p><p class="db-price-period">{{period}}</p><p class="db-price-blurb">{{blurb}}</p><a class="db-price-link db-price-btn" href="{{link}}">{{label}}</a></article>

package/server/blocks/domma-block-pricing-card.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "services"
+    ]
+}

package/server/blocks/domma-block-service-card.css

@@ -0,0 +1,17 @@
+.db-service {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    overflow: hidden; border: 1px solid var(--dm-card-border, var(--dm-border, #d5e0e5)); border-radius: var(--dm-radius-xl, 1rem); background: var(--dm-card-bg, var(--dm-surface, #f5f8fa));
+}
+.db-service-image { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
+.db-service-image[src=""], .db-service-image:not([src]) { display: none; }
+.db-service-body { padding: 1.5rem; }
+.db-service-heading { margin: 0 0 1rem; color: inherit; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
+.db-service-blurb { margin: 0; line-height: 1.75; white-space: pre-line; }
+.db-service-blurb:empty { display: none; }
+.db-service-heading { font-size: 1.4rem; }
+.db-service a.db-service-link { display: inline-block; max-width: 100%; box-sizing: border-box; margin-top: 1.5rem; padding: .8rem 1.25rem; border: 2px solid currentColor; border-radius: var(--dm-radius, .5rem); color: inherit; font-weight: 600; text-decoration: none; line-height: 1.4; }
+.db-service a.db-service-link:hover { text-decoration: underline; }
+.db-service a.db-service-link:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
+.db-service a.db-service-link[href=""], .db-service a.db-service-link:not([href]), .db-service a.db-service-link:empty { display: none; }

package/server/blocks/domma-block-service-card.html

@@ -0,0 +1,15 @@
+<!--
+  domma-block-service-card - A reusable service card with an optional photo and button.
+
+  Parameters:
+    header - Card heading (h3)
+    blurb - Service description, as plain text
+    image - Image address from your Media library
+    alt - Image description; empty for a decorative image
+    link - Optional button destination
+    label - Optional button text
+
+  Example:
+    [domma-block-service-card header="Your service" blurb="Explain the benefit in a sentence or two." link="/services" label="Find out more" /]
+-->
+<article class="db-service"><img class="db-service-image" src="{{image}}" alt="{{alt}}" loading="lazy" decoding="async"><div class="db-service-body"><h3 class="db-service-heading">{{header}}</h3><p class="db-service-blurb">{{blurb}}</p><a class="db-service-link db-service-btn" href="{{link}}">{{label}}</a></div></article>

package/server/blocks/domma-block-service-card.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "services"
+    ]
+}

package/server/blocks/domma-block-split.css

@@ -0,0 +1,26 @@
+.db-split {
+    margin-block: 1.5rem;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    align-items: center;
+    gap: clamp(1.5rem, 4vw, 3.5rem);
+    color: var(--dm-text, #152832);
+}
+.db-split-image {
+    display: block;
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    object-fit: cover;
+    border-radius: var(--dm-radius-xl, 1rem);
+}
+.db-split-image[src=""], .db-split-image:not([src]) { display: none; }
+.db-split-body { min-width: 0; padding: .5rem 0; }
+.db-split-heading { margin: 0 0 1rem; font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.2; color: inherit; overflow-wrap: anywhere; }
+.db-split-blurb { margin: 0; font-size: 1.1rem; line-height: 1.75; white-space: pre-line; overflow-wrap: anywhere; }
+.db-split a.db-split-link { display: inline-block; margin-top: 1.5rem; padding: .8rem 1.25rem; border: 2px solid currentColor; border-radius: var(--dm-radius, .5rem); color: inherit; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
+.db-split a.db-split-link:hover { text-decoration: underline; }
+.db-split a.db-split-link:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
+.db-split a.db-split-link[href=""], .db-split a.db-split-link:not([href]), .db-split a.db-split-link:empty { display: none; }
+@media (max-width: 767px) {
+    .db-split { grid-template-columns: minmax(0, 1fr); }
+}

package/server/blocks/domma-block-split.html

@@ -0,0 +1,22 @@
+<!--
+  domma-block-split - A simple image and text section that stacks on phones.
+
+  Parameters:
+    header - Section heading (h2)
+    blurb  - Section introduction, as plain text
+    image  - Image address from your media library
+    alt    - Description of the image
+    link   - Optional button destination
+    label  - Optional button text
+
+  Example:
+    [domma-block-split header="Made for your business" blurb="Tell visitors how you can help." image="/media/about.jpg" alt="Our workspace" link="/about" label="Meet us" /]
+-->
+<section class="db-split">
+  <img class="db-split-image" src="{{image}}" alt="{{alt}}" loading="lazy" decoding="async">
+  <div class="db-split-body">
+    <h2 class="db-split-heading">{{header}}</h2>
+    <p class="db-split-blurb">{{blurb}}</p>
+    <a class="db-split-link db-split-btn" href="{{link}}">{{label}}</a>
+  </div>
+</section>

package/server/blocks/domma-block-split.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "content"
+    ]
+}

package/server/blocks/domma-block-stats.css

@@ -0,0 +1,20 @@
+.db-stats {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    text-align: center;
+}
+.db-stats-heading { margin: 0 0 1rem; color: inherit; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
+.db-stats-blurb { margin: 0; line-height: 1.75; white-space: pre-line; }
+.db-stats-blurb:empty { display: none; }
+.db-stats-heading:empty { display: none; }
+.db-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 1.25rem; margin: 0; }
+.db-stats-item { display: flex; flex-direction: column; gap: .5rem;
+    padding: clamp(1.25rem, 3vw, 2rem);
+    border: 1px solid var(--dm-card-border, var(--dm-border, #d5e0e5));
+    border-radius: var(--dm-radius-xl, 1rem);
+    background: var(--dm-card-bg, var(--dm-surface, #f5f8fa));
+}
+.db-stats-item dt { order: 2; font-weight: 400; line-height: 1.6; }
+.db-stats-item dd { order: 1; margin: 0; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; line-height: 1.2; }
+.db-stats-item:has(dd:empty) { display: none; }

package/server/blocks/domma-block-stats.html

@@ -0,0 +1,16 @@
+<!--
+  domma-block-stats - Up to three useful figures with clear labels.
+
+  Parameters:
+    header - Optional section heading (h2)
+    value1 - Figure 1, including any unit
+    label1 - Figure 1 explanation
+    value2 - Figure 2, including any unit
+    label2 - Figure 2 explanation
+    value3 - Figure 3, including any unit
+    label3 - Figure 3 explanation
+
+  Example:
+    [domma-block-stats header="A few useful facts" value1="Your figure" label1="Explain what it represents" /]
+-->
+<section class="db-stats"><h2 class="db-stats-heading">{{header}}</h2><dl class="db-stats-grid"><div class="db-stats-item"><dt>{{label1}}</dt><dd>{{value1}}</dd></div><div class="db-stats-item"><dt>{{label2}}</dt><dd>{{value2}}</dd></div><div class="db-stats-item"><dt>{{label3}}</dt><dd>{{value3}}</dd></div></dl></section>

package/server/blocks/domma-block-stats.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "trust"
+    ]
+}

package/server/blocks/domma-block-steps.css

@@ -0,0 +1,19 @@
+.db-steps {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+}
+.db-steps-heading { margin: 0 0 1rem; color: inherit; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
+.db-steps-blurb { margin: 0; line-height: 1.75; white-space: pre-line; }
+.db-steps-blurb:empty { display: none; }
+.db-steps-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 1.25rem; counter-reset: db-step; list-style: none; margin: 1.5rem 0 0; padding: 0; }
+.db-steps-item { counter-increment: db-step;
+    padding: clamp(1.25rem, 3vw, 2rem);
+    border: 1px solid var(--dm-card-border, var(--dm-border, #d5e0e5));
+    border-radius: var(--dm-radius-xl, 1rem);
+    background: var(--dm-card-bg, var(--dm-surface, #f5f8fa));
+}
+.db-steps-item::before { content: counter(db-step, decimal-leading-zero); display: block; margin-bottom: 1rem; font-size: 1.75rem; font-weight: 700; }
+.db-steps-item h3 { margin: 0 0 .75rem; color: inherit; font-size: 1.25rem; }
+.db-steps-item p { margin: 0; line-height: 1.7; white-space: pre-line; }
+.db-steps-item:has(h3:empty) { display: none; }

package/server/blocks/domma-block-steps.html

@@ -0,0 +1,17 @@
+<!--
+  domma-block-steps - A clear, numbered process with up to three steps.
+
+  Parameters:
+    header - Section heading (h2)
+    blurb - Introduction, as plain text
+    title1 - Step 1 heading
+    text1 - Step 1 description
+    title2 - Step 2 heading
+    text2 - Step 2 description
+    title3 - Step 3 heading
+    text3 - Step 3 description
+
+  Example:
+    [domma-block-steps header="Getting started" blurb="A simple way forward." title1="Say hello" text1="Tell us what you need." title2="Make a plan" text2="Agree the details together." title3="Get going" text3="Put your plan into action." /]
+-->
+<section class="db-steps"><h2 class="db-steps-heading">{{header}}</h2><p class="db-steps-blurb">{{blurb}}</p><ol class="db-steps-list"><li class="db-steps-item"><h3>{{title1}}</h3><p>{{text1}}</p></li><li class="db-steps-item"><h3>{{title2}}</h3><p>{{text2}}</p></li><li class="db-steps-item"><h3>{{title3}}</h3><p>{{text3}}</p></li></ol></section>

package/server/blocks/domma-block-steps.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "services"
+    ]
+}

package/server/blocks/domma-block-team-card.css

@@ -0,0 +1,13 @@
+.db-team {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    border: 1px solid var(--dm-card-border, var(--dm-border, #d5e0e5)); border-radius: var(--dm-radius-xl, 1rem); overflow: hidden; background: var(--dm-card-bg, var(--dm-surface, #f5f8fa));
+}
+.db-team-image { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
+.db-team-image[src=""], .db-team-image:not([src]) { display: none; }
+.db-team-body { padding: 1.5rem; }
+.db-team-name { margin: 0 0 .5rem; font-size: 1.4rem; color: inherit; }
+.db-team-role { margin: 0 0 1rem; font-weight: 600; }
+.db-team-blurb { margin: 0; white-space: pre-line; line-height: 1.7; }
+.db-team-role:empty, .db-team-blurb:empty { display: none; }

package/server/blocks/domma-block-team-card.html

@@ -0,0 +1,14 @@
+<!--
+  domma-block-team-card - A team member photo, role and short introduction.
+
+  Parameters:
+    name - Person name (h3)
+    role - Role or specialism
+    blurb - Short introduction, as plain text
+    image - Image address from your Media library
+    alt - Image description; empty for a decorative image
+
+  Example:
+    [domma-block-team-card name="Team member" role="Role or specialism" blurb="A short, friendly introduction." image="/media/team-member.jpg" alt="Portrait of your team member" /]
+-->
+<article class="db-team"><img class="db-team-image" src="{{image}}" alt="{{alt}}" loading="lazy" decoding="async"><div class="db-team-body"><h3 class="db-team-name">{{name}}</h3><p class="db-team-role">{{role}}</p><p class="db-team-blurb">{{blurb}}</p></div></article>

package/server/blocks/domma-block-team-card.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "trust"
+    ]
+}

package/server/blocks/domma-block-testimonial.css

@@ -0,0 +1,13 @@
+.db-testimonial {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    padding: clamp(1.25rem, 3vw, 2rem);
+    border: 1px solid var(--dm-card-border, var(--dm-border, #d5e0e5));
+    border-radius: var(--dm-radius-xl, 1rem);
+    background: var(--dm-card-bg, var(--dm-surface, #f5f8fa));
+}
+.db-testimonial-quote { margin: 0; padding: 0; border: 0; color: inherit; font-size: clamp(1.15rem, 2vw, 1.6rem); line-height: 1.65; white-space: pre-line; }
+.db-testimonial-attribution { display: grid; gap: .3rem; margin-top: 1.25rem; }
+.db-testimonial-attribution span { font-size: .95rem; }
+.db-testimonial-attribution strong:empty, .db-testimonial-attribution span:empty, .db-testimonial-attribution:has(strong:empty):has(span:empty) { display: none; }

package/server/blocks/domma-block-testimonial.html

@@ -0,0 +1,12 @@
+<!--
+  domma-block-testimonial - A customer quotation with an optional attribution.
+
+  Parameters:
+    quote - An approved customer quotation, as plain text
+    name - Customer name
+    detail - Optional role or business
+
+  Example:
+    [domma-block-testimonial quote="Replace this with a customer quotation you have permission to share." name="Customer name" detail="Business or role" /]
+-->
+<figure class="db-testimonial"><blockquote class="db-testimonial-quote">{{quote}}</blockquote><figcaption class="db-testimonial-attribution"><strong>{{name}}</strong><span>{{detail}}</span></figcaption></figure>

package/server/blocks/domma-block-testimonial.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "trust"
+    ]
+}

package/server/blocks/domma-block-text.css

@@ -0,0 +1,9 @@
+.db-text {
+    margin-block: 1.5rem;
+    color: var(--dm-text, #152832);
+    overflow-wrap: anywhere;
+    max-width: 48rem; margin-inline: auto; padding-block: 1rem;
+}
+.db-text-heading { margin: 0 0 1rem; color: inherit; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
+.db-text-blurb { margin: 0; line-height: 1.75; white-space: pre-line; }
+.db-text-blurb:empty { display: none; }

package/server/blocks/domma-block-text.html

@@ -0,0 +1,11 @@
+<!--
+  domma-block-text - A readable text section for your story or an introduction.
+
+  Parameters:
+    header - Section heading (h2)
+    blurb - Introduction, as plain text
+
+  Example:
+    [domma-block-text header="Our story" blurb="Share a little about your business and the people behind it." /]
+-->
+<section class="db-text"><h2 class="db-text-heading">{{header}}</h2><p class="db-text-blurb">{{blurb}}</p></section>

package/server/blocks/domma-block-text.meta.json

@@ -0,0 +1,7 @@
+{
+    "bundled": true,
+    "adminTags": [
+        "domma-blocks",
+        "content"
+    ]
+}

package/server/services/blocks.js

@@ -7,6 +7,7 @@ import fs from 'fs/promises';
 import path from 'path';
 import {fileURLToPath} from 'url';
 import * as cache from './cache/index.js';
+import {seedStarterBlocks} from './starter-blocks.js';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const BLOCKS_DIR = path.resolve(__dirname, '../../content/blocks');
@@ -427,6 +428,7 @@ export async function deleteBlock(name) {
  * Skips any file that already exists to preserve user customisations.
  */
 export async function seedDefaultBlocks() {
+    await seedStarterBlocks(BLOCKS_DIR);
     for (const [name, content] of Object.entries(BLOCKS)) {
         await seedBlock(name, content);
     }

package/server/services/markdown.js

@@ -423,10 +423,29 @@ export function buildBlockStyleTag(blockName, css) {
  * @param {object} e             - Collection entry { id, data, meta }
  * @returns {string}
  */
+/**
+ * A filled block goes into Markdown as HTML, and a blank line ends an HTML block:
+ * what follows, indented, marked then shows as code - raw tags on the page. A
+ * placeholder alone on its line with nothing to fill it (`    {{bio}}` with no
+ * bio) made exactly that blank line, so such a line goes. The template's OWN
+ * blank lines stay: they are how a template hands a Markdown value to marked.
+ * Each line is filled by itself, in one pass as before.
+ */
+function fillTemplateLines(template, fill) {
+    const PLACEHOLDER = /\{\{\{(\w+)\}\}\}|\{\{([\w_]+)(?::([^{}]+))?\}\}/g;
+    const out = [];
+    for (const line of template.split('\n')) {
+        const filled = line.replace(PLACEHOLDER, fill);
+        if (!filled.trim() && line.trim() && /\{\{/.test(line)) continue;
+        out.push(filled);
+    }
+    return out.join('\n');
+}
+
 function interpolateBlockTemplate(blockTemplate, e) {
     // One pass: a raw value put in (pre-rendered HTML) is never read again for
     // placeholders - text that shows "{{title}}" keeps it.
-    return blockTemplate.replace(/\{\{\{(\w+)\}\}\}|\{\{([\w_]+)(?::([^{}]+))?\}\}/g, (_, raw, key, fmt) => {
+    return fillTemplateLines(blockTemplate, (_, raw, key, fmt) => {
         // Entry values never carry a shortcode into the page (inertShortcodes);
         // the template's own markup is untouched.
         if (raw !== undefined) return inertShortcodes(String(e.data?.[raw] ?? ''));
@@ -510,7 +529,7 @@ function renderCollectionBlocks(entries, blockTemplate, emptyMsg, ctaOpts, cols,
 function renderBlockFromAttrs(tmpl, attrs, blockName = '') {
     // Triple-brace raw pass-through and `{{field}}` (optional `:format`, e.g. `{{date:DD MMM YYYY}}`)
     // in one pass, so a raw value is never read again for placeholders.
-    const rendered = tmpl.replace(/\{\{\{(\w+)\}\}\}|\{\{([\w_]+)(?::([^{}]+))?\}\}/g, (_, rawKey, key, fmt) => {
+    const rendered = fillTemplateLines(tmpl, (_, rawKey, key, fmt) => {
         if (rawKey !== undefined) return String(attrs[rawKey] ?? '');
         const raw = attrs[key] ?? '';
         if (fmt) {
@@ -1967,7 +1986,10 @@ export function scrubCodeRegions(markdown, preserveIndented = false) {
   // Inline code spans (single or multiple backticks, non-greedy)
   scrubbed = scrubbed.replace(/`+[^`\n]+`+/g, placeholder);
 
-  const restore = (s) => s.replace(new RegExp(`\\x02SC${callId}:(\\d+)\\x03`, 'g'), (_, i) => store[parseInt(i, 10)]);
+  // A stored region can hold an earlier placeholder of this same call - an indented
+  // line (preserveIndented) holding an inline <code> - so what comes back is
+  // restored too. Restoring it once left "SC1:0" on the page.
+  const restore = (s) => s.replace(new RegExp(`\\x02SC${callId}:(\\d+)\\x03`, 'g'), (_, i) => restore(store[parseInt(i, 10)]));
   return {scrubbed, restore};
 }
 

package/server/services/starter-blocks.js

@@ -0,0 +1,18 @@
+/** Editable starting points for new pages, copied without replacing site edits. */
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const sourceDir = fileURLToPath(new URL('../blocks/', import.meta.url));
+
+export async function seedStarterBlocks(destination) {
+    await fs.mkdir(destination, {recursive: true});
+    for (const name of await fs.readdir(sourceDir)) {
+        if (!/^domma-block-[a-z-]+\.(html|css|meta\.json)$/.test(name)) continue;
+        try {
+            await fs.copyFile(path.join(sourceDir, name), path.join(destination, name), fs.constants.COPYFILE_EXCL);
+        } catch (error) {
+            if (error.code !== 'EEXIST') throw error;
+        }
+    }
+}