plum-cms 0.1.0

data/app/themes/bagel-boy/assets/screenshot.svg

@@ -0,0 +1,92 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 750" role="img" aria-labelledby="title desc">
+  <title id="title">Bagel Boy theme preview</title>
+  <desc id="desc">A polished preview of the Bagel Boy theme with a retro bakery header, hero section, menu cards, and hours panel.</desc>
+
+  <defs>
+    <filter id="soft-shadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="0" dy="16" stdDeviation="18" flood-color="#0C0B0A" flood-opacity=".15"/>
+    </filter>
+    <pattern id="tile" width="58" height="58" patternUnits="userSpaceOnUse">
+      <path d="M0 58L58 0" stroke="#FDC694" stroke-width="4" stroke-opacity=".28"/>
+    </pattern>
+    <radialGradient id="bagel" cx="34%" cy="28%" r="72%">
+      <stop offset="0" stop-color="#FFE4A2"/>
+      <stop offset=".48" stop-color="#C87734"/>
+      <stop offset="1" stop-color="#9B4D1F"/>
+    </radialGradient>
+  </defs>
+
+  <rect width="1200" height="750" fill="#FFF6E9"/>
+  <rect width="1200" height="750" fill="url(#tile)" opacity=".55"/>
+
+  <g filter="url(#soft-shadow)">
+    <rect x="70" y="56" width="1060" height="640" rx="24" fill="#FEFEFE"/>
+  </g>
+
+  <rect x="70" y="56" width="1060" height="640" rx="24" fill="#FEFEFE" stroke="#0C0B0A" stroke-opacity=".14" stroke-width="3"/>
+  <rect x="70" y="56" width="1060" height="112" rx="24" fill="#FEFEFE"/>
+  <path d="M70 144H1130" stroke="#FB404C" stroke-width="8"/>
+
+  <g transform="translate(116 82)">
+    <circle cx="40" cy="40" r="37" fill="#FB404C"/>
+    <circle cx="40" cy="40" r="15" fill="#FEFEFE"/>
+    <circle cx="25" cy="24" r="4.5" fill="#FCDE5A"/>
+    <circle cx="50" cy="19" r="4" fill="#FCDE5A"/>
+    <circle cx="57" cy="50" r="4.5" fill="#FCDE5A"/>
+    <text x="92" y="47" fill="#FB404C" font-family="Arial Black, Arial, sans-serif" font-size="36" font-weight="900">Bagel Boy</text>
+  </g>
+
+  <g fill="#0C0B0A" font-family="Arial, sans-serif" font-size="18" font-weight="700">
+    <text x="775" y="126">Menu</text>
+    <text x="858" y="126">Hours</text>
+    <text x="943" y="126">Order</text>
+  </g>
+  <rect x="1024" y="95" width="76" height="38" rx="19" fill="#FCDE5A"/>
+  <text x="1043" y="120" fill="#0C0B0A" font-family="Arial, sans-serif" font-size="15" font-weight="900">Visit</text>
+
+  <g transform="translate(116 214)">
+    <rect x="0" y="0" width="608" height="302" rx="26" fill="#FFF6E9"/>
+    <text x="34" y="68" fill="#FB404C" font-family="Arial Black, Arial, sans-serif" font-size="74" font-weight="900">Big bagel</text>
+    <text x="34" y="145" fill="#FB404C" font-family="Arial Black, Arial, sans-serif" font-size="74" font-weight="900">energy.</text>
+    <rect x="38" y="184" width="342" height="15" rx="7.5" fill="#0C0B0A" opacity=".82"/>
+    <rect x="38" y="214" width="432" height="15" rx="7.5" fill="#0C0B0A" opacity=".34"/>
+    <rect x="38" y="244" width="252" height="15" rx="7.5" fill="#0C0B0A" opacity=".34"/>
+    <rect x="408" y="232" width="142" height="46" rx="23" fill="#FB404C"/>
+    <text x="438" y="262" fill="#FEFEFE" font-family="Arial, sans-serif" font-size="18" font-weight="900">Order</text>
+  </g>
+
+  <g transform="translate(745 206)">
+    <rect x="28" y="40" width="270" height="284" rx="24" fill="#FDC694" transform="rotate(3 163 182)"/>
+    <rect x="50" y="28" width="270" height="284" rx="24" fill="#FCDE5A" transform="rotate(-5 185 170)"/>
+    <circle cx="184" cy="178" r="122" fill="url(#bagel)"/>
+    <circle cx="184" cy="178" r="43" fill="#FFF6E9"/>
+    <circle cx="139" cy="125" r="8" fill="#FCDE5A"/>
+    <circle cx="207" cy="105" r="7" fill="#FCDE5A"/>
+    <circle cx="247" cy="167" r="8" fill="#FCDE5A"/>
+    <circle cx="135" cy="221" r="7" fill="#FCDE5A"/>
+    <circle cx="205" cy="246" r="6" fill="#FCDE5A"/>
+    <path d="M58 292C116 318 246 318 306 284" fill="none" stroke="#0C0B0A" stroke-width="12" stroke-linecap="round" opacity=".85"/>
+  </g>
+
+  <g transform="translate(116 556)">
+    <rect width="248" height="94" rx="18" fill="#FEFEFE" stroke="#FB404C" stroke-width="4"/>
+    <text x="24" y="38" fill="#0C0B0A" font-family="Arial Black, Arial, sans-serif" font-size="22" font-weight="900">Poppy Plain</text>
+    <rect x="24" y="56" width="142" height="11" rx="5.5" fill="#0C0B0A" opacity=".32"/>
+    <text x="199" y="62" fill="#FB404C" font-family="Arial, sans-serif" font-size="21" font-weight="900">$4</text>
+  </g>
+
+  <g transform="translate(394 556)">
+    <rect width="248" height="94" rx="18" fill="#FEFEFE" stroke="#FDC694" stroke-width="4"/>
+    <text x="24" y="38" fill="#0C0B0A" font-family="Arial Black, Arial, sans-serif" font-size="22" font-weight="900">Chip Salt</text>
+    <rect x="24" y="56" width="156" height="11" rx="5.5" fill="#0C0B0A" opacity=".32"/>
+    <text x="199" y="62" fill="#FB404C" font-family="Arial, sans-serif" font-size="21" font-weight="900">$5</text>
+  </g>
+
+  <g transform="translate(672 556)">
+    <rect width="404" height="94" rx="18" fill="#0C0B0A"/>
+    <text x="28" y="38" fill="#FCDE5A" font-family="Arial Black, Arial, sans-serif" font-size="23" font-weight="900">Open early every day</text>
+    <rect x="28" y="57" width="224" height="12" rx="6" fill="#FFF6E9" opacity=".7"/>
+    <rect x="326" y="31" width="50" height="20" rx="10" fill="#FB404C"/>
+    <rect x="284" y="62" width="82" height="12" rx="6" fill="#FFF6E9" opacity=".35"/>
+  </g>
+</svg>

