@nebularstreams/statify 3.0.7 → 3.0.8

package/templates/landing-rich/metadata.json

@@ -0,0 +1,115 @@
+{
+  "title": "Brightfield Labs",
+  "description": "Thoughtful digital products for growing organizations",
+  "canonical": "https://example.com",
+  "image": {
+    "url": "https://example.com/res/nebular.color.png",
+    "alt": "Brightfield Labs"
+  },
+  "ogtype": "website",
+  "site": {
+    "name": "Brightfield Labs",
+    "url": "https://example.com",
+    "domain": "example.com",
+    "cookies": "none",
+    "nocookies": false,
+    "simplepages": true
+  },
+  "author": {
+    "@type": "Organization",
+    "name": "Brightfield Labs",
+    "url": "https://example.com",
+    "logo": "https://example.com/res/logos/logo.white.png"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "Brightfield Labs",
+    "url": "https://example.com",
+    "logo": "https://example.com/res/logos/logo.white.png"
+  },
+  "head": [
+    {
+      "t": "link",
+      "rel": "icon",
+      "type": "image/png",
+      "href": "res/logos/favicon.png"
+    },
+    {
+      "t": "link",
+      "rel": "stylesheet",
+      "href": "app/website.css"
+    },
+    {
+      "t": "link",
+      "rel": "stylesheet",
+      "href": "res/custom.css"
+    },
+    {
+      "t": "link",
+      "rel": "apple-touch-icon",
+      "href": "res/logos/favicon.png"
+    },
+    {
+      "t": "script",
+      "src": "app/website.min.js"
+    }
+  ],
+  "meta": [
+    {
+      "charSet": "utf-8"
+    },
+    {
+      "name": "robots",
+      "content": "all"
+    },
+    {
+      "lang": "en"
+    },
+    {
+      "name": "viewport",
+      "content": "width=device-width, maximum-scale=5, user-scalable=yes, initial-scale=1"
+    },
+    {
+      "name": "theme-color",
+      "content": "#111827"
+    },
+    {
+      "name": "mobile-web-app-capable",
+      "content": "yes"
+    },
+    {
+      "name": "apple-mobile-web-app-capable",
+      "content": "yes"
+    },
+    {
+      "name": "apple-mobile-web-app-status-bar-style",
+      "content": "black"
+    }
+  ],
+  "navibar": {
+    "home": "/",
+    "logo": "res/nebular.medallion.transparent.png",
+    "displayTitle": true,
+    "autoHide": true,
+    "links": {
+      "SPACER": {
+        "separator": true
+      },
+      "Documentation": {
+        "url": "/docs/index",
+        "icon": "book"
+      },
+      "Contact": {
+        "url": "mailto:hello@example.com",
+        "icon": "envelope"
+      }
+    }
+  },
+  "links.doc": {
+    "documents": {
+      "static": true,
+      "class": "inter"
+    }
+  },
+  "links.metadata": {}
+}

package/templates/landing-rich/pages/docs/cookies.md

@@ -0,0 +1,25 @@
+# Cookies and Local Storage
+
+**Example policy — replace before publishing. Last updated: September 17, 2026.**
+
+This page explains how the Brightfield Labs website uses cookies and browser storage.
+
+## What we store
+
+The website does not use advertising or third-party tracking cookies. It stores only preferences requested by the visitor.
+
+| Storage key | Purpose | Duration |
+| --- | --- | --- |
+| `brightfield.preferences` | Remembers theme and policy-notice choices | Until changed or deleted |
+
+This information remains in the visitor's browser and is not used to create an advertising profile.
+
+## Managing stored data
+
+Visitors can remove local preferences through their browser's privacy or site-data settings. Removing them resets the saved theme and may display the policy notice again.
+
+If optional analytics or other cookies are introduced, this policy and the website's consent controls should be updated before those technologies are enabled.
+
+## Contact
+
+Questions about this example policy can be sent to [privacy@example.com](mailto:privacy@example.com).

package/templates/landing-rich/pages/docs/index.md

@@ -0,0 +1,13 @@
+# Documentation
+
+Welcome to the Brightfield Labs documentation center. Use this template for product guides, company policies, technical references, or any other structured content.
+
+## Company Policies
+
+* [Terms of Service](tos.md)
+* [Privacy Policy](privacy.md)
+* [Cookies and Local Storage](cookies.md)
+
+## Getting Started
+
+Add Markdown files anywhere inside the `pages` folder. Subfolders become sections, and ordinary assets such as stylesheets and downloads are copied into the generated site.

package/templates/landing-rich/pages/docs/privacy.md

