{
  "$schema": "/schemas/registry-item.json",
  "name": "quiet-journal",
  "type": "registry:page",
  "title": "Quiet Journal",
  "description": "A warm illustrated personal journal for essays, slow-living notes, travel stories, and thoughtful newsletters.",
  "categories": [
    "blog",
    "editorial",
    "personal"
  ],
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "site/app/themes/quiet-journal/preview/page.tsx",
      "type": "registry:page",
      "target": "app/quiet-journal/page.tsx",
      "content": "import { createSeoMetadata } from \"@/app/seo\";\nimport type { Metadata } from \"next\";\nimport type { ReactNode } from \"react\";\nimport ThemeIcon, { type ThemeIconName } from \"./ThemeIcon\";\nimport \"./quiet-journal.css\";\n\nexport const metadata: Metadata = createSeoMetadata({ path: \"/themes/quiet-journal/preview\", ...{\n  title: \"Quiet Journal — Alya Senja\",\n  description: \"An original personal essay and slow-living journal template.\",\n} });\n\nconst stories = [\n  { image: \"/themes/quiet-journal/story-reading.webp\", category: \"Slow living\", date: \"August 24, 2026\", title: \"The room that taught me how to pause\", excerpt: \"A blue chair, a small stack of books, and the quiet ritual of making space for an unhurried hour.\" },\n  { image: \"/themes/quiet-journal/story-plant.webp\", category: \"Home notes\", date: \"August 18, 2026\", title: \"What tending a plant reveals about attention\", excerpt: \"The smallest routines are often the ones that return us to ourselves.\" },\n  { image: \"/themes/quiet-journal/story-travel.webp\", category: \"Travel\", date: \"August 09, 2026\", title: \"A city best understood at walking pace\", excerpt: \"Notes from bright streets, unfamiliar windows, and choosing the longer way home.\" },\n];\n\nconst archives = [\n  ...stories,\n  { image: \"/themes/quiet-journal/story-books-camera.webp\", category: \"Reading\", date: \"July 29, 2026\", title: \"Five books I carried into a quieter season\", excerpt: \"\" },\n  { image: \"/themes/quiet-journal/hero-desk.webp\", category: \"Writing\", date: \"July 17, 2026\", title: \"A notebook is a place to arrive slowly\", excerpt: \"\" },\n  { image: \"/themes/quiet-journal/writer-portrait.webp\", category: \"Personal\", date: \"July 02, 2026\", title: \"Learning to make work that sounds like me\", excerpt: \"\" },\n];\n\nfunction JournalLink({ href, children, variant = \"light\" }: { href: string; children: ReactNode; variant?: \"light\" | \"dark\" }) {\n  return <a className={`qj-button qj-button-${variant} co-inline-flex co-items-center co-justify-center co-rounded-full`} href={href}>{children}<ThemeIcon name=\"arrow-right\" size={14} tone={variant === \"dark\" ? \"light\" : \"dark\"} /></a>;\n}\n\nfunction StoryMeta({ category, date }: { category: string; date: string }) {\n  return <div className=\"qj-story-meta co-flex co-items-center co-flex-wrap\"><span>{category}</span><time><ThemeIcon name=\"calendar\" size={12} />{date}</time><small><ThemeIcon name=\"clock-circle\" size={12} />5 min read</small></div>;\n}\n\nfunction TopicChip({ label, icon = \"hashtag\" }: { label: string; icon?: ThemeIconName }) {\n  return <a className=\"qj-topic co-inline-flex co-items-center co-rounded-full\" href=\"#stories\"><ThemeIcon name={icon} size={14} />{label}</a>;\n}\n\nexport default function QuietJournalPreview() {\n  return <main className=\"quiet-journal co-overflow-hidden\" id=\"top\">\n    <header className=\"qj-header co-flex co-items-center co-justify-between\">\n      <a className=\"qj-brand co-inline-flex co-items-center\" href=\"#top\" aria-label=\"Quiet Journal home\"><span className=\"co-inline-flex co-items-center co-justify-center co-rounded-full\"><ThemeIcon name=\"book\" size={17} tone=\"light\" /></span><b>Quiet Journal</b></a>\n      <nav className=\"co-flex co-items-center\" aria-label=\"Journal navigation\"><a href=\"#about\">About</a><a href=\"#stories\">Stories</a><a href=\"#archive\">Archive</a><a href=\"#topics\">Topics</a></nav>\n      <a className=\"qj-contact co-inline-flex co-items-center co-rounded-full\" href=\"#newsletter\">Write to me <ThemeIcon name=\"letter\" size={14} tone=\"light\" /></a>\n    </header>\n\n    <section className=\"qj-hero co-grid co-items-center\">\n      <div className=\"qj-hero-copy co-relative\">\n        <p className=\"qj-eyebrow co-uppercase\"><ThemeIcon name=\"heart\" size={14} tone=\"accent\" /> A place for useful wonder</p>\n        <h1>Notes that <em>stay</em><br />after the noise<br />fades.</h1>\n        <p>Essays about thoughtful work, slow mornings, unfamiliar places, and the small choices that make a life feel more like your own.</p>\n        <div className=\"qj-hero-actions co-flex co-items-center co-flex-wrap\"><JournalLink href=\"#stories\" variant=\"dark\">Read the journal</JournalLink><JournalLink href=\"#about\">About Alya</JournalLink></div>\n        <a className=\"qj-scroll co-inline-flex co-items-center\" href=\"#about\">Scroll to explore <ThemeIcon name=\"arrow-down\" size={14} /></a>\n      </div>\n      <div className=\"qj-hero-art co-relative co-self-center\">\n        <img className=\"co-block co-h-full co-w-full co-object-cover\" src=\"/themes/quiet-journal/hero-desk.webp\" alt=\"An illustrated writing desk with an open notebook, coffee, and a plant\" />\n        <aside className=\"qj-note qj-note-top co-absolute\"><ThemeIcon name=\"user\" size={16} tone=\"accent\" /><small>Readers</small><strong>18.7k</strong><span>each month</span></aside>\n        <aside className=\"qj-note qj-note-bottom co-absolute\"><ThemeIcon name=\"clock-circle\" size={16} tone=\"accent\" /><small>Latest note</small><strong>On making room</strong><span>4 min read</span></aside>\n      </div>\n    </section>\n\n    <section className=\"qj-about co-grid co-items-center\" id=\"about\">\n      <figure className=\"qj-about-art co-relative co-overflow-hidden\"><img className=\"co-block co-h-full co-w-full co-object-cover\" src=\"/themes/quiet-journal/writer-portrait.webp\" alt=\"Illustrated portrait of Alya Senja holding a notebook\" /><figcaption className=\"co-absolute co-rounded-full\"><ThemeIcon name=\"book\" size={14} tone=\"light\" /> 7 years of field notes</figcaption></figure>\n      <div className=\"qj-about-copy\"><p className=\"qj-eyebrow co-uppercase\">A note about me</p><h2>Hi, I&apos;m Alya.<br />I write things that<br /><em>matter slowly.</em></h2><p>I&apos;m a writer, researcher, and attentive observer based between Jakarta and wherever the next train stops. I believe useful stories are the ones that make you notice your own life again.</p><p>Here I write about creative work, design, place, memory, and the gentle discipline of paying attention.</p><div className=\"qj-topics co-flex co-flex-wrap\"><TopicChip label=\"Writing\" /><TopicChip label=\"Design\" /><TopicChip label=\"Slow living\" /><TopicChip label=\"Travel\" icon=\"map-point\" /></div></div>\n    </section>\n\n    <section className=\"qj-section qj-featured\" id=\"stories\">\n      <div className=\"qj-section-head co-flex co-items-end co-justify-between\"><div><p className=\"qj-eyebrow co-uppercase\">Latest writing</p><h2>Featured <em>stories.</em></h2></div><JournalLink href=\"#archive\">View all stories</JournalLink></div>\n      <div className=\"qj-feature-grid co-grid\">\n        <article className=\"qj-story qj-story-large co-flex co-overflow-hidden\"><img className=\"co-block co-w-full co-object-cover\" src={stories[0].image} alt=\"Illustrated reading nook with an armchair and plants\" /><div><StoryMeta category={stories[0].category} date={stories[0].date} /><h3>{stories[0].title}</h3><p>{stories[0].excerpt}</p><a className=\"qj-read co-inline-flex co-items-center\" href=\"#newsletter\">Read story <ThemeIcon name=\"arrow-right\" size={14} tone=\"accent\" /></a></div></article>\n        <div className=\"qj-story-stack co-grid\">{stories.slice(1).map((story) => <article className=\"qj-story co-overflow-hidden\" key={story.title}><img className=\"co-block co-w-full co-object-cover\" src={story.image} alt=\"Original editorial story illustration\" /><div><StoryMeta category={story.category} date={story.date} /><h3>{story.title}</h3><p>{story.excerpt}</p><a className=\"qj-read co-inline-flex co-items-center\" href=\"#newsletter\">Read story <ThemeIcon name=\"arrow-right\" size={14} tone=\"accent\" /></a></div></article>)}</div>\n      </div>\n    </section>\n\n    <section className=\"qj-section qj-archive\" id=\"archive\">\n      <div className=\"qj-section-head\"><p className=\"qj-eyebrow co-uppercase\">All notes</p><h2>From the <em>archive.</em></h2></div>\n      <div className=\"qj-archive-grid co-grid\">{archives.map((story) => <article className=\"qj-archive-card co-overflow-hidden\" key={`${story.date}-${story.title}`}><img className=\"co-block co-w-full co-object-cover\" src={story.image} alt=\"Original editorial story illustration\" /><div><StoryMeta category={story.category} date={story.date} /><h3>{story.title}</h3><small className=\"qj-card-read co-inline-flex co-items-center\"><ThemeIcon name=\"clock-circle\" size={12} />5 min read</small></div></article>)}</div>\n    </section>\n\n    <section className=\"qj-section qj-browse\" id=\"topics\"><p className=\"qj-eyebrow co-uppercase\">Browse by topic</p><h2>What are you <em>curious about?</em></h2><div className=\"qj-topics co-flex co-flex-wrap\"><TopicChip label=\"Writing\" /><TopicChip label=\"Travel\" icon=\"map-point\" /><TopicChip label=\"Slow living\" /><TopicChip label=\"Reading\" icon=\"book\" /><TopicChip label=\"Photography\" icon=\"camera\" /><TopicChip label=\"Mindfulness\" icon=\"heart\" /></div></section>\n\n    <section className=\"qj-newsletter co-text-center\" id=\"newsletter\"><p className=\"qj-eyebrow co-uppercase\">Stay connected</p><h2>One thoughtful note,<br /><em>every other Sunday.</em></h2><p>No noise and no hurry. Just one useful letter for your morning coffee.</p><form className=\"co-flex co-items-center\" action=\"#newsletter\"><label className=\"co-sr-only\" htmlFor=\"qj-email\">Email address</label><ThemeIcon name=\"letter\" size={17} tone=\"light\" /><input id=\"qj-email\" type=\"email\" placeholder=\"you@example.com\" required /><button className=\"co-inline-flex co-items-center co-justify-center co-rounded-full\" type=\"submit\">Subscribe <ThemeIcon name=\"arrow-right\" size={14} tone=\"light\" /></button></form><small>Unsubscribe anytime. Your inbox is yours.</small></section>\n\n    <footer className=\"qj-footer\"><div className=\"qj-footer-main co-grid\"><div><a className=\"qj-brand co-inline-flex co-items-center\" href=\"#top\"><span className=\"co-inline-flex co-items-center co-justify-center co-rounded-full\"><ThemeIcon name=\"book\" size={17} tone=\"light\" /></span><b>Quiet Journal</b></a><p>A personal journal about noticing more, moving gently, and making useful things.</p></div><div><b>Journal</b><a href=\"#stories\">Stories</a><a href=\"#archive\">Archive</a><a href=\"#topics\">Topics</a></div><div><b>About</b><a href=\"#about\">My story</a><a href=\"#newsletter\">Newsletter</a><a href=\"#newsletter\">Now</a></div><div><b>Connect</b><a href=\"mailto:hello@quietjournal.example\">Email</a><a href=\"#newsletter\">Instagram</a><a href=\"#newsletter\">LinkedIn</a></div></div><div className=\"qj-footer-bottom co-flex co-items-center co-justify-between\"><span>© 2026 Coordiation</span><a className=\"co-inline-flex co-items-center\" href=\"#top\">Back to top <ThemeIcon name=\"arrow-to-top-right\" size={14} tone=\"light\" /></a></div></footer>\n  </main>;\n}\n"
    },
    {
      "path": "site/app/themes/quiet-journal/preview/quiet-journal.css",
      "type": "registry:style",
      "target": "app/quiet-journal/quiet-journal.css",
      "content": ".quiet-journal{--qj-ink:#241b16;--qj-paper:#fbf8f1;--qj-soft:#f4eee4;--qj-peach:#efd9cc;--qj-orange:#c96439;--qj-sage:#dfe5d5;--qj-line:rgba(36,27,22,.14);background:var(--qj-paper);color:var(--qj-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}.quiet-journal *{box-sizing:border-box}.quiet-journal h1,.quiet-journal h2,.quiet-journal h3,.quiet-journal p{margin:0}.quiet-journal h1,.quiet-journal h2,.quiet-journal h3{font-family:Georgia,\"Times New Roman\",serif}.quiet-journal a{color:inherit;text-decoration:none}.quiet-journal em{color:var(--qj-orange);font-style:italic}.qj-icon{display:inline-block;flex:0 0 auto;object-fit:contain}.qj-icon-light{filter:invert(1)}.qj-icon-accent{filter:sepia(1) saturate(4) hue-rotate(330deg)}\n:where(.quiet-journal.co-overflow-hidden,.quiet-journal .co-overflow-hidden){overflow:hidden}:where(.quiet-journal .co-flex){display:flex}:where(.quiet-journal .co-inline-flex){display:inline-flex}:where(.quiet-journal .co-grid){display:grid}:where(.quiet-journal .co-block){display:block}:where(.quiet-journal .co-items-center){align-items:center}:where(.quiet-journal .co-items-end){align-items:flex-end}:where(.quiet-journal .co-justify-center){justify-content:center}:where(.quiet-journal .co-justify-between){justify-content:space-between}:where(.quiet-journal .co-self-center){align-self:center}:where(.quiet-journal .co-flex-wrap){flex-wrap:wrap}:where(.quiet-journal .co-relative){position:relative}:where(.quiet-journal .co-absolute){position:absolute}:where(.quiet-journal .co-w-full){width:100%}:where(.quiet-journal .co-h-full){height:100%}:where(.quiet-journal .co-object-cover){object-fit:cover}:where(.quiet-journal .co-rounded-full){border-radius:9999px}:where(.quiet-journal .co-uppercase){text-transform:uppercase}:where(.quiet-journal .co-text-center){text-align:center}:where(.quiet-journal .co-sr-only){clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}\n.qj-header{height:78px;margin:auto;max-width:1260px;padding:0 30px}.qj-brand{gap:9px}.qj-brand>span{background:var(--qj-ink);height:34px;width:34px}.qj-brand b{font-family:Georgia,serif;font-size:17px}.qj-header nav{gap:34px}.qj-header nav a{font-size:12px}.qj-header nav a:hover{color:var(--qj-orange)}.quiet-journal .qj-contact{background:var(--qj-ink);color:#fff;font-size:12px;font-weight:700;gap:8px;padding:10px 16px}\n.qj-hero{gap:clamp(50px,8vw,120px);grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);margin:auto;max-width:1260px;min-height:710px;padding:80px 30px 115px}.qj-eyebrow{align-items:center;color:var(--qj-orange);display:flex;font-family:Georgia,serif;font-size:12px;font-style:italic;gap:8px;letter-spacing:.04em}.qj-hero h1{font-size:clamp(62px,7vw,100px);font-weight:400;letter-spacing:-.065em;line-height:.92;margin:28px 0}.qj-hero-copy>p:nth-of-type(2){color:#766b63;font-size:15px;line-height:1.75;max-width:540px}.qj-hero-actions{gap:12px;margin-top:32px}.qj-button{border:1px solid var(--qj-ink);font-size:12px;font-weight:700;gap:9px;min-height:46px;padding:0 18px}.quiet-journal .qj-button-dark{background:var(--qj-ink);color:white}.qj-button:hover{transform:translateY(-2px)}.qj-scroll{font-size:11px;gap:8px;margin-top:74px;text-transform:uppercase}.qj-hero-art{aspect-ratio:1/1;border-radius:30px;box-shadow:0 28px 80px rgba(64,38,24,.13)}.qj-hero-art>img{border-radius:30px}.qj-note{background:rgba(255,253,248,.94);border:1px solid rgba(255,255,255,.8);border-radius:18px;box-shadow:0 15px 35px rgba(50,30,20,.12);display:grid;grid-template-columns:auto 1fr;padding:17px 20px;z-index:2}.qj-note-top{right:-35px;top:-32px}.qj-note-bottom{bottom:-28px;left:-42px}.qj-note .qj-icon{grid-row:1/3;margin-right:10px}.qj-note small,.qj-note span{color:#8b8078;font-size:10px;line-height:1.35}.qj-note strong{font-family:Georgia,serif;font-size:16px;line-height:1.35}\n.qj-about{background:var(--qj-soft);gap:clamp(50px,8vw,110px);grid-template-columns:minmax(330px,.85fr) minmax(0,1fr);padding:115px max(calc((100vw - 1200px)/2),30px)}.qj-about-art{aspect-ratio:4/5;border-radius:32px;max-height:650px}.qj-about-art>img{border-radius:32px}.qj-about-art figcaption{background:var(--qj-ink);bottom:20px;color:white;display:flex;font-size:11px;gap:8px;padding:10px 15px;right:20px}.qj-about-copy h2{font-size:clamp(45px,5vw,70px);font-weight:400;letter-spacing:-.045em;line-height:.98;margin:21px 0 30px}.qj-about-copy>p:not(.qj-eyebrow){color:#766b63;font-size:14px;margin-top:16px;max-width:610px}.qj-topics{gap:9px;margin-top:26px}.qj-topic{background:#f0e9dd;border:1px solid transparent;font-size:11px;gap:7px;padding:7px 12px}.qj-topic:hover{background:#fff;border-color:var(--qj-ink)}\n.qj-section{margin:auto;max-width:1260px;padding:115px 30px}.qj-section-head{margin-bottom:48px}.qj-section-head h2,.qj-browse h2{font-size:clamp(46px,5vw,68px);font-weight:400;letter-spacing:-.045em;line-height:1;margin-top:12px}.qj-feature-grid{gap:20px;grid-template-columns:1.15fr .85fr}.qj-story{background:#fff;border:1px solid var(--qj-line);border-radius:22px;box-shadow:0 14px 35px rgba(64,38,24,.07)}.qj-story>img{aspect-ratio:16/9}.qj-story>div{padding:25px}.qj-story-large{flex-direction:column}.qj-story-large>img{aspect-ratio:4/3}.qj-story-large>div{display:flex;flex:1;flex-direction:column;padding:30px}.qj-story-stack{gap:20px}.qj-story-stack .qj-story{display:grid;grid-template-columns:.95fr 1.05fr}.qj-story-stack .qj-story>img{aspect-ratio:auto;height:100%}.qj-story-meta{color:#8a7f76;font-size:10px;gap:9px}.qj-story-meta>span{background:var(--qj-sage);border-radius:999px;color:#526046;padding:3px 8px}.qj-story-meta time,.qj-story-meta small{align-items:center;display:flex;gap:4px}.qj-story h3{font-size:clamp(24px,2.6vw,39px);font-weight:400;line-height:1.08;margin:18px 0}.qj-story-stack h3{font-size:23px}.qj-story p{color:#766b63;font-size:12px;line-height:1.65}.quiet-journal .qj-read{color:var(--qj-orange);font-size:11px;font-weight:700;gap:6px;margin-top:auto;padding-top:25px}\n.qj-archive{border-top:1px solid var(--qj-line);max-width:none;padding-left:max(calc((100vw - 1200px)/2),30px);padding-right:max(calc((100vw - 1200px)/2),30px)}.qj-archive>*{margin-left:auto;margin-right:auto;max-width:1200px}.qj-archive-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.qj-archive-card{background:white;border:1px solid var(--qj-line);border-radius:17px;box-shadow:0 10px 25px rgba(64,38,24,.06);position:relative}.qj-archive-card>img{aspect-ratio:16/10}.qj-archive-card>div{min-height:185px;padding:18px}.qj-archive-card h3{font-size:20px;font-weight:400;line-height:1.15;margin-top:15px}.qj-card-read{bottom:17px;color:#8a7f76;font-size:10px;gap:5px;position:absolute;right:18px}.qj-browse{border-top:1px solid var(--qj-line)}.qj-browse .qj-topics{margin-top:35px}\n.qj-newsletter{background:#1c1713;color:#fff;padding:100px 25px}.qj-newsletter .qj-eyebrow{justify-content:center}.qj-newsletter h2{font-size:clamp(46px,5.5vw,72px);font-weight:400;letter-spacing:-.04em;line-height:1;margin:18px 0}.qj-newsletter>p:nth-of-type(2){color:#aaa099;font-size:13px}.qj-newsletter form{background:#2a2420;border:1px solid #443b35;border-radius:999px;gap:10px;margin:32px auto 13px;max-width:610px;padding:6px 7px 6px 18px}.qj-newsletter input{background:transparent;border:0;color:white;flex:1;font-size:13px;min-width:0;outline:0;padding:10px}.qj-newsletter button{background:var(--qj-orange);border:0;color:#fff;cursor:pointer;font-size:11px;font-weight:700;gap:7px;min-height:43px;padding:0 17px}.qj-newsletter>small{color:#786f69;font-size:10px}\n.qj-footer{align-items:initial;background:#120f0d;border-top:0;color:#fff;display:block;grid-template-columns:none;padding:80px max(calc((100vw - 1200px)/2),30px) 28px}.qj-footer-main{gap:55px;grid-template-columns:1.5fr repeat(3,.6fr)}.qj-footer-main>div:first-child p{color:#857b75;font-size:12px;margin-top:18px;max-width:260px}.qj-footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.qj-footer-main>div:not(:first-child)>b{font-size:11px;margin-bottom:8px;text-transform:uppercase}.qj-footer-main>div:not(:first-child)>a{color:#8f8580;font-size:11px}.qj-footer-main>div:not(:first-child)>a:hover{color:white}.qj-footer-bottom{border-top:1px solid #302a26;color:#766e69;font-size:10px;margin-top:65px;padding-top:25px}.qj-footer-bottom a{gap:7px}\n@media(max-width:920px){.qj-header nav{display:none}.qj-hero,.qj-about{grid-template-columns:1fr}.qj-hero{padding-top:65px}.qj-hero-copy{max-width:700px}.qj-hero-art{justify-self:center;max-width:650px;width:88%}.qj-about-art{justify-self:center;max-width:560px;width:100%}.qj-feature-grid{grid-template-columns:1fr}.qj-story-large{display:grid;grid-template-columns:1fr 1fr}.qj-story-large>img{aspect-ratio:auto;height:100%}.qj-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qj-footer-main{grid-template-columns:1fr 1fr}.qj-footer-main>div:first-child{grid-column:1/-1;margin-bottom:20px}}\n@media(max-width:650px){.qj-header{height:70px;padding:0 18px}.qj-contact{font-size:0;padding:10px}.qj-contact .qj-icon{height:17px;width:17px}.qj-hero{display:block;min-height:auto;padding:65px 20px 100px}.qj-hero h1{font-size:58px}.qj-scroll{margin:50px 0}.qj-hero-art{width:100%}.qj-note-top{right:10px}.qj-note-bottom{bottom:-55px;left:10px}.qj-about{padding:100px 20px}.qj-about-copy h2{font-size:44px}.qj-section{padding:85px 20px}.qj-section-head{align-items:flex-start;flex-direction:column;gap:25px}.qj-story-large,.qj-story-stack .qj-story{display:block}.qj-story-stack .qj-story>img{aspect-ratio:16/9;height:auto}.qj-archive{padding-left:14px;padding-right:14px}.qj-archive-grid{grid-template-columns:1fr}.qj-archive-card>div{min-height:175px}.qj-newsletter{padding:80px 20px}.qj-newsletter form{border-radius:18px;flex-wrap:wrap;padding:13px}.qj-newsletter form>.qj-icon{display:none}.qj-newsletter input{flex-basis:100%;padding:9px}.qj-newsletter button{width:100%}.qj-footer{padding:70px 20px 25px}.qj-footer-main{grid-template-columns:1fr 1fr}.qj-footer-main>div:first-child{grid-column:1/-1;margin-bottom:20px}.qj-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}}\n"
    },
    {
      "path": "site/app/themes/quiet-journal/preview/ThemeIcon.tsx",
      "type": "registry:component",
      "target": "app/quiet-journal/ThemeIcon.tsx",
      "content": "const icons = {\n  \"arrow-down\": \"/icons/solar-linear/arrow-down.svg\",\n  \"arrow-right\": \"/icons/solar-linear/arrow-right.svg\",\n  \"arrow-to-top-right\": \"/icons/solar-linear/arrow-to-top-right.svg\",\n  \"book\": \"/icons/solar-linear/book.svg\",\n  \"calendar\": \"/icons/solar-linear/calendar.svg\",\n  \"camera\": \"/icons/solar-linear/camera.svg\",\n  \"clock-circle\": \"/icons/solar-linear/clock-circle.svg\",\n  \"hashtag\": \"/icons/solar-linear/hashtag.svg\",\n  \"heart\": \"/icons/solar-linear/heart.svg\",\n  \"letter\": \"/icons/solar-linear/letter.svg\",\n  \"map-point\": \"/icons/solar-linear/map-point.svg\",\n  \"user\": \"/icons/solar-linear/user.svg\",\n} as const;\n\nexport type ThemeIconName = keyof typeof icons;\n\nexport default function ThemeIcon({ name, size = 18, tone = \"dark\" }: { name: ThemeIconName; size?: number; tone?: \"dark\" | \"light\" | \"accent\" }) {\n  return <img className={`qj-icon qj-icon-${tone}`} src={icons[name]} width={size} height={size} alt=\"\" aria-hidden=\"true\" />;\n}\n"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-down.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-down.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-down-linear\"><path d=\"M12 4L12 20M6 14L12 20L18 14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-right-linear\"><path d=\"M4 12H20M14 18L20 12L14 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-to-top-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-to-top-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-to-top-right-linear\"><path d=\"M17 9.5L12 4.5L7 9.5M12 4.5C12 4.5 12 12.8333 12 14.5C12 16.1667 13 19.5 17 19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/book.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/book.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-book-linear\"><path d=\"M4 8C4 5.17157 4 3.75736 4.87868 2.87868C5.75736 2 7.17157 2 10 2H14C16.8284 2 18.2426 2 19.1213 2.87868C20 3.75736 20 5.17157 20 8V16C20 18.8284 20 20.2426 19.1213 21.1213C18.2426 22 16.8284 22 14 22H10C7.17157 22 5.75736 22 4.87868 21.1213C4 20.2426 4 18.8284 4 16V8Z\" stroke=\"currentColor\"/>\n<path d=\"M19.8978 16H7.89778C6.96781 16 6.50282 16 6.12132 16.1022C5.08604 16.3796 4.2774 17.1883 4 18.2235\" stroke=\"currentColor\"/>\n<path d=\"M8 7H16\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M8 10.5H13\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/calendar.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/calendar.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-calendar-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z\" stroke=\"currentColor\"/>\n<path d=\"M7 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M2.5 9H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 13H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 13H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 13H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M17 17.0234H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 17.0234H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 17.0234H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/camera.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/camera.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-camera-linear\"><circle cx=\"12\" cy=\"13\" r=\"3\" stroke=\"currentColor\"/>\n<path d=\"M9.77778 21H14.2222C17.3433 21 18.9038 21 20.0248 20.2646C20.51 19.9462 20.9267 19.5371 21.251 19.0607C22 17.9601 22 16.4279 22 13.3636C22 10.2994 22 8.76721 21.251 7.6666C20.9267 7.19014 20.51 6.78104 20.0248 6.46268C19.3044 5.99013 18.4027 5.82123 17.022 5.76086C16.3631 5.76086 15.7959 5.27068 15.6667 4.63636C15.4728 3.68489 14.6219 3 13.6337 3H10.3663C9.37805 3 8.52715 3.68489 8.33333 4.63636C8.20412 5.27068 7.63685 5.76086 6.978 5.76086C5.59733 5.82123 4.69555 5.99013 3.97524 6.46268C3.48995 6.78104 3.07328 7.19014 2.74902 7.6666C2 8.76721 2 10.2994 2 13.3636C2 16.4279 2 17.9601 2.74902 19.0607C3.07328 19.5371 3.48995 19.9462 3.97524 20.2646C5.09624 21 6.65675 21 9.77778 21Z\" stroke=\"currentColor\"/>\n<path d=\"M19 10H18\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/clock-circle.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/clock-circle.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-clock-circle-linear\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\"/>\n<path d=\"M12 8V12L14.5 14.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/hashtag.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/hashtag.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-hashtag-linear\"><path d=\"M10 3L5 21\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M19 3L14 21\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M22 9H4\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20 16H2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/heart.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/heart.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-heart-linear\"><path d=\"M2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5C13 20.5 14 19.7294 15.0383 18.9109C17.9806 16.5914 22 14 22 9.1371C22 4.27416 16.4998 0.825464 12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/letter.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/letter.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-letter-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z\" stroke=\"currentColor\"/>\n<path d=\"M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/map-point.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/map-point.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-map-point-linear\"><path d=\"M4 10.1433C4 5.64588 7.58172 2 12 2C16.4183 2 20 5.64588 20 10.1433C20 14.6055 17.4467 19.8124 13.4629 21.6744C12.5343 22.1085 11.4657 22.1085 10.5371 21.6744C6.55332 19.8124 4 14.6055 4 10.1433Z\" stroke=\"currentColor\"/>\n<circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/user.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/user.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-user-linear\"><circle cx=\"12\" cy=\"6\" r=\"4\" stroke=\"currentColor\"/>\n<path d=\"M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z\" stroke=\"currentColor\"/></svg>"
    }
  ],
  "docs": "/docs/themes#quiet-journal",
  "meta": {
    "status": "stable",
    "copyright": "Coordiation",
    "framework": "Next.js App Router",
    "style": "illustrated journal",
    "palette": "ivory and terracotta",
    "namespace": "quiet-journal",
    "classPrefix": "qj-",
    "preview": "/themes/quiet-journal/preview",
    "cover": "/themes/quiet-journal/hero-desk.webp",
    "sections": [
      "header",
      "hero",
      "about",
      "featured stories",
      "archive",
      "topics",
      "newsletter",
      "footer"
    ],
    "assets": [
      "/themes/quiet-journal/hero-desk.webp",
      "/themes/quiet-journal/writer-portrait.webp",
      "/themes/quiet-journal/story-reading.webp",
      "/themes/quiet-journal/story-plant.webp",
      "/themes/quiet-journal/story-travel.webp",
      "/themes/quiet-journal/story-books-camera.webp"
    ],
    "frameworkName": "Coordiation CSS",
    "sourceOwnership": "open-code"
  }
}