data/app/themes/bagel-boy/assets/theme.css

@@ -0,0 +1,184 @@
+/* Bagel Boy — retro neighborhood bakery
+   Official designer palette: Blood Burst #FB404C, Potato Chip #FCDE5A,
+   Blushing Cinnamon #FDC694, Soft Pillow #FFF6E9, Brilliance #FEFEFE, Raven #0C0B0A. */
+:root {
+  --bb-bg: #FFF6E9;          /* Soft Pillow */
+  --bb-surface: #FEFEFE;     /* Brilliance */
+  --bb-yellow: #FCDE5A;      /* Potato Chip */
+  --bb-ink: #0C0B0A;         /* Raven */
+  --bb-muted: #6f655b;
+  /* --bb-poppy (Blood Burst) and --bb-amber (Blushing Cinnamon) injected per-site in base.liquid */
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  background: var(--bb-bg);
+  color: var(--bb-ink);
+  font-family: "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
+  line-height: 1.65;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+h1, h2, h3 {
+  font-family: "Lilita One", ui-rounded, "Segoe UI", sans-serif;
+  font-weight: 400;
+  letter-spacing: 0.01em;
+  color: var(--bb-poppy);
+  line-height: 1.05;
+}
+
+a { color: var(--bb-poppy); }
+
+.bb-wrap { width: min(1040px, calc(100% - 2.5rem)); margin: 0 auto; }
+
+/* Header */
+.bb-header {
+  background: var(--bb-surface);
+  border-bottom: 4px solid var(--bb-poppy);
+}
+.bb-header-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0.9rem 0;
+}
+.bb-brand { display: inline-flex; align-items: center; text-decoration: none; }
+.bb-logo { max-height: 78px; width: auto; display: block; }
+.bb-brand-text {
+  font-family: "Lilita One", ui-rounded, sans-serif;
+  font-size: 1.9rem;
+  color: var(--bb-poppy);
+}
+.bb-nav { display: flex; flex-wrap: wrap; gap: 0.4rem 1.25rem; }
+.bb-nav a {
+  color: var(--bb-ink);
+  font-weight: 700;
+  text-decoration: none;
+  font-size: 0.98rem;
+}
+.bb-nav a:hover { color: var(--bb-poppy); }
+
+main { flex: 1; }
+
+/* Generic block rhythm */
+.plum-block { margin: 3rem 0; }
+.bb-entry { padding: 2.5rem 0 4rem; }
+.bb-entry-image { width: 100%; border-radius: 1rem; margin: 1.5rem 0; }
+.prose p { margin-bottom: 1rem; }
+.prose h2 { margin: 2rem 0 1rem; }
+.prose ul, .prose ol { margin: 0 0 1rem 1.5rem; }
+.prose img { max-width: 100%; height: auto; border-radius: 0.5rem; }
+
+/* Collection / index pages */
+.bb-collection { padding: 2.5rem 0 4rem; }
+.bb-collection h1 { font-size: 2.5rem; color: var(--bb-poppy); margin-bottom: 2rem; }
+.bb-post-card { margin-bottom: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid var(--bb-cinnamon); }
+.bb-post-card:last-child { border-bottom: none; }
+.bb-pagination { display: flex; gap: 1rem; justify-content: center; margin-top: 2rem; }
+.bb-pagination a { color: var(--bb-poppy); text-decoration: none; font-weight: bold; }
+.bb-pagination a:hover { text-decoration: underline; }
+.bb-post-card h2 { margin: 0.5rem 0 0.25rem; }
+.bb-post-card h2 a { color: var(--bb-ink); text-decoration: none; }
+.bb-post-card h2 a:hover { color: var(--bb-poppy); }
+.bb-post-card-image { width: 100%; max-height: 300px; object-fit: cover; border-radius: 1rem; }
+.bb-post-meta { color: #888; font-size: 0.875rem; margin: 0.25rem 0 0.5rem; }
+
+/* Base blocks */
+.plum-block-hero { text-align: center; padding: 1.5rem 0; }
+.plum-block-hero-image { width: 100%; max-height: 460px; object-fit: cover; border-radius: 1.25rem; margin-bottom: 1.5rem; }
+.plum-block-hero h2 { font-size: 3.4rem; color: var(--bb-poppy); }
+.plum-block-hero p { font-size: 1.25rem; color: var(--bb-ink); max-width: 42rem; margin: 0.6rem auto 0; }
+
+.plum-block-image img { width: 100%; border-radius: 1rem; }
+.plum-block-image figcaption { text-align: center; color: var(--bb-muted); font-size: 0.9rem; margin-top: 0.5rem; }
+
+.plum-block-image-text { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: center; }
+.plum-block-image-text.plum-image-right .plum-block-image-text-media { order: 2; }
+.plum-block-image-text-media img { width: 100%; border-radius: 1rem; }
+
+.plum-block-cta {
+  text-align: center;
+  background: var(--bb-amber);
+  border-radius: 1.25rem;
+  padding: 2.75rem 1.5rem;
+}
+.plum-block-cta h2 { color: var(--bb-ink); }
+.plum-block-cta-button, .plum-block-button a {
+  display: inline-block;
+  margin-top: 1rem;
+  background: var(--bb-poppy);
+  color: #fff;
+  text-decoration: none;
+  font-weight: 700;
+  padding: 0.8rem 1.6rem;
+  border-radius: 999px;
+}
+
+.plum-block-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
+.plum-block-gallery-grid img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 0.75rem; }
+
+.plum-block-spacer.plum-spacer-small { height: 1rem; }
+.plum-block-spacer.plum-spacer-medium { height: 2.5rem; }
+.plum-block-spacer.plum-spacer-large { height: 5rem; }
+
+/* Bagel Boy custom blocks */
+.bb-menu-item {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  padding: 0.9rem 0;
+  border-bottom: 2px dotted rgba(176, 84, 76, 0.4);
+  margin: 0;
+}
+.bb-menu-item-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
+.bb-menu-item-name { font-weight: 700; color: var(--bb-ink); font-size: 1.1rem; }
+.bb-menu-item-price { color: var(--bb-poppy); font-weight: 800; white-space: nowrap; }
+.bb-menu-item-desc { color: var(--bb-muted); font-size: 0.95rem; }
+
+.bb-hours { text-align: center; background: var(--bb-surface); border-radius: 1.25rem; padding: 2rem 1.5rem; }
+.bb-hours h2 { color: var(--bb-poppy); }
+.bb-hours-schedule {
+  font-family: "Nunito Sans", sans-serif;
+  font-size: 1.05rem;
+  line-height: 1.9;
+  white-space: pre-wrap;
+  color: var(--bb-ink);
+}
+
+/* Forms */
+.plum-form { display: grid; gap: 1rem; max-width: 36rem; }
+.plum-form-field { display: grid; gap: 0.35rem; }
+.plum-form label { font-weight: 700; color: var(--bb-ink); font-size: 0.9rem; }
+.plum-form input[type="text"], .plum-form input[type="email"], .plum-form textarea, .plum-form select {
+  width: 100%; border: 2px solid rgba(42, 38, 34, 0.25); border-radius: 0.6rem; padding: 0.65rem 0.8rem; font: inherit; background: #fff;
+}
+.plum-form textarea { min-height: 8rem; }
+.plum-form-submit {
+  justify-self: start; border: 0; border-radius: 999px;
+  background: var(--bb-poppy); color: #fff; padding: 0.75rem 1.6rem; font-weight: 700; cursor: pointer;
+}
+
+/* Footer */
+.bb-footer { background: var(--bb-ink); color: var(--bb-bg); margin-top: 3rem; }
+.bb-footer-inner {
+  display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between;
+  padding: 2rem 0; font-size: 0.95rem;
+}
+.bb-footer a { color: var(--bb-amber); }
+.bb-footer-social { display: flex; gap: 1.25rem; }
+.bb-powered { opacity: 0.7; }
+
+.bb-hero-fallback { text-align: center; padding: 5rem 0; }
+.bb-empty-note { color: var(--bb-muted); margin-top: 1rem; }
+
+@media (max-width: 720px) {
+  .plum-block-image-text { grid-template-columns: 1fr; }
+  .plum-block-image-text.plum-image-right .plum-block-image-text-media { order: 0; }
+  .plum-block-gallery-grid { grid-template-columns: 1fr 1fr; }
+  .plum-block-hero h2 { font-size: 2.4rem; }
+  .bb-header-inner { flex-direction: column; align-items: flex-start; }
+}