@@ -0,0 +1,50 @@
+# Privacy Policy
+
+**Example policy — obtain appropriate legal review before publishing. Last updated: September 17, 2026.**
+
+This policy describes how **Brightfield Labs** (**we**, **us**, or **our**) handles personal information when someone visits **example.com** or contacts us.
+
+## Information we process
+
+We aim to collect only the information needed to operate and protect the website, communicate with visitors, and provide requested services.
+
+This may include:
+
+* ordinary technical request data, such as IP address, browser information, requested pages, and timestamps;
+* preferences stored locally in the visitor's browser;
+* contact details and message content supplied when someone writes to us; and
+* information required to provide a service requested by a customer.
+
+We do not sell personal information or use website visitor information to create advertising profiles.
+
+## Why we use information
+
+We may use information to operate and secure the website, prevent abuse, respond to enquiries, deliver requested services, meet legal obligations, and protect our rights. The appropriate legal basis depends on the context and applicable law.
+
+## Cookies and local storage
+
+The website may store limited preferences in the visitor's browser. See our [Cookies and Local Storage Policy](cookies.md) for details.
+
+## Service providers and transfers
+
+Trusted providers may process information when they host, maintain, deliver, or secure the website. We expect providers to handle information under suitable contractual and legal safeguards, including safeguards for international transfers where required.
+
+## Retention and security
+
+We retain information only as long as reasonably necessary for its purpose, legal obligations, security, and dispute resolution. We use reasonable technical and organizational safeguards, although no internet service can guarantee absolute security.
+
+## Individual rights
+
+Depending on location, individuals may have rights to access, correct, delete, restrict, or receive a copy of their personal information, or to object to certain processing. Identity verification may be required before a request is completed.
+
+## Changes
+
+We may update this policy as the website, our practices, or applicable requirements change. The revision date above identifies the latest version.
+
+## Contact
+
+**Brightfield Labs**  
+100 Example Street  
+Sample City, EX 10000
+
+Email: [privacy@example.com](mailto:privacy@example.com)

package/templates/landing-rich/pages/docs/tos.md

@@ -0,0 +1,49 @@
+# Website Terms
+
+**Example terms — obtain appropriate legal review before publishing. Last updated: September 17, 2026.**
+
+These terms govern access to the Brightfield Labs website at **example.com**. By using the website, visitors agree to these terms.
+
+## Website purpose
+
+The website provides general information about Brightfield Labs, its services, and example work. Descriptions, demonstrations, roadmaps, and other materials are informational and do not create a binding offer, warranty, or service commitment.
+
+Separate agreements may govern paid products, professional services, software licenses, support, or customer projects. Those agreements take precedence for the services they cover.
+
+## Intellectual property
+
+Unless stated otherwise, Brightfield Labs owns the original website content and design or uses them with permission. Visitors may view the website for ordinary informational and business-evaluation purposes, but may not republish or commercially exploit substantial content without permission.
+
+Third-party names, trademarks, and materials remain the property of their respective owners.
+
+## Acceptable use
+
+Visitors must not use the website unlawfully, interfere with its operation or security, attempt unauthorized access, introduce malicious code, impose unreasonable automated load, or misrepresent an affiliation with Brightfield Labs.
+
+## External services
+
+Links to third-party websites are provided for convenience. Brightfield Labs does not control their availability, security, content, or terms.
+
+## Availability and disclaimer
+
+We may change, suspend, or discontinue the website at any time. The website and its informational content are provided on an **"as available"** basis. To the extent permitted by law, we do not guarantee that the website will always be available, error-free, complete, or suitable for a particular purpose.
+
+## Liability
+
+To the extent permitted by law, Brightfield Labs is not liable for indirect or consequential losses arising solely from use of, inability to use, or reliance on this public website. Nothing here excludes rights or liabilities that cannot legally be excluded.
+
+## Privacy
+
+Our handling of personal information is described in the [Privacy Policy](privacy.md), and browser storage is described in the [Cookies and Local Storage Policy](cookies.md).
+
+## Changes
+
+We may update these terms from time to time. Updated terms apply from publication unless otherwise stated.
+
+## Contact
+
+**Brightfield Labs**  
+100 Example Street  
+Sample City, EX 10000
+
+Email: [hello@example.com](mailto:hello@example.com)

package/templates/landing-rich/pages/faq.json

