@omega.js/extension 0.1.0

package/dist/assets/themes/base/_layouts/backend/pages/dashboard/index.html

@@ -0,0 +1,230 @@
+---
+layout: backend/core/minimal
+
+meta:
+  index: false
+
+stats_cards:
+  - id: "total_revenue"
+    title: "Total revenue"
+    value: "$24,300"
+    change: "+12.5%"
+    change_type: "success"
+    icon: "dollar-sign"
+
+  - id: "new_users"
+    title: "New users"
+    value: "1,423"
+    change: "+5.8%"
+    change_type: "success"
+    icon: "users"
+
+  - id: "active_projects"
+    title: "Active projects"
+    value: "14"
+    change: "2 pending"
+    change_type: "warning"
+    icon: "folder-open"
+
+  - id: "performance"
+    title: "Performance"
+    value: "89%"
+    change: "Good"
+    change_type: "info"
+    icon: "chart-line"
+
+recent_activity:
+  - id: "new_document"
+    title: "New document created"
+    description: "Project proposal for Q2 2024"
+    time: "2 hours ago"
+    icon: "file-alt"
+    icon_color: "primary"
+
+  - id: "task_completed"
+    title: "Task completed"
+    description: "Website redesign approved"
+    time: "5 hours ago"
+    icon: "check-circle"
+    icon_color: "success"
+
+  - id: "new_member"
+    title: "New team member"
+    description: "Sarah Johnson joined the team"
+    time: "1 day ago"
+    icon: "user-plus"
+    icon_color: "warning"
+
+  - id: "code_deployed"
+    title: "Code deployed"
+    description: "Version 2.4.1 released to production"
+    time: "2 days ago"
+    icon: "code-branch"
+    icon_color: "info"
+
+quick_actions:
+  - id: "create_project"
+    label: "Create new project"
+    icon: "plus"
+    style: "primary"
+    href: "#"
+
+  - id: "upload_files"
+    label: "Upload files"
+    icon: "upload"
+    style: "outline-adaptive"
+    href: "#"
+
+  - id: "invite_members"
+    label: "Invite team members"
+    icon: "users"
+    style: "outline-adaptive"
+    href: "#"
+
+  - id: "view_analytics"
+    label: "View analytics"
+    icon: "chart-bar"
+    style: "outline-adaptive"
+    href: "/analytics"
+
+  - id: "settings"
+    label: "Settings"
+    icon: "cog"
+    style: "outline-adaptive"
+    href: "/settings"
+
+progress_items:
+  - id: "project_alpha"
+    name: "Project alpha"
+    progress: 75
+    color: "primary"
+
+  - id: "website_redesign"
+    name: "Website redesign"
+    progress: 50
+    color: "info"
+
+  - id: "mobile_app"
+    name: "Mobile app"
+    progress: 90
+    color: "success"
+config:
+  theme:
+    header:
+      title:
+        content: "Dashboard"
+        icon: "gauge-high"
+      breadcrumbs:
+        items:
+          - label: Home
+            href: /
+            icon: house
+          - label: Dashboard
+      actions:
+        items:
+          - label: New project
+            icon: plus
+            color: primary
+          - label: Reports
+            icon: chart-line
+            color: adaptive
+            dropdown:
+              - label: Sales report
+                icon: dollar-sign
+                href: /reports/sales
+              - label: Analytics report
+                icon: chart-bar
+                href: /reports/analytics
+              - divider: true
+              - label: Export all
+                icon: download
+                href: /reports/export
+---
+
+<!-- Dashboard Content -->
+
+<!-- Merged stat card (App DNA: ONE card, hairline column dividers) -->
+<div class="omega-statgrid mb-4">
+  {% for card in resolved.stats_cards %}
+    <div class="omega-statgrid__cell">
+      <div class="omega-statgrid__label">
+        <span class="omega-micro">{{ card.title }}</span>
+        <i class="fa-solid fa-{{ card.icon }} fa-sm"></i>
+      </div>
+      <div class="omega-statgrid__value">{{ card.value }}</div>
+      <span class="badge bg-{{ card.change_type }}-subtle text-{{ card.change_type }}">{{ card.change }}</span>
+    </div>
+  {% endfor %}
+</div>
+
+<!-- Recent Activity & Quick Actions -->
+<div class="row g-3">
+  <!-- Recent Activity -->
+  <div class="col-lg-8">
+    <div class="card">
+      <div class="card-body">
+        <h5 class="omega-panel-title">Recent activity</h5>
+        <div class="omega-activity">
+          {% for activity in resolved.recent_activity %}
+            <div class="omega-activity__row">
+              <span class="omega-icon-chip omega-icon-chip--neutral">
+                <i class="fa-solid fa-{{ activity.icon }} fa-sm"></i>
+              </span>
+              <div class="omega-activity__body">
+                <div class="omega-activity__title">{{ activity.title }}</div>
+                <p class="omega-activity__desc">{{ activity.description }}</p>
+              </div>
+              <span class="omega-activity__time">{{ activity.time }}</span>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Quick Actions -->
+  <div class="col-lg-4">
+    <div class="card">
+      <div class="card-body">
+        <h5 class="omega-panel-title">Quick actions</h5>
+        <div class="d-grid gap-2">
+          {% for action in resolved.quick_actions %}
+            {% assign _style = action.style %}
+            {% if _style == 'primary' %}{% assign _style = 'adaptive' %}{% endif %}
+            {% if action.href %}
+              <a href="{{ action.href }}" class="btn btn-{{ _style }}">
+                <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                {{ action.label }}
+              </a>
+            {% else %}
+              <button class="btn btn-{{ _style }}">
+                <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                {{ action.label }}
+              </button>
+            {% endif %}
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+
+    <!-- Progress Overview -->
+    <div class="card mt-3">
+      <div class="card-body">
+        <h5 class="omega-panel-title">Progress overview</h5>
+        {% for item in resolved.progress_items %}
+          <div class="mb-3{% if forloop.last %} mb-0{% endif %}">
+            <div class="d-flex justify-content-between mb-1">
+              <span class="omega-micro">{{ item.name }}</span>
+              <span class="small text-muted">{{ item.progress }}%</span>
+            </div>
+            <div class="progress" style="height: 5px;">
+              <div class="progress-bar" role="progressbar" style="width: {{ item.progress }}%"></div>
+            </div>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</div>
+
+{{ content | omega_content_format }}