data/app/themes/bagel-boy/blocks/hours.liquid

@@ -0,0 +1,4 @@
+<section class="plum-block bb-hours">
+  {% if block.heading %}<h2>{{ block.heading }}</h2>{% endif %}
+  {% if block.schedule %}<pre class="bb-hours-schedule">{{ block.schedule }}</pre>{% endif %}
+</section>

data/app/themes/bagel-boy/blocks/menu_item.liquid

@@ -0,0 +1,7 @@
+<div class="plum-block bb-menu-item">
+  <div class="bb-menu-item-head">
+    {% if block.name %}<span class="bb-menu-item-name">{{ block.name }}</span>{% endif %}
+    {% if block.price %}<span class="bb-menu-item-price">{{ block.price }}</span>{% endif %}
+  </div>
+  {% if block.description %}<p class="bb-menu-item-desc">{{ block.description }}</p>{% endif %}
+</div>

data/app/themes/bagel-boy/layouts/base.liquid

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ entry.title | default: site.seo_title | default: site.name }}</title>
+  <meta name="description" content="{{ site.seo_description | default: site.tagline }}">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Lilita+One&family=Nunito+Sans:wght@400;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="{{ 'theme.css' | theme_asset_url }}">
+  <style>
+    :root {
+      --bb-poppy: {{ site.theme_settings.accent_color | default: '#FB404C' }};
+      --bb-amber: {{ site.theme_settings.secondary_color | default: '#FDC694' }};
+    }
+  </style>
+  {% if site.custom_css %}<style id="plum-custom-css">{{ site.custom_css }}</style>{% endif %}
+</head>
+<body>
+  <header class="bb-header">
+    <div class="bb-wrap bb-header-inner">
+      <a class="bb-brand" href="{{ site.url }}">
+        {% if site.logo.url %}
+          <img class="bb-logo" src="{{ site.logo.url }}" alt="{{ site.logo.alt_text | default: site.name }}">
+        {% else %}
+          <span class="bb-brand-text">{{ site.name }}</span>
+        {% endif %}
+      </a>
+      {% if nav.main.items.size > 0 %}
+        <nav class="bb-nav" aria-label="Main navigation">
+          {% for item in nav.main.items %}
+            <a href="{{ item.url }}">{{ item.label }}</a>
+          {% endfor %}
+        </nav>
+      {% endif %}
+    </div>
+  </header>
+
+  <main>
+    {{ content }}
+  </main>
+
+  <footer class="bb-footer">
+    <div class="bb-wrap bb-footer-inner">
+      {% if globals.company %}
+        <div class="bb-footer-info">
+          {% if globals.company.address %}<p>{{ globals.company.address }}</p>{% endif %}
+          {% if globals.company.phone %}<p>{{ globals.company.phone }}</p>{% endif %}
+        </div>
+      {% endif %}
+      {% if globals.social %}
+        <div class="bb-footer-social">
+          {% if globals.social.instagram %}<a href="{{ globals.social.instagram }}">Instagram</a>{% endif %}
+          {% if globals.social.facebook %}<a href="{{ globals.social.facebook }}">Facebook</a>{% endif %}
+        </div>
+      {% endif %}
+      {% unless site.theme_settings.show_powered_by == false %}
+        <p class="bb-powered"><a href="{{ site.powered_by_url }}">Powered by {{ site.powered_by_name }}</a></p>
+      {% endunless %}
+    </div>
+  </footer>
+</body>
+</html>