@@ -0,0 +1,68 @@
+{
+  "title": "Brightfield Live FAQ",
+  "description": "Example frequently asked questions for a software product",
+  "canonical": "https://example.com/faq",
+  "widget": "Faq",
+  "class": "bg-window",
+  "displayTitle": true,
+  "faq": {
+    "mainEntity": [
+      {
+        "name": "What is Brightfield Live?",
+        "acceptedAnswer": "Brightfield Live is a fictional production workspace used to demonstrate Statify's rich landing-page and FAQ widgets. Replace this answer with a concise description of the real product."
+      },
+      {
+        "name": "Which platforms are supported?",
+        "acceptedAnswer": "List the operating systems, browsers, devices, or deployment environments supported by the real product. Include minimum versions only when they have been verified."
+      },
+      {
+        "name": "What hardware do I need?",
+        "acceptedAnswer": "Describe the minimum and recommended hardware for the product. Separate required equipment from optional controllers, cameras, microphones, or other accessories."
+      },
+      {
+        "name": "How do I install the application?",
+        "acceptedAnswer": "1. Download the appropriate installer from the official product page.\n2. Follow the platform-specific installation steps.\n3. Open the application and complete the initial setup.\n\nReplace these example steps with verified instructions and links."
+      },
+      {
+        "name": "Can I try it before purchasing?",
+        "acceptedAnswer": "Explain whether a trial, demonstration, free tier, or evaluation license is available. Do not promise pricing or availability that has not been confirmed."
+      },
+      {
+        "name": "Where can I find the user guide?",
+        "acceptedAnswer": "Start with the [getting-started guide](/docs/getting-started), then link to task-based guides and the complete reference documentation."
+      },
+      {
+        "name": "Why does video playback appear slow?",
+        "acceptedAnswer": "Video performance may depend on source resolution, encoding, browser capabilities, available memory, and graphics acceleration. Confirm the supported configuration, close unnecessary workloads, and test with a smaller source before contacting support."
+      },
+      {
+        "name": "How do I switch between light and dark mode?",
+        "acceptedAnswer": "Use the sun or moon button in the navigation bar. The selected preference is stored locally in the browser and reused on the next visit."
+      },
+      {
+        "name": "Can I use my own images, audio, and video?",
+        "acceptedAnswer": "Yes. Document the supported file formats and size limits for the real product. Users are responsible for ensuring they have permission to use imported media."
+      },
+      {
+        "name": "How should third-party media be credited?",
+        "acceptedAnswer": "Keep the creator name, original source, license, and any required attribution text with the asset. Publish those credits wherever the applicable license requires them."
+      },
+      {
+        "name": "How can I get support?",
+        "acceptedAnswer": "Email [support@example.com](mailto:support@example.com) with the product version, operating system, a clear description of the issue, and steps that reproduce it."
+      }
+    ],
+    "author": {
+      "@type": "Organization",
+      "name": "Brightfield Labs",
+      "url": "https://example.com",
+      "logo": "https://example.com/res/logos/logo.white.png"
+    },
+    "publisher": {
+      "@type": "Organization",
+      "name": "Brightfield Labs",
+      "url": "https://example.com",
+      "logo": "https://example.com/res/logos/logo.white.png"
+    }
+  }
+}

package/templates/landing-rich/pages/index.json

