{
    "vars":  {
                 "headerMenu":  "header",
                 "githubUrl":  "https://github.com/prss-io",
                 "footerLeft":  "Built with \u003ca href=\"https://prss.io\" target=\"_blank\" rel=\"noopener\"\u003ePRSS\u003c/a\u003e.",
                 "footerCta":  "Like this theme? \u003ca href=\"https://github.com/prss-io\" target=\"_blank\" rel=\"noopener\"\u003eStar it on GitHub\u003c/a\u003e to follow along.",
                 "asideHtml":  "\u003cstrong style=\"display:block;color:var(--text);margin-bottom:6px\"\u003eSponsored\u003c/strong\u003eYour ad here. Paste an AdSense, Carbon, or sponsor snippet in \u003cem\u003eTheme settings → Ads \u0026amp; sponsors\u003c/em\u003e.",
                 "contentFooterHtml":  "\u003cdiv style=\"text-align:center\"\u003e\u003cstrong style=\"display:block;font-size:16px;color:var(--text);margin-bottom:6px\"\u003eEnjoying the docs?\u003c/strong\u003e\u003cspan\u003eDrop a newsletter form, banner, or reusable block here — no code required.\u003c/span\u003e\u003c/div\u003e"
             },
    "header":  [
                   "gs-intro",
                   "blog",
                   "projects",
                   "demo",
                   "components"
               ],
    "tree":  [
                 {
                     "ref":  "home",
                     "title":  "Home",
                     "slug":  "home",
                     "template":  "home",
                     "vars":  {
                                  "heroTitle":  "Beautiful documentation, built in minutes",
                                  "heroMessage":  "A clean, fast, dark-first docs theme for PRSS. Grouped sidebar navigation, an on-page table of contents, copyable code blocks, and callouts — everything you need to write great docs.",
                                  "heroPrimaryText":  "Get started",
                                  "heroPrimaryUrl":  "getting-started/introduction",
                                  "heroSecondaryText":  "Browse components",
                                  "heroSecondaryUrl":  "components/gradient-glow"
                              },
                     "content":  "\u003cdiv class=\"docs-cards\"\u003e\u003cdiv class=\"docs-card\"\u003e\u003ch3\u003eFast to write\u003c/h3\u003e\u003cp\u003eEvery page is a normal PRSS page. Type, drop in a code block or a callout, and publish.\u003c/p\u003e\u003c/div\u003e\u003cdiv class=\"docs-card\"\u003e\u003ch3\u003eOrganized\u003c/h3\u003e\u003cp\u003eGroup pages into sections. The sidebar and previous/next links are generated for you.\u003c/p\u003e\u003c/div\u003e\u003cdiv class=\"docs-card\"\u003e\u003ch3\u003eReader-friendly\u003c/h3\u003e\u003cp\u003eAn automatic “On this page” outline, dark mode, and a keyboard-accessible layout.\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e",
                     "children":  [
                                      {
                                          "ref":  "gs",
                                          "title":  "Getting Started",
                                          "slug":  "getting-started",
                                          "template":  "docs",
                                          "content":  "\u003cp\u003eEverything you need to stand up a documentation site with PRSS. Start with the introduction, then install and ship your first page.\u003c/p\u003e",
                                          "children":  [
                                                           {
                                                               "ref":  "gs-intro",
                                                               "title":  "Introduction",
                                                               "slug":  "introduction",
                                                               "template":  "docs",
                                                               "content":  "\u003cp\u003eThis starter is a fully working documentation site. Edit these pages, add your own, and organize them into sections — the navigation, table of contents, and previous/next links all update automatically.\u003c/p\u003e\u003ch2\u003eWhat you get\u003c/h2\u003e\u003cul\u003e\u003cli\u003e\u003cstrong\u003eGrouped sidebar\u003c/strong\u003e generated from your site structure.\u003c/li\u003e\u003cli\u003e\u003cstrong\u003eOn-page outline\u003c/strong\u003e built from the headings you write.\u003c/li\u003e\u003cli\u003e\u003cstrong\u003eCode blocks\u003c/strong\u003e with one-click copy.\u003c/li\u003e\u003cli\u003e\u003cstrong\u003eCallouts\u003c/strong\u003e for notes, tips, and warnings.\u003c/li\u003e\u003c/ul\u003e\u003cdiv class=\"callout\" data-type=\"info\"\u003e\u003cstrong\u003eTip:\u003c/strong\u003e Every item in the sidebar is just a page. Add a page under a section and it appears here instantly.\u003c/div\u003e\u003ch2\u003eHow pages are organized\u003c/h2\u003e\u003cp\u003eSections are pages that contain other pages. The theme renders the top level of your structure as sidebar groups and their children as links.\u003c/p\u003e\u003ch2\u003eNext steps\u003c/h2\u003e\u003cp\u003eHead to \u003ca href=\"../getting-started/installation\"\u003eInstallation\u003c/a\u003e to learn how to add and arrange pages.\u003c/p\u003e"
                                                           },
                                                           {
                                                               "ref":  "gs-install",
                                                               "title":  "Installation",
                                                               "slug":  "installation",
                                                               "template":  "docs",
                                                               "content":  "\u003cp\u003eYou don\u0027t install anything to use this theme — it ships with PRSS. This page shows how to add content.\u003c/p\u003e\u003ch2\u003eAdd a page\u003c/h2\u003e\u003cp\u003eCreate a new page and place it under a section to make it appear in the sidebar.\u003c/p\u003e\u003cdiv data-block-id=\"block-rkb2l1x7z\" data-block=\"json\" data-specialized-type=\"code-block\" data-content=\"{\u0026quot;id\u0026quot;:\u0026quot;block-rkb2l1x7z\u0026quot;,\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;content\u0026quot;:{\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;fields\u0026quot;:{\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;code\u0026quot;:\u0026quot;# In PRSS: Posts → Create → choose a parent section\\n# Or set the parent later from the structure editor\u0026quot;,\u0026quot;language\u0026quot;:\u0026quot;bash\u0026quot;,\u0026quot;theme\u0026quot;:\u0026quot;dark\u0026quot;,\u0026quot;showLineNumbers\u0026quot;:\u0026quot;false\u0026quot;,\u0026quot;showCopyButton\u0026quot;:\u0026quot;true\u0026quot;,\u0026quot;showHeader\u0026quot;:\u0026quot;true\u0026quot;}},\u0026quot;specializedType\u0026quot;:\u0026quot;code-block\u0026quot;}\" class=\"json-block\"\u003e\u003c/div\u003e\u003ch2\u003eWrite with blocks or HTML\u003c/h2\u003e\u003cp\u003eUse the editor\u0027s headings, lists, code, and callout blocks. Headings become entries in the “On this page” outline.\u003c/p\u003e\u003cdiv class=\"callout\" data-type=\"warning\"\u003e\u003cstrong\u003eHeads up:\u003c/strong\u003e Keep one \u003ccode\u003eh1\u003c/code\u003e per page (the title is added for you) and use \u003ccode\u003eh2\u003c/code\u003e/\u003ccode\u003eh3\u003c/code\u003e for sections.\u003c/div\u003e"
                                                           },
                                                           {
                                                               "ref":  "gs-quickstart",
                                                               "title":  "Quick Start",
                                                               "slug":  "quick-start",
                                                               "template":  "docs",
                                                               "content":  "\u003cp\u003ePublish your first documented feature in three steps.\u003c/p\u003e\u003ch2\u003e1. Create a section\u003c/h2\u003e\u003cp\u003eAdd a page named after your topic (for example, “Guides”). It becomes a sidebar group.\u003c/p\u003e\u003ch2\u003e2. Add pages under it\u003c/h2\u003e\u003cp\u003eCreate child pages for each article. They appear as links under the group.\u003c/p\u003e\u003cdiv data-block-id=\"block-dkme6wxwf\" data-block=\"json\" data-specialized-type=\"code-block\" data-content=\"{\u0026quot;id\u0026quot;:\u0026quot;block-dkme6wxwf\u0026quot;,\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;content\u0026quot;:{\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;fields\u0026quot;:{\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;code\u0026quot;:\u0026quot;export function greet(name: string) {\\n  return `Hello, ${name}!`;\\n}\u0026quot;,\u0026quot;language\u0026quot;:\u0026quot;tsx\u0026quot;,\u0026quot;theme\u0026quot;:\u0026quot;dark\u0026quot;,\u0026quot;showLineNumbers\u0026quot;:\u0026quot;false\u0026quot;,\u0026quot;showCopyButton\u0026quot;:\u0026quot;true\u0026quot;,\u0026quot;showHeader\u0026quot;:\u0026quot;true\u0026quot;}},\u0026quot;specializedType\u0026quot;:\u0026quot;code-block\u0026quot;}\" class=\"json-block\"\u003e\u003c/div\u003e\u003ch2\u003e3. Preview and deploy\u003c/h2\u003e\u003cp\u003eUse PRSS preview to review, then deploy to your host of choice.\u003c/p\u003e\u003cdiv class=\"callout\" data-type=\"success\"\u003e\u003cstrong\u003eDone!\u003c/strong\u003e Your docs site is live with working navigation and search-friendly pages.\u003c/div\u003e"
                                                           }
                                                       ]
                                      },
                                      {
                                          "ref":  "components",
                                          "title":  "Components",
                                          "slug":  "components",
                                          "template":  "docs",
                                          "content":  "\u003cp\u003eReusable content patterns you can drop into any page: callouts, code blocks, tables, and more.\u003c/p\u003e",
                                          "children":  [
                                                           {
                                                               "ref":  "comp-ai",
                                                               "title":  "Gradient Glow",
                                                               "slug":  "gradient-glow",
                                                               "template":  "docs",
                                                               "content":  "\u003cp\u003eAn animated, gradient “intelligence” banner — a showcase component that demonstrates how rich documentation pages can look.\u003c/p\u003e\u003ch2\u003ePreview\u003c/h2\u003e\u003cdiv class=\"docs-demo\"\u003e\u003cdiv class=\"ai-glow\"\u003eGradient Glow\u003c/div\u003e\u003c/div\u003e\u003ch2\u003eInstallation\u003c/h2\u003e\u003cp\u003eAdd the markup and styles to any page.\u003c/p\u003e\u003cdiv data-block-id=\"block-h4wetmmiu\" data-block=\"json\" data-specialized-type=\"code-block\" data-content=\"{\u0026quot;id\u0026quot;:\u0026quot;block-h4wetmmiu\u0026quot;,\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;content\u0026quot;:{\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;fields\u0026quot;:{\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;code\u0026quot;:\u0026quot;\\u003cdiv class=\\\u0026quot;ai-glow\\\u0026quot;\\u003eGradient Glow\\u003c/div\\u003e\u0026quot;,\u0026quot;language\u0026quot;:\u0026quot;html\u0026quot;,\u0026quot;theme\u0026quot;:\u0026quot;dark\u0026quot;,\u0026quot;showLineNumbers\u0026quot;:\u0026quot;false\u0026quot;,\u0026quot;showCopyButton\u0026quot;:\u0026quot;true\u0026quot;,\u0026quot;showHeader\u0026quot;:\u0026quot;true\u0026quot;}},\u0026quot;specializedType\u0026quot;:\u0026quot;code-block\u0026quot;}\" class=\"json-block\"\u003e\u003c/div\u003e\u003ch2\u003eUsage\u003c/h2\u003e\u003cdiv data-block-id=\"block-v5znntzsw\" data-block=\"json\" data-specialized-type=\"code-block\" data-content=\"{\u0026quot;id\u0026quot;:\u0026quot;block-v5znntzsw\u0026quot;,\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;content\u0026quot;:{\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;fields\u0026quot;:{\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;code\u0026quot;:\u0026quot;import { GradientGlow } from \\\u0026quot;@/components/gradient-glow\\\u0026quot;;\\n\\nexport default function Page() {\\n  return \\u003cGradientGlow label=\\\u0026quot;Gradient Glow\\\u0026quot; /\\u003e;\\n}\u0026quot;,\u0026quot;language\u0026quot;:\u0026quot;tsx\u0026quot;,\u0026quot;theme\u0026quot;:\u0026quot;dark\u0026quot;,\u0026quot;showLineNumbers\u0026quot;:\u0026quot;false\u0026quot;,\u0026quot;showCopyButton\u0026quot;:\u0026quot;true\u0026quot;,\u0026quot;showHeader\u0026quot;:\u0026quot;true\u0026quot;}},\u0026quot;specializedType\u0026quot;:\u0026quot;code-block\u0026quot;}\" class=\"json-block\"\u003e\u003c/div\u003e\u003ch2\u003eProps\u003c/h2\u003e\u003ctable\u003e\u003cthead\u003e\u003ctr\u003e\u003cth\u003eProp\u003c/th\u003e\u003cth\u003eType\u003c/th\u003e\u003cth\u003eDefault\u003c/th\u003e\u003cth\u003eDescription\u003c/th\u003e\u003c/tr\u003e\u003c/thead\u003e\u003ctbody\u003e\u003ctr\u003e\u003ctd\u003e\u003ccode\u003elabel\u003c/code\u003e\u003c/td\u003e\u003ctd\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\u003ctd\u003e—\u003c/td\u003e\u003ctd\u003eText shown inside the glow.\u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003ccode\u003espeed\u003c/code\u003e\u003c/td\u003e\u003ctd\u003e\u003ccode\u003enumber\u003c/code\u003e\u003c/td\u003e\u003ctd\u003e\u003ccode\u003e6\u003c/code\u003e\u003c/td\u003e\u003ctd\u003eAnimation duration in seconds.\u003c/td\u003e\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\u003cdiv class=\"callout\" data-type=\"info\"\u003e\u003cstrong\u003eNote:\u003c/strong\u003e This component is for illustration. Swap it for your own showcase.\u003c/div\u003e"
                                                           },
                                                           {
                                                               "ref":  "comp-button",
                                                               "title":  "Button",
                                                               "slug":  "button",
                                                               "template":  "docs",
                                                               "content":  "\u003cp\u003eDocumenting a component follows the same shape every time: preview, installation, usage, and props.\u003c/p\u003e\u003ch2\u003ePreview\u003c/h2\u003e\u003cdiv class=\"docs-demo\"\u003e\u003cbutton class=\"demo-btn\"\u003eClick me\u003c/button\u003e\u003c/div\u003e\u003ch2\u003eUsage\u003c/h2\u003e\u003cdiv data-block-id=\"block-kly3k9zhe\" data-block=\"json\" data-specialized-type=\"code-block\" data-content=\"{\u0026quot;id\u0026quot;:\u0026quot;block-kly3k9zhe\u0026quot;,\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;content\u0026quot;:{\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;fields\u0026quot;:{\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;code\u0026quot;:\u0026quot;\\u003cButton variant=\\\u0026quot;primary\\\u0026quot;\\u003eClick me\\u003c/Button\\u003e\u0026quot;,\u0026quot;language\u0026quot;:\u0026quot;tsx\u0026quot;,\u0026quot;theme\u0026quot;:\u0026quot;dark\u0026quot;,\u0026quot;showLineNumbers\u0026quot;:\u0026quot;false\u0026quot;,\u0026quot;showCopyButton\u0026quot;:\u0026quot;true\u0026quot;,\u0026quot;showHeader\u0026quot;:\u0026quot;true\u0026quot;}},\u0026quot;specializedType\u0026quot;:\u0026quot;code-block\u0026quot;}\" class=\"json-block\"\u003e\u003c/div\u003e\u003ch2\u003eVariants\u003c/h2\u003e\u003cul\u003e\u003cli\u003e\u003ccode\u003eprimary\u003c/code\u003e — the main call to action.\u003c/li\u003e\u003cli\u003e\u003ccode\u003esecondary\u003c/code\u003e — lower emphasis.\u003c/li\u003e\u003cli\u003e\u003ccode\u003eghost\u003c/code\u003e — minimal, for toolbars.\u003c/li\u003e\u003c/ul\u003e"
                                                           }
                                                       ]
                                      },
                                      {
                                          "ref":  "guides",
                                          "title":  "Guides",
                                          "slug":  "guides",
                                          "template":  "docs",
                                          "content":  "\u003cp\u003eTask-focused walkthroughs for common documentation needs.\u003c/p\u003e",
                                          "children":  [
                                                           {
                                                               "ref":  "guides-theming",
                                                               "title":  "Theming",
                                                               "slug":  "theming",
                                                               "template":  "docs",
                                                               "content":  "\u003cp\u003eThe theme is dark-first with a light mode toggle. Colors are driven by CSS variables so you can rebrand quickly.\u003c/p\u003e\u003ch2\u003eBrand color\u003c/h2\u003e\u003cdiv data-block-id=\"block-1axjpwev0\" data-block=\"json\" data-specialized-type=\"code-block\" data-content=\"{\u0026quot;id\u0026quot;:\u0026quot;block-1axjpwev0\u0026quot;,\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;content\u0026quot;:{\u0026quot;type\u0026quot;:\u0026quot;json\u0026quot;,\u0026quot;fields\u0026quot;:{\u0026quot;title\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;description\u0026quot;:\u0026quot;\u0026quot;,\u0026quot;code\u0026quot;:\u0026quot;:root {\\n  --docs-accent: #6366f1;\\n}\u0026quot;,\u0026quot;language\u0026quot;:\u0026quot;css\u0026quot;,\u0026quot;theme\u0026quot;:\u0026quot;dark\u0026quot;,\u0026quot;showLineNumbers\u0026quot;:\u0026quot;false\u0026quot;,\u0026quot;showCopyButton\u0026quot;:\u0026quot;true\u0026quot;,\u0026quot;showHeader\u0026quot;:\u0026quot;true\u0026quot;}},\u0026quot;specializedType\u0026quot;:\u0026quot;code-block\u0026quot;}\" class=\"json-block\"\u003e\u003c/div\u003e\u003ch2\u003eLogo\u003c/h2\u003e\u003cp\u003eSet the \u003ccode\u003elogoImageUrl\u003c/code\u003e site variable to show a logo instead of the site title.\u003c/p\u003e"
                                                           },
                                                           {
                                                               "ref":  "guides-deploy",
                                                               "title":  "Deployment",
                                                               "slug":  "deployment",
                                                               "template":  "docs",
                                                               "content":  "\u003cp\u003eShip your docs anywhere PRSS can deploy.\u003c/p\u003e\u003ch2\u003ePreview locally\u003c/h2\u003e\u003cp\u003eUse PRSS preview to review the built site before publishing.\u003c/p\u003e\u003ch2\u003ePublish\u003c/h2\u003e\u003cp\u003eConnect a host in Site Settings and deploy. Every build regenerates the sidebar and outline from your current pages.\u003c/p\u003e\u003cdiv class=\"callout\" data-type=\"success\"\u003e\u003cstrong\u003eTip:\u003c/strong\u003e Keep section names short — they become the sidebar group headers.\u003c/div\u003e"
                                                           }
                                                       ]
                                      },
                                      {
                                          "ref":  "blog",
                                          "title":  "Blog",
                                          "slug":  "blog",
                                          "template":  "blog",
                                          "content":  "\u003cp\u003eProduct news, release notes, and writing about building with PRSS.\u003c/p\u003e",
                                          "children":  [
                                                           {
                                                               "ref":  "post-1",
                                                               "title":  "Introducing the PRSS Docs theme",
                                                               "slug":  "introducing-the-docs-theme",
                                                               "template":  "post",
                                                               "vars":  {
                                                                            "excerpt":  "A dark-first, structure-driven documentation theme — sidebar, table of contents, and previous/next all build themselves."
                                                                        },
                                                               "content":  "\u003cp\u003eToday we\u0027re shipping a documentation theme for PRSS that does the tedious parts for you. There are no menus to hand-build: the sidebar is derived from your site structure, and the on-page outline is built from your headings.\u003c/p\u003e\u003ch2\u003eWhy structure-driven\u003c/h2\u003e\u003cp\u003eMost docs themes make you maintain a separate navigation file. This one reads your pages directly, so adding a page under a section is all it takes to see it in the nav.\u003c/p\u003e\u003ch2\u003eWhat\u0027s included\u003c/h2\u003e\u003cp\u003eGrouped sidebar, on-page TOC, copyable code blocks, callouts, a blog, and an automatic project showcase.\u003c/p\u003e"
                                                           },
                                                           {
                                                               "ref":  "post-2",
                                                               "title":  "How auto-navigation works",
                                                               "slug":  "how-auto-navigation-works",
                                                               "template":  "post",
                                                               "vars":  {
                                                                            "excerpt":  "The sidebar, breadcrumbs, and previous/next links are generated from your content tree — no configuration required."
                                                                        },
                                                               "content":  "\u003cp\u003eWhen you build the site, the theme walks your structure to produce the sidebar. Deep product trees get their own scoped sidebar; a small docs set shows every section as a group.\u003c/p\u003e\u003ch2\u003ePrevious and next\u003c/h2\u003e\u003cp\u003eThe theme flattens the sidebar into reading order and links each page to its neighbours automatically.\u003c/p\u003e"
                                                           },
                                                           {
                                                               "ref":  "post-3",
                                                               "title":  "Writing great docs with blocks",
                                                               "slug":  "writing-great-docs-with-blocks",
                                                               "template":  "post",
                                                               "vars":  {
                                                                            "excerpt":  "Callouts, code blocks, and tables you can drop into any page from the PRSS editor."
                                                                        },
                                                               "content":  "\u003cp\u003eDocumentation lives and dies by its examples. Use code blocks for snippets, callouts for tips and warnings, and tables for options.\u003c/p\u003e\u003cdiv class=\"callout\" data-type=\"tip\"\u003e\u003cstrong\u003eTip:\u003c/strong\u003e Headings become entries in the “On this page” outline automatically.\u003c/div\u003e"
                                                           }
                                                       ]
                                      },
                                      {
                                          "ref":  "projects",
                                          "title":  "Projects",
                                          "slug":  "projects",
                                          "template":  "showcase",
                                          "content":  "\u003cp\u003eA few things built with — and around — PRSS. Each card links to its own page.\u003c/p\u003e",
                                          "children":  [
                                                           {
                                                               "ref":  "proj-1",
                                                               "title": "Edge API",
                                                               "slug": "edge-api",
                                                               "template":  "page",
                                                               "vars":  {
                                                                            "badge":  "Library",
                                                                            "excerpt":  "A tiny framework for building APIs at the edge, with stateful storage built in."
                                                                        },
                                                               "content":  "\u003cp\u003eEdge API is a minimal framework for building fast, stateful APIs at the edge.\u003c/p\u003e"
                                                           },
                                                           {
                                                               "ref":  "proj-2",
                                                               "title": "UI Kit",
                                                               "slug": "ui-kit",
                                                               "template":  "page",
                                                               "vars":  {
                                                                            "badge":  "Library",
                                                                            "excerpt":  "A framework-agnostic component library — themeable, accessible and touch friendly."
                                                                        },
                                                               "content":  "\u003cp\u003eUI Kit is a small, themeable component library for the web.\u003c/p\u003e"
                                                           },
                                                           {
                                                               "ref":  "proj-3",
                                                               "title":  "PRSS",
                                                               "slug":  "prss",
                                                               "template":  "page",
                                                               "vars":  {
                                                                            "badge":  "App",
                                                                            "excerpt":  "The static site creator you\u0027re using right now — blog, docs, and showcases from one app."
                                                                        },
                                                               "content":  "\u003cp\u003ePRSS is a desktop static-site creator. This whole site was generated by it.\u003c/p\u003e"
                                                           }
                                                       ]
                                      },
                                      {
                                          "ref":  "demo",
                                          "title":  "Live demo",
                                          "slug":  "demo",
                                          "template":  "demo",
                                          "vars":  {
                                                       "embedUrl":  "https://stackblitz.com/edit/react?embed=1\u0026file=src%2FApp.js\u0026hideExplorer=1\u0026hideNavigation=1",
                                                       "embedHeight":  "620",
                                                       "embedTitle":  "Live example"
                                                   },
                                          "content":  "\u003cp\u003eThe \u003cstrong\u003eDemo\u003c/strong\u003e page type embeds a live sandbox, editor, or preview in a large full-width frame — perfect for interactive examples. Set the \u003cem\u003eEmbed URL\u003c/em\u003e in the page\u0027s settings; the theme handles the rest.\u003c/p\u003e"
                                      }
                                  ]
                 }
             ]
}