data/app/themes/bagel-boy/templates/collections/posts.liquid

@@ -0,0 +1,32 @@
+<div class="bb-wrap bb-collection">
+  <h1>{{ collection.title }}</h1>
+
+  {% for post in collection.entries %}
+    <article class="bb-post-card">
+      {% if post.data.hero_image.url %}
+        <a href="{{ post.url }}">
+          <img class="bb-post-card-image" src="{{ post.data.hero_image.url }}" alt="{{ post.data.hero_image.alt_text | default: post.title }}">
+        </a>
+      {% endif %}
+      <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+      {% if post.published_at %}
+        <p class="bb-post-meta">{{ post.published_at | date: "%B %-d, %Y" }}</p>
+      {% endif %}
+      {% if post.data.excerpt %}
+        <p>{{ post.data.excerpt }}</p>
+      {% endif %}
+    </article>
+  {% endfor %}
+
+  {% if collection.entries.size == 0 %}
+    <p>No posts yet.</p>
+  {% endif %}
+
+  {% if pagination.total_pages > 1 %}
+    <nav class="bb-pagination">
+      {% if pagination.previous_url %}<a href="{{ pagination.previous_url }}">&larr; Previous</a>{% endif %}
+      <span>Page {{ pagination.current_page }} of {{ pagination.total_pages }}</span>
+      {% if pagination.next_url %}<a href="{{ pagination.next_url }}">Next &rarr;</a>{% endif %}
+    </nav>
+  {% endif %}
+</div>