@@ -0,0 +1,333 @@
+{
+  "widget": "FeatureList",
+  "title": "Brightfield Live",
+  "titleRaw": true,
+  "canonical": "https://example.com",
+  "class": "bg-window",
+  "features": {
+    "containerClass": "pad-0 bg-six-lite back-zero",
+    "itemsClass": "pad-1",
+    "video": {
+      "url": "res/videos/obscene-studio-showcase-1",
+      "title": "Brightfield Live product showcase placeholder",
+      "autoplay": true,
+      "muted": "muted",
+      "loop": true,
+      "class": "order-first"
+    },
+    "title": {
+      "containerClass": "fullrow",
+      "class": "newbox",
+      "items": [
+        {
+          "image": "res/trans-horizontal.png",
+          "class": "col-12",
+          "imageClass": "none",
+          "alt": "Brightfield Live logo placeholder"
+        },
+        {
+          "el": "h1",
+          "text": "Create memorable live experiences<br>without slowing down production",
+          "class": "col-12 col-md-10 offset-md-1"
+        },
+        {
+          "class": "col-12 col-md-10 offset-md-1 pad-4 pad-h",
+          "text": "Brightfield Live is a fictional production workspace that demonstrates how a rich Statify landing page can combine product storytelling, local video, screenshots, nested cards, and consent-aware media embeds."
+        },
+        {
+          "link": {
+            "text": "Request a demo",
+            "href": "mailto:hello@example.com",
+            "class": "marg-4 accentbutton"
+          }
+        }
+      ]
+    },
+    "cards": [
+      {
+        "title": "About Brightfield Live",
+        "containerClass": "pad-0 back-one",
+        "class": "flexrow wrap imagecarousel nearbox",
+        "items": [
+          {
+            "el": "h2",
+            "text": "One workspace from idea to broadcast"
+          },
+          {
+            "el": "div",
+            "class": "flexbreak"
+          },
+          {
+            "class": "col-12 col-md-10 member font-125",
+            "text": "Plan scenes, arrange media, and prepare interactive moments in a visual workspace designed for fast-moving teams."
+          },
+          {
+            "class": "col-12 col-md-10 member font-125",
+            "text": "During a live session, operators can trigger prepared content, adjust parameters, and coordinate changes without interrupting the underlying production."
+          },
+          {
+            "class": "col-12 col-md-10 member font-125",
+            "text": "The examples below show how image-led feature cards can explain several use cases while retaining a consistent responsive layout."
+          },
+          {
+            "image": "res/index/scr-music-clubbing.webp",
+            "class": "shot col-12 col-md-6 usecase",
+            "title": "Brand Moments",
+            "alt": "Example interface for arranging branded content during a live production"
+          },
+          {
+            "image": "res/index/scr-pollos-hermanos.webp",
+            "class": "shot col-12 col-md-6 usecase",
+            "title": "Interactive Graphics",
+            "alt": "Example interactive graphic controlled from the production workspace"
+          },
+          {
+            "image": "res/index/scr-football-1.webp",
+            "class": "shot col-12 col-md-6 usecase",
+            "title": "Live Information",
+            "alt": "Example information layout combining video, data, and supporting graphics"
+          },
+          {
+            "image": "res/index/scr-gaming-warning.webp",
+            "class": "shot col-12 col-md-6 usecase",
+            "title": "Audience Engagement",
+            "alt": "Example audience-engagement scene with several controllable elements"
+          }
+        ]
+      },
+      {
+        "title": "Getting Started",
+        "card": true,
+        "class": "nearbox",
+        "containerClass": "pad-0 back-two",
+        "items": [
+          {
+            "el": "h2",
+            "text": "Start with the tools you already use"
+          },
+          {
+            "el": "div",
+            "class": "flexbreak"
+          },
+          {
+            "class": "col-12 col-md-10 font-125",
+            "text": "Connect Brightfield Live to an existing production workflow, choose a starter layout, and adapt it as the event develops. This section demonstrates an explanatory diagram followed by a YouTube embed."
+          },
+          {
+            "class": "obsimagevignette shot",
+            "image": "res/index/obscene-diagram.webp",
+            "alt": "Example diagram showing a production workspace connected to external tools"
+          },
+          {
+            "youtube": {
+              "ref": "YOUR_VIDEO_ID",
+              "image": "res/index/obscene-promo-720.webp",
+              "title": "Brightfield Live getting-started video placeholder",
+              "class": "smallervideo"
+            }
+          }
+        ],
+        "links": [
+          {
+            "text": "Read the getting-started guide",
+            "href": "docs/getting-started"
+          }
+        ]
+      },
+      {
+        "title": "Creation Stage",
+        "card": true,
+        "class": "nearbox",
+        "containerClass": "pad-0 back-three",
+        "items": [
+          {
+            "el": "h2",
+            "text": "Create"
+          },
+          {
+            "el": "div",
+            "class": "flexbreak"
+          },
+          {
+            "text": "Bring content, layout, and interaction together in one visual composition. Save useful arrangements as reusable starting points for future productions.",
+            "class": "col-12 col-md-10 font-125"
+          },
+          {
+            "class": "obsimage fullimage shot",
+            "image": "res/index/studio-screenshot.webp",
+            "alt": "Example visual editor with a canvas and configuration controls"
+          },
+          {
+            "cards": [
+              {
+                "icon": "broadcast-tower accent",
+                "title": "Designed for live teams",
+                "subclass": "mone",
+                "left": true,
+                "subhead": "work together",
+                "text": "Keep the controls needed during a live session close at hand while leaving setup details available for preparation and review."
+              },
+              {
+                "icon": "pen-fancy accent",
+                "title": "Build visual scenes",
+                "subclass": "mone",
+                "left": true,
+                "subhead": "compose clearly",
+                "text": "Combine text, imagery, video, and data-driven elements into scenes that can be reused and adjusted."
+              },
+              {
+                "icon": "icons accent",
+                "title": "Bring your own media",
+                "subclass": "mone",
+                "left": true,
+                "subhead": "respect the source",
+                "text": "Use appropriately licensed media and keep creator, source, and usage information with every asset."
+              },
+              {
+                "icon": "object-group accent",
+                "title": "Create reusable patterns",
+                "subclass": "mone",
+                "left": true,
+                "subhead": "start faster",
+                "text": "Turn successful layouts into repeatable patterns that provide structure without limiting creative choices.",
+                "links": [
+                  {
+                    "text": "Explore examples",
+                    "href": "docs/examples"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "title": "Live Stage",
+        "card": true,
+        "class": "nearbox",
+        "containerClass": "pad-0 back-four",
+        "items": [
+          {
+            "el": "h2",
+            "text": "Go live"
+          },
+          {
+            "el": "div",
+            "class": "flexbreak"
+          },
+          {
+            "text": "Load a prepared project, monitor the current scene, and make controlled changes as the production unfolds. Operators can use on-screen controls or supported external devices.",
+            "class": "col-12 col-md-10 font-125"
+          },
+          {
+            "youtube": {
+              "class": "smallervideo",
+              "ref": "YOUR_SECOND_VIDEO_ID",
+              "image": "res/videos/obscene-promo-720.webp",
+              "title": "Brightfield Live workflow video placeholder"
+            }
+          },
+          {
+            "cards": [
+              {
+                "subclass": "mone",
+                "title": "Use tactile controls",
+                "left": true,
+                "subhead": "responsive operation",
+                "icon": "sliders-h accent",
+                "text": "Map the most important actions to familiar controls so an operator can respond without searching through menus.",
+                "items": [
+                  {
+                    "class": "fullimage obsimagevignette shot",
+                    "image": "res/index/obscene-studio-midi-controllers-3.webp",
+                    "alt": "Example external controllers used with a live production interface"
+                  }
+                ]
+              },
+              {
+                "title": "Build spatial presentations",
+                "icon": "cube accent",
+                "left": true,
+                "subhead": "another dimension",
+                "text": "Use spatial layouts when a flat composition cannot communicate the idea. Combine environments, objects, cameras, and lighting into an explorable presentation.",
+                "subclass": "mone",
+                "links": [
+                  {
+                    "text": "View spatial examples",
+                    "href": "docs/spatial"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ],
+    "footer": {
+      "title": "Media and attribution",
+      "class": "flexcol",
+      "containerClass": "none",
+      "outerClass": "back-five",
+      "items": [
+        {
+          "text": "The media in this template is placeholder content. Replace it with project-appropriate assets and retain any creator, source, and license information required for reuse.",
+          "class": "attrib-1"
+        },
+        {
+          "class": "attrib-2",
+          "text": "For third-party photographs, video, music, illustrations, stickers, maps, or fonts, verify the applicable license and publish the required attribution before deployment."
+        },
+        {
+          "link": {
+            "text": "Talk to Brightfield Labs",
+            "href": "mailto:hello@example.com",
+            "class": "marg-4 accentbutton"
+          }
+        },
+        {
+          "class": "fullimage shot obsvideo inner",
+          "youtube": {
+            "ref": "YOUR_PROMO_VIDEO_ID",
+            "image": "res/index/obscene-promo-720.webp",
+            "title": "Brightfield Live promotional video placeholder"
+          },
+          "alt": "Promotional video placeholder for Brightfield Live"
+        }
+      ]
+    }
+  },
+  "footer": {
+    "title": "Brightfield Live",
+    "copyright": "Brightfield Labs &copy; 2026",
+    "links": [
+      {
+        "title": "FAQ",
+        "href": "faq"
+      },
+      {
+        "title": "Documentation",
+        "href": "docs/index"
+      },
+      {
+        "title": "Privacy",
+        "href": "docs/privacy"
+      },
+      {
+        "title": "Terms",
+        "href": "docs/tos"
+      },
+      {
+        "title": "Contact",
+        "href": "mailto:hello@example.com"
+      }
+    ]
+  },
+  "snippet": {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "Brightfield Live",
+    "operatingSystem": "Web",
+    "applicationCategory": "MultimediaApplication",
+    "description": "A fictional live-production application used to demonstrate a rich Statify landing page."
+  }
+}

package/templates/landing-rich/pages/res/bg/molecule.svg

@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 2000' fill='#808'>
+    <path d='M1891 560c0-277-224-509-501-499-372 13-397 281-504 302s-215-179-511-75a459 459 0 0 0-222 218C10 809 262 886 259 992s-201 171-82 395c34 64 99 127 212 141 56 6 103 47 115 102a377 377 0 0 0 383 310c222 2 528-202 380-536-42-97 30-123 73-194s-11-120 128-156c233-61 423-246 423-494Z'></path>
+</svg>