@omega.js/extension 0.1.0

package/dist/assets/themes/base/_layouts/frontend/pages/blog/index.html

@@ -0,0 +1,255 @@
+---
+layout: frontend/core/base
+
+# Hero Section
+hero:
+  headline: "Thoughts, news and"
+  headline_accent: "stories"
+  subheadline: "The latest from {{ resolved.config.brand.name }}: product news, guides, and perspectives."
+
+# Newsletter CTA Section
+newsletter_cta:
+  superheadline:
+    text: "Newsletter"
+  headline: "Never miss a post"
+  subheadline: "Get the latest insights delivered straight to your inbox. No spam, unsubscribe anytime."
+  button:
+    text: "Subscribe"
+  form:
+    placeholder: "Enter your email"
+---
+
+<!-- ═══ Masthead — mono eyebrow, huge serif, one dek line, search right ═══ -->
+{% 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 the masthead cluster on its first_paint switch. The
+bands below keep the reveal lane. {% endcomment %}
+<section class="omega-dotgrid pb-0" data-omega-first-paint data-omega-dotfield>
+  <div class="container">
+    <div class="omega-masthead">
+      <div>
+        {% component "heading/masthead", eyebrow: "Blog", headline: resolved.hero.headline, headline_accent: resolved.hero.headline_accent, h1_class: "mb-0", sub: resolved.hero.subheadline, sub_class: "omega-hero-split__sub mt-3 mb-0", first_paint: true %}
+      </div>
+
+      <div class="omega-masthead__actions">
+        {% comment %} Client-side search over /blog/index.json — core/js/pages/blog/index.js {% endcomment %}
+        <div class="omega-blog-search">
+          <span class="omega-blog-search__icon"><i class="fa-solid fa-search fa-sm"></i></span>
+          <label for="blog-search" class="visually-hidden">Search posts</label>
+          <input
+            type="search"
+            id="blog-search"
+            class="omega-blog-search__input"
+            name="q"
+            placeholder="Search posts..."
+            autocomplete="off"
+          >
+        </div>
+      </div>
+    </div>
+
+    {% comment %} Category tab rail — All + the top categories {% endcomment %}
+    {% assign categories = '' | split: ',' %}
+    {% for post in site.posts %}
+      {% if categories.size >= 6 %}{% break %}{% endif %}
+      {% for category in post.post.categories %}
+        {% assign category_fixed = category | omega_title_case %}
+        {% unless categories contains category_fixed %}
+          {% assign categories = categories | push: category_fixed %}
+        {% endunless %}
+      {% endfor %}
+    {% endfor %}
+
+    {% if categories.size > 0 %}
+      <nav class="omega-tabs mt-5" aria-label="Post categories">
+        <a href="/blog" class="active">All</a>
+        {% for category in categories %}
+          <a href="/blog/categories/{{ category | slugify }}">{{ category }}</a>
+        {% endfor %}
+        <a href="/blog/categories">All categories</a>
+      </nav>
+    {% endif %}
+  </div>
+</section>
+
+<!-- ═══ Search results — rendered client-side, replaces the listing while querying ═══ -->
+<section id="blog-search-results" class="omega-blog-search" aria-live="polite" hidden></section>
+
+<!-- ═══ Posts — featured lead (page 1) + unboxed grid ═══ -->
+<section data-blog-listing>
+  <div class="container">
+    {% assign post_count = paginator.posts | size %}
+    {% if post_count == 0 %}
+      <div class="row justify-content-center mb-5">
+        <div class="col-lg-6">
+          <div class="card" data-omega-reveal>
+            <div class="card-body p-5 text-center text-muted">
+              <h2 class="h5">No posts yet</h2>
+              <p class="mb-0">Check back soon. New writing lands here first.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    {% endif %}
+
+    {% comment %} Page 1 leads with the newest post as the magazine feature {% endcomment %}
+    {% assign _featured = nil %}
+    {% if paginator.page == 1 and post_count > 0 %}
+      {% assign _featured = paginator.posts | first %}
+    {% endif %}
+
+    {% if _featured %}
+      <article class="omega-featured-post mb-5 pb-3" data-omega-reveal>
+        <a href="{{ _featured.url }}" class="omega-featured-post__media{% if _featured.post.image == false %} omega-dotgrid{% endif %}">
+          {%- if _featured.post.image == false -%}
+            {%- assign _mono_source = _featured.post.categories[0] | default: _featured.post.title -%}
+            <span class="omega-featured-post__monogram" aria-hidden="true">{{ _mono_source | slice: 0 | upcase }}</span>
+          {%- elsif _featured.post.image -%}
+            <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ _featured.post.image }}" alt="{{ _featured.post.title }}">
+          {%- else -%}
+            {%- omega_post _featured.post.id, "image-tag", class="" -%}
+          {%- endif -%}
+        </a>
+        <div class="omega-featured-post__body">
+          <div class="omega-post-card__eyebrow">
+            {% if _featured.post.categories[0] %}
+              <a href="/blog/categories/{{ _featured.post.categories[0] | slugify }}">{{ _featured.post.categories[0] | omega_title_case }}</a>
+              <span>·</span>
+            {% endif %}
+            <time datetime="{{ _featured.date | date_to_xmlschema }}">{{ _featured.date | date: "%b %d, %Y" }}</time>
+            <span>·</span>
+            <span>{% omega_readtime _featured.content %} min read</span>
+
+            {% comment %} The featured slot is the listing's first row and does not
+              go through post-card.html, so it carries the #208 badge itself —
+              otherwise the most prominent sample post is the one row with no
+              tell. Same meta-line placement as the card (#322). {% endcomment %}
+            {% if _featured.generated %}<span class="omega-chip omega-generated-badge">TEST</span>{% endif %}
+          </div>
+          <h2 class="omega-featured-post__title">
+            <a href="{{ _featured.url }}">{{ _featured.post.title }}</a>
+          </h2>
+          {% iftruthy _featured.post.description %}
+            <p class="omega-featured-post__desc">{{ _featured.post.description }}</p>
+          {% endiftruthy %}
+          <div class="mt-2">
+            <a href="{{ _featured.url }}" class="btn btn-outline-adaptive btn-sm omega-hover-nudge">
+              Read the story
+              <span class="omega-nudge ms-2"><i class="fa-solid fa-arrow-right fa-xs"></i></span>
+            </a>
+          </div>
+        </div>
+      </article>
+    {% endif %}
+
+    {% comment %} The grid's heading (#315): the cards' names are h3s, and page 1
+      covers them with the featured post's h2 — a paginated page renders no
+      feature, so it needs its own. Visually hidden, the term-page idiom
+      (frontend/pages/blog/tags/tag.html). {% endcomment %}
+    {% if _featured == nil and post_count > 0 %}
+      <h2 class="visually-hidden">More posts</h2>
+    {% endif %}
+
+    <div class="row g-4 gy-5 mb-5" data-omega-reveal-stagger="60">
+      {% for post in paginator.posts %}
+        {% if _featured and post.url == _featured.url %}{% continue %}{% endif %}
+        <div class="col-xl-4 col-lg-6 col-md-12" data-omega-reveal>
+          {% include frontend/components/post-card.html post=post %}
+        </div>
+      {% endfor %}
+    </div>
+
+    <!-- Pagination -->
+    {% if paginator.total_pages > 1 %}
+      <nav aria-label="Blog pagination" class="d-flex justify-content-center mb-5">
+        <ul class="pagination mb-0">
+          <!-- Previous Page -->
+          {% if paginator.previous_page %}
+            <li class="page-item">
+              <a class="page-link" href="{{ paginator.previous_page_path }}" aria-label="Previous page">
+                <i class="fa-solid fa-chevron-left fa-xs"></i>
+                <span class="d-none d-sm-inline ms-1">Previous</span>
+              </a>
+            </li>
+          {% else %}
+            <li class="page-item disabled">
+              <span class="page-link">
+                <i class="fa-solid fa-chevron-left fa-xs"></i>
+                <span class="d-none d-sm-inline ms-1">Previous</span>
+              </span>
+            </li>
+          {% endif %}
+
+          <!-- Page Numbers -->
+          {% assign start_page = paginator.page | minus: 2 | at_least: 1 %}
+          {% assign end_page = paginator.page | plus: 2 | at_most: paginator.total_pages %}
+
+          {% if start_page > 1 %}
+            <li class="page-item">
+              <a class="page-link" href="/blog">1</a>
+            </li>
+            {% if start_page > 2 %}
+              <li class="page-item disabled">
+                <span class="page-link">...</span>
+              </li>
+            {% endif %}
+          {% endif %}
+
+          {% for page in (start_page..end_page) %}
+            <li class="page-item {% if page == paginator.page %}active{% endif %}">
+              {% if page == 1 %}
+                <a class="page-link" href="/blog">{{ page }}</a>
+              {% else %}
+                <a class="page-link" href="/blog/page/{{ page }}">{{ page }}</a>
+              {% endif %}
+            </li>
+          {% endfor %}
+
+          {% if end_page < paginator.total_pages %}
+            {% assign second_to_last = paginator.total_pages | minus: 1 %}
+            {% if end_page < second_to_last %}
+              <li class="page-item disabled">
+                <span class="page-link">...</span>
+              </li>
+            {% endif %}
+            <li class="page-item">
+              <a class="page-link" href="/blog/page/{{ paginator.total_pages }}">
+                {{ paginator.total_pages }}
+              </a>
+            </li>
+          {% endif %}
+
+          <!-- Next Page -->
+          {% if paginator.next_page %}
+            <li class="page-item">
+              <a class="page-link" href="{{ paginator.next_page_path }}" aria-label="Next page">
+                <span class="d-none d-sm-inline me-1">Next</span>
+                <i class="fa-solid fa-chevron-right fa-xs"></i>
+              </a>
+            </li>
+          {% else %}
+            <li class="page-item disabled">
+              <span class="page-link">
+                <span class="d-none d-sm-inline me-1">Next</span>
+                <i class="fa-solid fa-chevron-right fa-xs"></i>
+              </span>
+            </li>
+          {% endif %}
+        </ul>
+      </nav>
+    {% endif %}
+
+    <!-- In-Feed Vert (auto placement — the advertising config key gates it) -->
+    {% if resolved.config.advertising %}
+      <div class="row justify-content-center">
+        <div class="col-12 col-lg-8">
+          {% section "verts/unit", type: "in-feed" %}
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</section>
+
+<!-- ═══ Newsletter CTA band ═══ -->
+{% section "marketing/newsletter-cta", data: resolved.newsletter_cta, section_class: "pt-0" %}
+{{ content | omega_content_format }}

package/dist/assets/themes/base/_layouts/frontend/pages/blog/post.html

@@ -0,0 +1,261 @@
+---
+layout: frontend/core/base
+
+author_section:
+  author_position: "Marketing Manager"
+
+related_posts:
+  superheadline: "Keep reading"
+  headline: "Related <em>posts</em>"
+  limit: 3
+
+newsletter:
+  superheadline:
+    text: "Newsletter"
+  headline: "Stay in the loop"
+  subheadline: "Join our newsletter and get resources, curated content, and inspiration delivered straight to your inbox."
+  button:
+    text: "Submit"
+  form:
+    placeholder: "jonsnow@gmail.com"
+config:
+  theme:
+    post:
+      image:
+        class: "img-fluid rounded-3 w-100 my-5"
+  client:
+    socialSharing:
+      enabled: true
+---
+
+<!-- Reading progress — accent hairline pinned under the nav (post JS drives width) -->
+<div class="omega-read-progress" aria-hidden="true"><span data-read-progress></span></div>
+
+{% comment %} Vert placement (docs/web/ads-system.md): auto-placed units need the
+  `advertising` config key, and a post opts out with `verts: false` in its
+  frontmatter. The opt-out also travels to the mid-article JS insertion lane
+  (pages/blog/[slug].js) through data-omega-verts on the article. {% endcomment %}
+{% assign _verts_on = false %}
+{% if resolved.config.advertising and resolved.verts != false %}{% assign _verts_on = true %}{% endif %}
+
+<!-- ═══ Article — left-aligned editorial header (bronn pattern) ═══ -->
+<article{% unless _verts_on %} data-omega-verts="false"{% endunless %}>
+  {% comment %} Dotfield band: the animated dots sit behind the post masthead
+    ONLY — the read surface below stays plain, so nothing moves behind body
+    text. Same contract as every other page's hero (omega-dotgrid +
+    data-omega-dotfield). {% endcomment %}
+  <div class="omega-dotgrid" data-omega-dotfield>
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-xl-9 col-lg-10 col-12">
+          <header data-omega-reveal-stagger="80">
+            <!-- Mono breadcrumb -->
+            <div class="omega-post-card__eyebrow mb-4" data-omega-reveal>
+              <a href="/blog">Blog</a>
+              {% if resolved.post.categories[0] %}
+                <span>/</span>
+                <a href="/blog/categories/{{ resolved.post.categories[0] | slugify }}">{{ resolved.post.categories[0] | omega_title_case }}</a>
+              {% endif %}
+            </div>
+
+            {% comment %} Generated-content tell (#208): a sample post reads
+              exactly like real writing, so the page it renders on says what it
+              is. Keyed off the frontmatter flag ALONE — no environment check,
+              because samples never inject into a production build. {% endcomment %}
+            {% if resolved.generated %}
+              <div class="mb-3" data-omega-reveal><span class="omega-chip omega-generated-badge">TEST</span></div>
+            {% endif %}
+
+            <h1 class="omega-display omega-display--page" data-omega-reveal>{{ resolved.post.title }}</h1>
+
+            {% iftruthy resolved.post.description %}
+              <p class="omega-hero-split__sub" data-omega-reveal>{{ resolved.post.description }}</p>
+            {% endiftruthy %}
+
+            <!-- Hairline + mono byline row -->
+            {%- capture _author_name -%}{%- omega_member resolved.post.author, "name" -%}{%- endcapture -%}
+            <div class="d-flex align-items-center gap-3 flex-wrap mt-4 pt-4 hairline-top" data-omega-reveal>
+              {% if _author_name != '' %}
+                <a href="{%- omega_member resolved.post.author, "url" -%}" class="omega-post-card__avatar">
+                  {%- omega_member resolved.post.author, "image-tag", class="" -%}
+                </a>
+              {% else %}
+                <span class="omega-post-card__avatar omega-post-card__avatar--fallback" aria-hidden="true">
+                  <i class="fa-solid fa-pen-nib fa-xs"></i>
+                </span>
+              {% endif %}
+              <div class="omega-post-card__eyebrow">
+                {% if _author_name != '' %}
+                  <a href="{%- omega_member resolved.post.author, "url" -%}">{{ _author_name }}</a>
+                {% else %}
+                  <span>{{ resolved.config.brand.name }}</span>
+                {% endif %}
+                <span>·</span>
+                <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time>
+                <span>·</span>
+                <span>{% omega_readtime content %} min read</span>
+              </div>
+            </div>
+          </header>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="container">
+    {% comment %} Hero media honors the post.image contract: false → no hero
+    (the title IS the hero); a string → that image; absent → legacy id-path {% endcomment %}
+    {% unless resolved.post.image == false %}
+      <div class="row justify-content-center">
+        <div class="col-xl-9 col-lg-10 col-12 mt-5" data-omega-reveal>
+          {%- if resolved.post.image -%}
+            <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ resolved.post.image }}" alt="{{ resolved.post.title }}" class="img-fluid w-100 blog-post-image hairline rounded-4">
+          {%- else -%}
+            {%- omega_post resolved.post.id, "image-tag", class="img-fluid w-100 blog-post-image hairline rounded-4" -%}
+          {%- endif -%}
+        </div>
+      </div>
+    {% endunless %}
+
+    <div class="row justify-content-center mt-5">
+      <!-- Sticky meta rail (xl+): the byline travels with the reader -->
+      <div class="col-xl-2 d-none d-xl-block">
+        <aside class="omega-article-rail" aria-label="Article meta">
+          {% if _author_name != '' %}
+            <a href="{%- omega_member resolved.post.author, "url" -%}" class="omega-article-rail__author">
+              <span class="omega-post-card__avatar">{%- omega_member resolved.post.author, "image-tag", class="" -%}</span>
+              <span class="omega-article-rail__name">{{ _author_name }}</span>
+            </a>
+          {% endif %}
+          <div class="omega-article-rail__meta omega-quiet small">
+            <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%b %d, %Y" }}</time>
+            <span>{% omega_readtime content %} min read</span>
+          </div>
+          <div data-social-share
+                data-platforms=""
+                data-title=""
+                data-description=""
+                data-url=""
+                data-size="sm"
+                data-labels="false">
+          </div>
+        </aside>
+      </div>
+
+      <div class="blog-post-content omega-prose col-xl-7 col-lg-8 col-md-12 col-12">
+        {{ content | omega_content_format }}
+      </div>
+
+      <div class="col-xl-2 d-none d-xl-block"><!-- optical balance --></div>
+    </div>
+
+    <!-- Vert -->
+    {% if _verts_on %}
+      <div class="row justify-content-center mb-3">
+        <div class="col-xl-7 col-lg-8 col-md-12 col-12">
+          {% section "verts/unit", type: "in-article" %}
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</article>
+
+<!-- ═══ Tags, author & comments ═══ -->
+<section class="pt-0">
+  <div class="container">
+    <!-- Tags -->
+    {% assign tags = '' | split: ',' %}
+    {% for tag in resolved.post.tags %}
+      {% assign tag_fixed = tag | omega_title_case %}
+      {% unless tags contains tag_fixed %}
+        {% assign tags = tags | push: tag_fixed %}
+      {% endunless %}
+    {% endfor %}
+    {% if tags.size > 0 %}
+      <div class="row justify-content-center mb-5">
+        <div class="col-xl-7 col-lg-8 col-md-12 col-12">
+          <div class="omega-chip-cloud justify-content-start">
+            {% for tag in tags %}
+              <a href="/blog/tags/{{ tag | slugify }}" class="omega-chip">{{ tag }}</a>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    {% endif %}
+
+    <!-- Author & share (author block only when the member resolves) -->
+    <div class="row justify-content-center mb-5">
+      <div class="col-xl-7 col-lg-8 col-md-12 col-12">
+        <div class="d-flex flex-column flex-sm-row justify-content-between align-items-start align-items-sm-center gap-3 py-4 hairline-top hairline-bottom">
+          {% if _author_name != '' %}
+            <div class="d-flex align-items-center">
+              <a href="{% omega_member resolved.post.author, "url" %}" class="omega-person__avatar d-block me-3" style="width: 3rem; height: 3rem; margin-bottom: 0;">
+                {% omega_member resolved.post.author, "image-tag", class="w-100 h-100 object-fit-cover" %}
+              </a>
+              <div>
+                <a href="{% omega_member resolved.post.author, "url" %}" class="text-body text-decoration-none">
+                  <div class="fw-semibold">{{ _author_name }}</div>
+                </a>
+                {%- capture _author_position -%}{%- omega_member resolved.post.author, "position" -%}{%- endcapture -%}
+                {% if _author_position != '' %}
+                  <div class="text-muted small">{{ _author_position }}</div>
+                {% elsif resolved.author_section.author_position %}
+                  <div class="text-muted small">{{ resolved.author_section.author_position }}</div>
+                {% endif %}
+              </div>
+            </div>
+          {% else %}
+            <div class="d-flex align-items-center">
+              <span class="omega-post-card__avatar omega-post-card__avatar--fallback me-2" aria-hidden="true">
+                <i class="fa-solid fa-pen-nib fa-xs"></i>
+              </span>
+              <div class="fw-semibold">{{ resolved.config.brand.name }}</div>
+            </div>
+          {% endif %}
+          <div data-social-share
+                data-platforms=""
+                data-title=""
+                data-description=""
+                data-url=""
+                data-size="sm"
+                data-labels="false">
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Comments -->
+    <div class="row justify-content-center">
+      <div class="col-xl-7 col-lg-8 col-md-12 col-12">
+        {%- include modules/engagement/giscus.html -%}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ═══ Related posts ═══ -->
+<section class="pt-0">
+  <div class="container">
+    <div class="omega-section-head mb-5" data-omega-reveal>
+      {% component "heading/section-head", superheadline: resolved.related_posts.superheadline, headline: resolved.related_posts.headline %}
+    </div>
+
+    <div class="row g-4 gy-5" data-omega-reveal-stagger="60">
+      {% assign count = 0 %}
+      {% assign limit = resolved.related_posts.limit | default: 3 %}
+      {% for post in site.posts %}
+        {% if count < limit %}
+          {% if post.id != resolved.post.id %}
+            {% assign count = count | plus: 1 %}
+            <div class="col-xl-4 col-lg-6 col-md-12" data-omega-reveal>
+              {% include frontend/components/post-card.html post=post %}
+            </div>
+          {% endif %}
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<!-- ═══ Newsletter band (shared; full-width now matches the blog index — flag for skin review if the old narrowed look mattered) ═══ -->
+{% section "marketing/newsletter-cta", data: resolved.newsletter, section_class: "pt-0" %}