data/app/themes/bagel-boy/templates/entries/_default.liquid

@@ -0,0 +1,13 @@
+<article class="bb-wrap bb-entry">
+  <h1>{{ entry.title }}</h1>
+
+  {% assign body_html = entry.data.body | markdown | strip %}
+  {% if body_html != "" %}
+    <div class="prose">{{ body_html }}</div>
+  {% endif %}
+
+  {% assign sections_html = entry.data.sections | strip %}
+  {% if sections_html != "" %}
+    {{ sections_html }}
+  {% endif %}
+</article>

data/app/themes/bagel-boy/templates/entries/landing.liquid

@@ -0,0 +1,4 @@
+<article class="bb-wrap bb-entry">
+  {{ entry.data.sections }}
+</article>
+<p>THIS IS LANDING.LIQUID</p>

data/app/themes/bagel-boy/templates/entries/pages.liquid

@@ -0,0 +1,18 @@
+<article class="bb-wrap bb-entry">
+  <h1>{{ entry.title }}</h1>
+
+  {% if entry.data.hero_image.url %}
+    <img class="bb-entry-image" src="{{ entry.data.hero_image.url }}" alt="{{ entry.data.hero_image.alt_text | default: entry.title }}">
+  {% endif %}
+
+  {% assign body_html = entry.data.body | markdown | strip %}
+  {% if body_html != "" %}
+    <div class="prose">{{ body_html }}</div>
+  {% endif %}
+
+  {% comment %} sections is pre-rendered block HTML (empty string when no blocks) {% endcomment %}
+  {% assign sections_html = entry.data.sections | strip %}
+  {% if sections_html != "" %}
+    {{ sections_html }}
+  {% endif %}
+</article>