package/dist/assets/themes/base/_layouts/frontend/core/base.html

@@ -0,0 +1,31 @@
+---
+layout: core/root
+
+config:
+  # D5: system type stacks for now — no webfont request. When Ian picks the
+  # vendored faces, they load here (theme.head.content) and the --omega-font-*
+  # tokens re-point; nothing else changes.
+  theme:
+    # html:
+    #   class: ""
+    body:
+      class: "d-flex flex-column min-vh-100"
+    # main:
+    #   class: "flex-fill"
+---
+
+<!-- Nav (controlled by page/layout front matter) -->
+{% unless resolved.config.theme.nav.enabled == false %}
+  {%- include frontend/sections/nav.html -%}
+{% endunless %}
+
+<!-- Main Content -->
+<main id="main-content" class="flex-fill {{ resolved.config.theme.main.class | omega_liquify }}" aria-label="Main content">
+  {{ content | omega_content_format }}
+</main>
+
+<!-- Footer (controlled by page/layout front matter) -->
+{% unless resolved.config.theme.footer.enabled == false %}
+  {%- include frontend/sections/footer.html -%}
+{% endunless %}
+

package/dist/assets/themes/base/_layouts/frontend/core/cover.html

@@ -0,0 +1,40 @@
+---
+layout: frontend/core/base
+
+config:
+  theme:
+    nav:
+      enabled: false
+    main:
+      class: "d-flex align-items-{{ resolved.config.theme.main.align | default: 'center' }} py-5"
+    footer:
+      enabled: false
+---
+
+<!-- Critical inline CSS to prevent FOUC on cover pages -->
+<style>
+  main.d-flex {
+    display: flex !important;
+  }
+  .min-vh-100 {
+    min-height: 100vh !important; /* Fallback for older browsers */
+    min-height: 100dvh !important; /* Dynamic viewport height for mobile */
+  }
+
+  main.d-flex.align-items-center {
+    align-items: center !important;
+  }
+
+  main.d-flex.justify-content-center {
+    justify-content: center !important;
+  }
+</style>
+
+<!-- Cover container with flexible column sizing -->
+<div class="container-fluid">
+  <div class="row justify-content-center">
+    {{ content | omega_content_format }}
+  </div>
+</div>
+
+

package/dist/assets/themes/base/_layouts/frontend/core/minimal.html