package/dist/assets/themes/base/_layouts/frontend/pages/blog/tags/index.html

@@ -0,0 +1,84 @@
+---
+layout: frontend/core/base
+
+# Hero Section
+hero:
+  headline: "Blog"
+  headline_accent: "tags"
+  subheadline: "Browse posts by tag"
+---
+
+<!-- ═══ Masthead ═══ -->
+{% 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 the masthead cluster on its first_paint switch. The
+bands below keep the reveal lane. {% endcomment %}
+<section class="omega-dotgrid pb-4" data-omega-first-paint data-omega-dotfield>
+  <div class="container">
+    <div class="omega-post-card__eyebrow mb-4">
+      <a href="/blog">Blog</a>
+      <span>/</span>
+      <span>Tags</span>
+    </div>
+    {% component "heading/masthead", headline: resolved.hero.headline, headline_accent: resolved.hero.headline_accent, sub: resolved.hero.subheadline, first_paint: true %}
+  </div>
+</section>
+
+<!-- ═══ Tag cloud ═══ -->
+<section class="pt-0">
+  <div class="container">
+    {% comment %} Build unique tags list with post counts {% endcomment %}
+    {% assign tags = '' | split: ',' %}
+    {% assign tag_counts = '' | split: ',' %}
+    {% for post in site.posts %}
+      {% for tag in post.post.tags %}
+        {% assign tag_fixed = tag | omega_title_case %}
+        {% unless tags contains tag_fixed %}
+          {% assign tags = tags | push: tag_fixed %}
+          {% comment %} Count posts for this tag {% endcomment %}
+          {% assign count = 0 %}
+          {% for p in site.posts %}
+            {% for t in p.post.tags %}
+              {% assign t_fixed = t | omega_title_case %}
+              {% if t_fixed == tag_fixed %}
+                {% assign count = count | plus: 1 %}
+                {% break %}
+              {% endif %}
+            {% endfor %}
+          {% endfor %}
+          {% assign tag_counts = tag_counts | push: count %}
+        {% endunless %}
+      {% endfor %}
+    {% endfor %}
+
+    <div class="row justify-content-center">
+      <div class="col-lg-10" data-omega-reveal>
+        <div class="omega-chip-cloud">
+          {% for tag in tags %}
+            <a href="/blog/tags/{{ tag | slugify }}" class="omega-chip">
+              {{ tag }}
+              <span class="text-muted">{{ tag_counts[forloop.index0] }}</span>
+            </a>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+
+    {% if tags.size == 0 %}
+      <div class="row justify-content-center">
+        <div class="col-lg-6 text-center" data-omega-reveal>
+          <div class="py-5">
+            <h2 class="h5">No tags yet</h2>
+            <p class="text-muted">Check back soon for tagged content.</p>
+            <a href="/blog" class="btn btn-adaptive">
+              <i class="fa-solid fa-arrow-left fa-sm me-2"></i>
+              Back to blog
+            </a>
+          </div>
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</section>
+
+{{ content | omega_content_format }}