data/app/themes/bagel-boy/templates/entries/posts.liquid

@@ -0,0 +1,8 @@
+<article class="bb-wrap bb-entry bb-post">
+  <h1>{{ entry.title }}</h1>
+  {% if entry.published_at %}<p class="bb-post-meta">{{ entry.published_at | date: "%B %-d, %Y" }}</p>{% endif %}
+  {% if entry.data.hero_image.url %}
+    <img class="bb-entry-image" src="{{ entry.data.hero_image.url }}" alt="{{ entry.data.hero_image.alt_text | default: entry.title }}">
+  {% endif %}
+  <div class="prose">{{ entry.data.body | markdown }}</div>
+</article>

data/app/themes/bagel-boy/templates/index.liquid

@@ -0,0 +1,10 @@
+{% comment %}
+  Fallback shown at "/" only when no page is slugged "home".
+  Normally the homepage is the page with slug "home", rendered through its own
+  entry template (e.g. entries/pages.liquid).
+{% endcomment %}
+<section class="bb-wrap bb-hero-fallback">
+  <h1>{{ site.name }}</h1>
+  {% if site.tagline %}<p>{{ site.tagline }}</p>{% endif %}
+  <p class="bb-empty-note">Create a page with the slug “home” to build your homepage.</p>
+</section>

data/app/themes/bagel-boy/templates/search.liquid

@@ -0,0 +1,28 @@
+<div class="bb-wrap bb-collection">
+  <h1>Search</h1>
+
+  <form action="/search" method="get" style="margin-bottom: 2rem;">
+    <div style="display: flex; gap: 0.5rem;">
+      <input type="text" name="q" value="{{ search.query }}" placeholder="Search…"
+             style="flex: 1; padding: 0.5rem 0.75rem; border: 1px solid var(--bb-cinnamon); border-radius: 0.375rem; font-family: 'Nunito Sans', sans-serif;">
+      <button type="submit" style="padding: 0.5rem 1rem; background: var(--bb-poppy); color: white; border: none; border-radius: 0.375rem; cursor: pointer; font-family: 'Lilita One', cursive;">Search</button>
+    </div>
+  </form>
+
+  {% if search.query != "" %}
+    <p class="bb-post-meta">{{ search.total }} result{% if search.total != 1 %}s{% endif %} for "{{ search.query }}"</p>
+
+    {% for entry in search.results %}
+      <article class="bb-post-card">
+        <h2><a href="{{ entry.url }}">{{ entry.title }}</a></h2>
+        {% if entry.published_at %}
+          <p class="bb-post-meta">{{ entry.published_at | date: "%B %-d, %Y" }}</p>
+        {% endif %}
+      </article>
+    {% endfor %}
+
+    {% if search.total == 0 %}
+      <p>No results found.</p>
+    {% endif %}
+  {% endif %}
+</div>

data/app/themes/bagel-boy/theme.yml