@@ -0,0 +1,47 @@
+---
+layout: frontend/core/base
+
+config:
+  theme:
+    nav:
+      enabled: true
+    # main:
+    #   class: ""
+    footer:
+      enabled: true
+---
+
+<!-- ═══ Masthead (document pages: legal, plain-markdown content) ═══ -->
+{% comment %} #467 (after #749): this masthead IS the page's first viewport, so
+the band paints with the document — data-omega-first-paint on the section, no
+stagger container, and no reveal attribute on the hand-rolled h1/p below. The
+bands after it keep the reveal lane. {% endcomment %}
+<section class="omega-dotgrid pb-4" data-omega-first-paint data-omega-dotfield>
+  <div class="container">
+    {% comment %} #491: the h1 is gated on its own arg. Rendered
+    unconditionally it shipped a BLANK first h1 on every page that authors no
+    breadcrumb — and a body carrying its own title then shipped two, the first
+    empty (the checklist's one-h1 rule). {% endcomment %}
+    {% iftruthy resolved.meta.breadcrumb %}
+      <h1 class="omega-display omega-display--page">
+        {{ resolved.meta.breadcrumb }}
+      </h1>
+    {% endiftruthy %}
+    {% iftruthy resolved.meta.description %}
+      <p class="omega-hero-split__sub">
+        {{ resolved.meta.description }}
+      </p>
+    {% endiftruthy %}
+  </div>
+</section>
+
+<!-- ═══ Document body ═══ -->
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 omega-prose">
+        {{ content | omega_content_format }}
+      </div>
+    </div>
+  </div>
+</section>

package/dist/assets/themes/base/_layouts/frontend/pages/404.html

@@ -0,0 +1,54 @@
+---
+layout: frontend/core/base
+
+# ═══ 404 — reimagined 2026-07-16: no more card-in-the-void. A full-bleed
+# typographic moment on the dotfield (the pointer glow makes the page feel
+# alive while you're lost), real URL stamped by the page JS (#page-url),
+# full chrome kept so every exit is one click away.
+
+config:
+  theme:
+    nav:
+      enabled: true
+    footer:
+      enabled: true
+---
+
+<section class="omega-404 omega-dotgrid" data-omega-dotfield>
+  <div class="container text-center" data-omega-reveal-stagger="90">
+    <span class="omega-micro d-block mb-2" data-omega-reveal>Error 404</span>
+
+    <div class="omega-404__code" aria-hidden="true" data-omega-reveal>4<em>0</em>4</div>
+    <h1 class="visually-hidden">Page not found</h1>
+
+    <p class="omega-404__line" data-omega-reveal>
+      Lost, <em>elegantly</em>. This page doesn't exist, or it moved somewhere smarter.
+    </p>
+
+    <div class="omega-404__url d-inline-flex align-items-center gap-2 px-3 py-2 small text-muted mw-100" data-omega-reveal>
+      <span class="omega-micro flex-shrink-0">URL</span>
+      <span id="page-url" class="text-break font-monospace">{{ resolved.config.url }}{{ page.url }}</span>
+    </div>
+
+    <div class="omega-404__actions" data-omega-reveal>
+      <a href="/" class="btn btn-adaptive btn-lg omega-hover-nudge">
+        <i class="fa-solid fa-house fa-sm me-2"></i>
+        Back to home
+      </a>
+      <button class="btn btn-outline-adaptive btn-lg" onclick="window.history.back()">
+        <i class="fa-solid fa-arrow-left fa-sm me-2"></i>
+        Go back
+      </button>
+    </div>
+
+    <p class="omega-404__trail omega-quiet small" data-omega-reveal>
+      Or try:
+      <a href="/blog">Blog</a> ·
+      <a href="/pricing">Pricing</a> ·
+      <a href="/updates">Updates</a> ·
+      <a href="/contact">Support</a>
+    </p>
+  </div>
+</section>
+
+{{ content | omega_content_format }}

package/dist/assets/themes/base/_layouts/frontend/pages/about.html

@@ -0,0 +1,144 @@
+---
+layout: frontend/core/base
+
+# Hero — the statement (headline carries the whole sentence; a legacy
+# headline_accent still lands as the italic tail). Point image at a photo and
+# the band flips to the picture-first lead, words riding the scrim; unset
+# keeps the statement layout.
+hero:
+  headline: "We make complex things <em>feel simple</em>"
+  headline_accent: ""
+  description: "The people and stubborn opinions behind {{ resolved.config.brand.name }}."
+  image: ""
+  image_alt: ""
+
+# Mission & Vision — rendered as the editorial letter
+mission:
+  title: "Our mission"
+  description: "To empower individuals and businesses with technology that <em>simplifies</em> complex challenges and unlocks new possibilities for growth."
+  icon: "bullseye"
+
+vision:
+  title: "Our vision"
+  description: "A world where powerful tools feel effortless, where anyone can build, launch, and grow without wrestling the machinery. That's the product we <em>refuse to stop</em> working toward."
+  icon: "lightbulb"
+
+# The letter band — mission & vision as editorial statements (letter: false
+# kills it). Point image at your own picture and it sits at the head of the
+# aside beside the statements; unset renders no frame; the aside's ops feed
+# rides the section's own feed_items/feed_status args.
+letter:
+  image: ""
+  image_alt: ""
+
+# Story Timeline Section
+story:
+  superheadline:
+    text: "History"
+  headline: "Follow our <em>journey</em>"
+  subheadline: "The moments that shaped how we work."
+  items:
+  - year: "2017"
+    title: "The beginning"
+    description: "{{ resolved.config.brand.name }} was founded with a vision to revolutionize the industry"
+  - year: "2018"
+    title: "Rapid growth"
+    description: "Expanded our team and launched our flagship platform to thousands of users"
+  - year: "2020"
+    title: "Global expansion"
+    description: "Reached customers in over 100 countries and opened international offices"
+  - year: "2023"
+    title: "Innovation award"
+    description: "Recognized as industry leader and received multiple awards for innovation"
+  - year: "{{ site.omega.date.year }}"
+    title: "The future"
+    description: "Continuing to push boundaries and build the future of business technology"
+
+# Photo band — life in pictures (gallery: false kills it). Placeholder
+# imagery SHIPS with the framework (core/images/placeholder, bridged to
+# /assets/images/core by the static-asset channel) because the framework
+# never loads an external image at runtime; point src at your own photos.
+# wide: true spans the grid; the wide tile loads via @bg, stills via
+# responsive @srcset.
+gallery:
+  items:
+  - src: "/assets/images/core/placeholder/photo-1.jpg"
+    alt: "Placeholder artwork in warm amber tones"
+    caption: "Shipping week, every week"
+    wide: true
+  - src: "/assets/images/core/placeholder/photo-2.jpg"
+    alt: "Placeholder artwork in cool blue tones"
+    caption: "Pairing beats meetings"
+  - src: "/assets/images/core/placeholder/photo-3.jpg"
+    alt: "Placeholder artwork in soft green tones"
+    caption: "Plans in pencil"
+
+# Company facts — the hero rail (numbers count up on reveal). The
+# superheadline/headline/subheadline are the band's own head, rendered above
+# the rail; null any of them out and the rail runs bare.
+stats:
+  superheadline:
+    text: "Numbers"
+  headline: "Measuring our <em>impact</em>"
+  subheadline: "The milestones that define our growth"
+  items:
+  - number: "2017"
+    label: "Founded"
+    icon: "calendar"
+  - number: "50+"
+    label: "Team members"
+    icon: "users"
+  - number: "1M+"
+    label: "Happy customers"
+    icon: "smile"
+  - number: "120+"
+    label: "Countries"
+    icon: "globe"
+
+# Company Values Section — rendered as the numbered principles list
+values:
+  superheadline:
+    text: "Principles"
+  headline: "What we <em>refuse</em> to compromise on"
+  subheadline: "Four principles, in order. When two collide, the smaller number wins."
+  items:
+  - title: "Innovation first"
+    description: "Push boundaries; challenge the status quo."
+    icon: "rocket"
+  - title: "Customer obsessed"
+    description: "Their success is our success. Full stop."
+    icon: "heart"
+  - title: "Team excellence"
+    description: "Hire the best, then get out of their way."
+    icon: "users"
+  - title: "Transparent culture"
+    description: "Open communication, honest feedback, shared decisions."
+    icon: "magnifying-glass"
+
+# Team CTA Section
+team_cta:
+  superheadline:
+    text: "People"
+  headline: "Meet the people behind {{ resolved.config.brand.name }}"
+  subheadline: "The people who build and run it, every day."
+  primary_button:
+    text: "Meet the team"
+    href: "/team"
+---
+{% composition %}
+{% section "about/hero", data: resolved.hero, facts: resolved.stats.items, facts_head: resolved.stats %}
+<!-- ═══ The letter — mission & vision as editorial statements (letter: false kills it) ═══ -->
+{% unless resolved.letter == false %}
+  {% section "about/letter", data: resolved.letter, mission: resolved.mission, vision: resolved.vision %}
+{% endunless %}
+<!-- ═══ The journey — sticky head + timeline ═══ -->
+{% section "about/timeline", data: resolved.story %}
+<!-- ═══ Life in pictures — photo band (gallery: false kills it) ═══ -->
+{% unless resolved.gallery == false %}
+  {% section "about/photo-band", items: resolved.gallery.items %}
+{% endunless %}
+<!-- ═══ Principles — the numbered list ═══ -->
+{% section "about/principles", data: resolved.values %}
+<!-- ═══ Team CTA band ═══ -->
+{% section "marketing/cta", data: resolved.team_cta %}
+{% endcomposition %}