@@ -0,0 +1,47 @@
+name: Bagel Boy
+handle: bagel-boy
+version: 1.0.0
+author: Bagel Boy
+category: Restaurant
+screenshot: screenshot.svg
+description: Retro neighborhood-bakery theme for Bagel Boy.
+settings:
+  fields:
+    - handle: accent_color
+      type: color
+      label: Accent Color
+      default: "#FB404C"
+      help: Blood Burst — buttons, links, accents.
+    - handle: secondary_color
+      type: color
+      label: Secondary Color
+      default: "#FDC694"
+      help: Blushing Cinnamon — soft panels and highlights.
+    - handle: show_powered_by
+      type: boolean
+      label: Show Powered By
+      default: true
+# Bagel Boy adds restaurant-specific blocks on top of Plum's base blocks.
+blocks:
+  - handle: menu_item
+    label: Menu Item
+    fields:
+      - handle: name
+        type: text
+        label: Name
+      - handle: price
+        type: text
+        label: Price
+      - handle: description
+        type: textarea
+        label: Description
+  - handle: hours
+    label: Hours
+    fields:
+      - handle: heading
+        type: text
+        label: Heading
+      - handle: schedule
+        type: textarea
+        label: Schedule
+        help: One line per day, e.g. "Mon–Fri  6a–2p"

data/app/themes/bagel-shop/assets/screenshot.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 750" role="img" aria-labelledby="title desc">
+  <title id="title">Bagel Shop theme screenshot</title>
+  <desc id="desc">A warm storefront website layout with a large headline and bagel illustration.</desc>
+  <rect width="1200" height="750" fill="#fffaf0"/>
+  <rect x="94" y="76" width="1012" height="598" rx="18" fill="#fff7e8" stroke="#2b2119" stroke-opacity=".16" stroke-width="4"/>
+  <rect x="94" y="76" width="1012" height="96" rx="18" fill="#fff7e8"/>
+  <line x1="94" y1="172" x2="1106" y2="172" stroke="#2b2119" stroke-opacity=".16" stroke-width="4"/>
+  <circle cx="158" cy="124" r="34" fill="#b9652d"/>
+  <circle cx="158" cy="124" r="13" fill="#fffaf0"/>
+  <circle cx="146" cy="111" r="4" fill="#f7d58a"/>
+  <circle cx="170" cy="116" r="4" fill="#f7d58a"/>
+  <rect x="210" y="104" width="206" height="24" rx="12" fill="#2b2119"/>
+  <rect x="210" y="139" width="154" height="13" rx="6.5" fill="#765f4b"/>
+  <rect x="888" y="114" width="124" height="16" rx="8" fill="#1f6f63"/>
+  <text x="150" y="307" fill="#1f6f63" font-family="Arial, sans-serif" font-size="25" font-weight="700">FRESH FROM THE OVEN</text>
+  <rect x="150" y="338" width="438" height="78" rx="10" fill="#2b2119"/>
+  <rect x="150" y="434" width="350" height="78" rx="10" fill="#2b2119"/>
+  <rect x="150" y="548" width="438" height="20" rx="10" fill="#765f4b"/>
+  <rect x="150" y="584" width="374" height="20" rx="10" fill="#765f4b"/>
+  <rect x="744" y="250" width="250" height="304" rx="12" fill="#f5e7cf" stroke="#2b2119" stroke-opacity=".16" stroke-width="4" transform="rotate(2 869 402)"/>
+  <circle cx="870" cy="380" r="104" fill="#b9652d"/>
+  <circle cx="870" cy="380" r="32" fill="#f5e7cf"/>
+  <circle cx="834" cy="338" r="8" fill="#f9db8d"/>
+  <circle cx="895" cy="333" r="7" fill="#f9db8d"/>
+  <circle cx="918" cy="394" r="8" fill="#f9db8d"/>
+  <circle cx="850" cy="438" r="7" fill="#f9db8d"/>
+  <rect x="784" y="506" width="172" height="15" rx="7.5" fill="#765f4b"/>
+</svg>

data/app/themes/bagel-shop/assets/theme.css

@@ -0,0 +1,7 @@
+html {
+  color-scheme: light;
+}
+
+.hero-card {
+  will-change: transform;
+}