ultimate-jekyll-manager 1.7.1 → 1.8.0

package/dist/defaults/dist/_includes/core/pricing/resolve-plan.html

@@ -0,0 +1,59 @@
+{% comment %}
+  Shared plan-pricing resolution — the SSOT for the pricing math every theme's
+  pricing layout uses. Jekyll includes share the caller's variable scope, so
+  the assigns below land in the calling template.
+
+  In:  include.plan — a page.resolved.pricing.plans item
+
+  Out: _config_product        — matching site.web_manager.payment.products entry (or nil)
+       _plan_monthly          — monthly price (frontmatter pricing → config prices → 0)
+       _plan_annually         — annual price (frontmatter pricing → config prices → 0)
+       _ppu_value             — per-unit feature value (nil unless price_per_unit enabled and plan is paid)
+       monthly_price_per_unit — $/unit at monthly billing (nil unless _ppu_value > 0)
+       annual_price_per_unit  — $/unit at annual billing, monthly-equivalent (nil unless _ppu_value > 0)
+
+  Every output is (re)assigned on every call so loop iterations never see a
+  previous plan's values.
+{% endcomment %}
+
+{% assign _config_product = nil %}
+{% for p in site.web_manager.payment.products %}
+  {% if p.id == include.plan.id %}{% assign _config_product = p %}{% break %}{% endif %}
+{% endfor %}
+
+{% comment %} Prices: frontmatter pricing takes precedence, then config, then 0 {% endcomment %}
+{% if include.plan.pricing.monthly or include.plan.pricing.monthly == 0 %}
+  {% assign _plan_monthly = include.plan.pricing.monthly %}
+{% elsif _config_product.prices.monthly or _config_product.prices.monthly == 0 %}
+  {% assign _plan_monthly = _config_product.prices.monthly %}
+{% else %}
+  {% assign _plan_monthly = 0 %}
+{% endif %}
+
+{% if include.plan.pricing.annually or include.plan.pricing.annually == 0 %}
+  {% assign _plan_annually = include.plan.pricing.annually %}
+{% elsif _config_product.prices.annually or _config_product.prices.annually == 0 %}
+  {% assign _plan_annually = _config_product.prices.annually %}
+{% else %}
+  {% assign _plan_annually = 0 %}
+{% endif %}
+
+{% comment %} Per-unit value: frontmatter feature value, falling back to config product limits. Per-unit prices only compute when the value is a usable positive number (guards the divided_by) {% endcomment %}
+{% assign _ppu_value = nil %}
+{% assign monthly_price_per_unit = nil %}
+{% assign annual_price_per_unit = nil %}
+{% if page.resolved.pricing.price_per_unit.enabled and _plan_monthly > 0 %}
+  {% for feature in include.plan.features %}
+    {% if feature.id == page.resolved.pricing.price_per_unit.feature_id %}
+      {% assign _ppu_value = feature.value %}
+      {% if _config_product and _ppu_value == nil %}
+        {% for _lim in _config_product.limits %}{% if _lim[0] == feature.id %}{% assign _ppu_value = _lim[1] %}{% break %}{% endif %}{% endfor %}
+      {% endif %}
+    {% endif %}
+  {% endfor %}
+  {% if _ppu_value and _ppu_value > 0 %}
+    {% assign monthly_price_per_unit = _plan_monthly | times: 1.0 | divided_by: _ppu_value | round: 2 %}
+    {% assign annual_monthly_price = _plan_annually | divided_by: 12.0 %}
+    {% assign annual_price_per_unit = annual_monthly_price | divided_by: _ppu_value | round: 2 %}
+  {% endif %}
+{% endif %}

package/dist/defaults/dist/_includes/themes/classy/frontend/sections/footer.html

@@ -8,6 +8,9 @@
         {% capture logo_src %}{% if data.logo.src %}{{ data.logo.src }}{% else %}{{ site.brand.images.brandmark | default: null }}{% endif %}{% endcapture %}
         {% capture logo_text %}{{ data.logo.text | default: site.brand.name | uj_liquify }}{% endcapture %}
         {% capture logo_description %}{{ data.logo.description | default: site.brand.description | uj_liquify }}{% endcapture %}
+        {% assign logo_description = logo_description | strip %}
+        {% comment %} A data value that LIQUIFIES to empty (e.g. '{{ site.meta.description }}' with no meta.description set) still needs the brand fallback — `default:` only sees the raw string {% endcomment %}
+        {% if logo_description == '' or logo_description == 'null' %}{% assign logo_description = site.brand.description %}{% endif %}
         {% capture logo_class %}{{ data.logo.class }}{% endcapture %}
 
         <div class="h5 mb-3">
@@ -76,9 +79,7 @@
         <div class="d-flex align-items-center me-3">
             <div class="dropup uj-language-dropdown">
               <button class="btn btn-sm btn-outline-adaptive dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                <i class="fa fa-sm me-1">
-                  <?xml version="1.0" encoding="iso-8859-1"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" fill="currentColor" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#DAE2F2;" d="M467,91H237.25l-34.528,415.796c6.068,3.034,12.594,5.204,19.763,5.204H467c24.814,0,45-20.186,45-45 V136C512,111.186,491.814,91,467,91z"/> <path style="fill:#4D97FF;" d="M169.867,407.86l7.969,64.721c1.6,12.854,10.3,26.922,24.886,34.215 c29.167-31.374,9.614-11.341,78.829-85.796L169.867,407.86z"/> <path style="fill:#4DB5FF;" d="M281.551,421c4.907-5.608,9.211-9.373,8.053-17.095l-45.44-364.486 C241.366,16.948,222.162,0,199.516,0H45C20.186,0,0,20.186,0,45v331c0,24.814,20.186,45,45,45C123.402,421,202.898,421,281.551,421z "/> <path style="fill:#E6EEFF;" d="M165.707,118.056C164.301,111.054,158.148,106,151,106h-30c-7.148,0-13.301,5.054-14.707,12.056 l-30,150c-1.626,8.13,3.647,16.025,11.763,17.651c8.218,1.685,16.04-3.647,17.651-11.763L115.294,226h41.411l9.587,47.944 c1.641,8.237,9.697,13.4,17.651,11.763c8.115-1.626,13.389-9.521,11.763-17.651L165.707,118.056z M121.293,196l11.997-60h5.42 l11.997,60H121.293z"/> <path style="fill:#53565C;" d="M436,226h-45v-15c0-8.291-6.709-15-15-15s-15,6.709-15,15v15h-45c-8.291,0-15,6.709-15,15 s6.709,15,15,15h4.006c8.535,27.383,21.07,48.81,35.136,65.702c-11.019,10.074-21.802,18.339-33.518,27.594 c-6.459,5.171-7.514,14.604-2.328,21.079c5.162,6.465,14.632,7.514,21.078,2.329c12.73-10.047,23.679-18.456,35.626-29.421 c11.947,10.966,22.896,19.375,35.624,29.421c6.448,5.185,15.918,4.136,21.08-2.329c5.186-6.475,4.131-15.908-2.33-21.079 c-11.715-9.255-22.498-17.52-33.517-27.594c14.066-16.891,26.602-38.318,35.136-65.702H436c8.291,0,15-6.709,15-15 S444.291,226,436,226z M376,299.467c-9.534-11.984-18.149-26.069-24.626-43.467h49.252C394.149,273.399,385.534,287.483,376,299.467 z"/> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>
-                </i>
+                {% uj_icon "language", "fa-sm me-1" %}
                 <span class="_text-body">
                   Language
                 </span>
@@ -103,6 +104,22 @@
             </div>
           </div>
 
+        <!-- Appearance Dropdown (logic handled framework-side via data-appearance-* attributes — see docs/appearance.md) -->
+        <div class="d-flex align-items-center me-3">
+          <div class="dropup uj-appearance-dropdown">
+            <button class="btn btn-sm btn-outline-adaptive dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Appearance">
+              <span data-appearance-icon="light" hidden>{% uj_icon "sun", "fa-sm" %}</span>
+              <span data-appearance-icon="dark" hidden>{% uj_icon "moon-stars", "fa-sm" %}</span>
+              <span data-appearance-icon="system" hidden>{% uj_icon "circle-half-stroke", "fa-sm" %}</span>
+            </button>
+            <ul class="dropdown-menu">
+              <li><button class="dropdown-item" type="button" data-appearance-set="light">{% uj_icon "sun", "fa-sm me-2" %}Light</button></li>
+              <li><button class="dropdown-item" type="button" data-appearance-set="dark">{% uj_icon "moon-stars", "fa-sm me-2" %}Dark</button></li>
+              <li><button class="dropdown-item" type="button" data-appearance-set="system">{% uj_icon "circle-half-stroke", "fa-sm me-2" %}System</button></li>
+            </ul>
+          </div>
+        </div>
+
         <!-- Social Links -->
         {% if data.socials.enabled %}
           <div class="d-flex align-items-center">

package/dist/defaults/dist/_layouts/themes/classy/admin/core/minimal-viewport-locked.html

@@ -1,6 +1,6 @@
 ---
 ### ALL PAGES ###
-layout: themes/classy/backend/core/minimal-viewport-locked
+layout: themes/[ site.theme.id ]/backend/core/minimal-viewport-locked
 
 ### THEME CONFIG ###
 theme:

package/dist/defaults/dist/_layouts/themes/classy/admin/core/minimal.html

@@ -1,6 +1,6 @@
 ---
 ### ALL PAGES ###
-layout: themes/classy/backend/core/minimal
+layout: themes/[ site.theme.id ]/backend/core/minimal
 
 ### THEME CONFIG ###
 theme:

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/pricing.html

@@ -304,31 +304,8 @@ faqs:
 
         <div class="row g-4 mb-5 justify-content-center">
           {% for plan in page.resolved.pricing.plans %}
-            {% comment %} Look up matching product in _config.yml payment products {% endcomment %}
-            {% assign _config_product = nil %}
-            {% for p in site.web_manager.payment.products %}
-              {% if p.id == plan.id %}
-                {% assign _config_product = p %}
-                {% break %}
-              {% endif %}
-            {% endfor %}
-
-            {% comment %} Resolve prices: frontmatter pricing takes precedence, then config prices {% endcomment %}
-            {% if plan.pricing.monthly or plan.pricing.monthly == 0 %}
-              {% assign _plan_monthly = plan.pricing.monthly %}
-            {% elsif _config_product.prices.monthly or _config_product.prices.monthly == 0 %}
-              {% assign _plan_monthly = _config_product.prices.monthly %}
-            {% else %}
-              {% assign _plan_monthly = 0 %}
-            {% endif %}
-
-            {% if plan.pricing.annually or plan.pricing.annually == 0 %}
-              {% assign _plan_annually = plan.pricing.annually %}
-            {% elsif _config_product.prices.annually or _config_product.prices.annually == 0 %}
-              {% assign _plan_annually = _config_product.prices.annually %}
-            {% else %}
-              {% assign _plan_annually = 0 %}
-            {% endif %}
+            {% comment %} Shared pricing math (assigns _plan_monthly/_plan_annually/per-unit into this scope) {% endcomment %}
+            {% include core/pricing/resolve-plan.html plan=plan %}
 
             {% if plan.popular %}
               {% assign border_classes = "border-gradient-rainbow border-3" %}
@@ -365,21 +342,9 @@ faqs:
                     <!-- Price per unit (only shown when enabled) -->
                     {% if page.resolved.pricing.price_per_unit.enabled %}
                       <p class="text-muted small mb-4">
-                        {% if _plan_monthly > 0 %}
-                          {% for feature in plan.features %}
-                            {% if feature.id == page.resolved.pricing.price_per_unit.feature_id %}
-                              {% comment %} Resolve feature value from config limits if not set in frontmatter {% endcomment %}
-                              {% assign _ppu_value = feature.value %}
-                              {% if _config_product and _ppu_value == nil %}
-                                {% for _lim in _config_product.limits %}{% if _lim[0] == feature.id %}{% assign _ppu_value = _lim[1] %}{% break %}{% endif %}{% endfor %}
-                              {% endif %}
-                              {% assign monthly_price_per_unit = _plan_monthly | times: 1.0 | divided_by: _ppu_value | round: 2 %}
-                              {% assign annual_monthly_price = _plan_annually | divided_by: 12.0 %}
-                              {% assign annual_price_per_unit = annual_monthly_price | divided_by: _ppu_value | round: 2 %}
-                              <span class="price-per-unit" data-monthly="${{ monthly_price_per_unit }}" data-annually="${{ annual_price_per_unit }}">${{ annual_price_per_unit }}</span> per {{ page.resolved.pricing.price_per_unit.label }}
-                            {% endif %}
-                          {% endfor %}
-                        {% else %}
+                        {% if monthly_price_per_unit %}
+                          <span class="price-per-unit" data-monthly="${{ monthly_price_per_unit }}" data-annually="${{ annual_price_per_unit }}">${{ annual_price_per_unit }}</span> per {{ page.resolved.pricing.price_per_unit.label }}
+                        {% elsif _plan_monthly == 0 %}
                           <!-- Placeholder text for free plan to maintain consistent height -->
                           Perfect for trying out
                         {% endif %}

package/dist/defaults/dist/_layouts/themes/neobrutalism/frontend/pages/pricing.html

@@ -153,6 +153,33 @@ faqs:
   social-proof, and a full-bleed CTA. See docs/themes.md.
 {% endcomment %}
 
+<!-- ============================================ -->
+<!-- PROMO BANNER — revealed + populated by the framework pricing JS
+     (sale name, countdown, navbar offset). The ids are the contract;
+     ship it hidden and let the JS do the rest. -->
+<!-- ============================================ -->
+<div id="pricing-promo-banner" class="position-fixed top-0 start-0 w-100 text-center animation-slide-down" style="z-index: 1050;" hidden>
+  <div class="bg-primary text-white py-2 position-relative">
+    <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 mt-2 me-2" aria-label="Close" onclick="this.closest('#pricing-promo-banner').hidden=true;document.querySelector('.navbar-wrapper').style.marginTop='';document.querySelector('main > section:first-of-type').style.paddingTop=''"></button>
+    <div class="container-fluid">
+      <div class="d-flex align-items-center justify-content-center gap-3 flex-wrap pe-4">
+        <span id="pricing-promo-badge" class="badge bg-warning text-dark px-2 py-1 fs-6 animation-wiggle">
+          15% OFF!
+        </span>
+        <span id="pricing-promo-text" class="fw-bold">
+          Flash sale
+        </span>
+        <span class="text-white-50">
+          Ending in <span id="pricing-promo-countdown" class="fw-semibold text-white">--</span>
+        </span>
+        <span class="text-white-50">
+          Use code <span id="pricing-promo-code" class="badge bg-white bg-opacity-25 px-2 py-1 fs-6">WELCOME15</span>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- ============================================ -->
 <!-- HERO -->
 <!-- ============================================ -->
@@ -208,30 +235,17 @@ faqs:
 
     <div class="pricing-plan-grid">
       {% for plan in page.resolved.pricing.plans %}
-        {% comment %} Look up matching config product (same as classy) {% endcomment %}
-        {% assign _config_product = nil %}
-        {% for p in site.web_manager.payment.products %}
-          {% if p.id == plan.id %}{% assign _config_product = p %}{% break %}{% endif %}
-        {% endfor %}
-
-        {% if plan.pricing.monthly or plan.pricing.monthly == 0 %}
-          {% assign _plan_monthly = plan.pricing.monthly %}
-        {% elsif _config_product.prices.monthly or _config_product.prices.monthly == 0 %}
-          {% assign _plan_monthly = _config_product.prices.monthly %}
-        {% else %}{% assign _plan_monthly = 0 %}{% endif %}
-
-        {% if plan.pricing.annually or plan.pricing.annually == 0 %}
-          {% assign _plan_annually = plan.pricing.annually %}
-        {% elsif _config_product.prices.annually or _config_product.prices.annually == 0 %}
-          {% assign _plan_annually = _config_product.prices.annually %}
-        {% else %}{% assign _plan_annually = 0 %}{% endif %}
+        {% comment %} Shared pricing math (assigns _plan_monthly/_plan_annually/per-unit into this scope) {% endcomment %}
+        {% include core/pricing/resolve-plan.html plan=plan %}
 
         <article class="card pricing-plan {% if plan.popular %}pricing-plan--popular{% endif %}">
           {% if plan.popular %}
             <span class="pricing-plan-flag">Most Popular</span>
           {% endif %}
 
-          <h3 class="pricing-plan-name">{{ plan.name }}</h3>
+          <!-- .card-title is load-bearing: the framework pricing JS reads the plan
+               name for analytics via `.h3, .h2, .card-title` inside the card. -->
+          <h3 class="card-title pricing-plan-name">{{ plan.name }}</h3>
           <p class="pricing-plan-tagline">{{ plan.tagline }}</p>
 
           <!-- Price -->
@@ -244,23 +258,8 @@ faqs:
           </div>
 
           {% if page.resolved.pricing.price_per_unit.enabled %}
-            {% comment %} Resolve the per-unit value; only render if it's a usable positive number {% endcomment %}
-            {% assign _ppu_value = nil %}
-            {% if _plan_monthly > 0 %}
-              {% for feature in plan.features %}
-                {% if feature.id == page.resolved.pricing.price_per_unit.feature_id %}
-                  {% assign _ppu_value = feature.value %}
-                  {% if _config_product and _ppu_value == nil %}
-                    {% for _lim in _config_product.limits %}{% if _lim[0] == feature.id %}{% assign _ppu_value = _lim[1] %}{% break %}{% endif %}{% endfor %}
-                  {% endif %}
-                {% endif %}
-              {% endfor %}
-            {% endif %}
             <p class="pricing-plan-ppu">
-              {% if _plan_monthly > 0 and _ppu_value and _ppu_value > 0 %}
-                {% assign monthly_price_per_unit = _plan_monthly | times: 1.0 | divided_by: _ppu_value | round: 2 %}
-                {% assign annual_monthly_price = _plan_annually | divided_by: 12.0 %}
-                {% assign annual_price_per_unit = annual_monthly_price | divided_by: _ppu_value | round: 2 %}
+              {% if monthly_price_per_unit %}
                 <span class="price-per-unit" data-monthly="${{ monthly_price_per_unit }}" data-annually="${{ annual_price_per_unit }}">${{ annual_price_per_unit }}</span> per {{ page.resolved.pricing.price_per_unit.label }}
               {% elsif _plan_monthly == 0 %}
                 Perfect for trying out

package/dist/defaults/dist/_layouts/themes/newsflash/frontend/core/base.html

@@ -0,0 +1,61 @@
+---
+### ALL PAGES ###
+layout: core/root
+
+### THEME CONFIG ###
+theme:
+  # html:
+  #   class: ""
+  head:
+    content: |
+      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap" media="print" onload="this.media='all'">
+  body:
+    class: "d-flex flex-column min-vh-100"
+  # main:
+  #   class: "flex-fill"
+---
+
+<!-- News ticker — the latest headlines marquee above the masthead.
+     Pure CSS animation; the track is duplicated once (aria-hidden) so the
+     -50% keyframe loops seamlessly. Absent when the site has no posts. -->
+{% if site.posts.size > 0 %}
+  <div class="ticker">
+    <div class="ticker-track">
+      {% for post in site.posts limit: 5 %}
+        <span class="ticker-item">
+          {% if forloop.first %}
+            <span class="live-dot"></span><b>LATEST</b>
+          {% else %}
+            {% uj_icon "bolt" %}
+          {% endif %}
+          <a href="{{ site.url }}{{ post.url }}">{{ post.post.title }}</a>
+        </span>
+      {% endfor %}
+      {% for post in site.posts limit: 5 %}
+        <span class="ticker-item" aria-hidden="true">
+          {% if forloop.first %}
+            <span class="live-dot"></span><b>LATEST</b>
+          {% else %}
+            {% uj_icon "bolt" %}
+          {% endif %}
+          <a href="{{ site.url }}{{ post.url }}" tabindex="-1">{{ post.post.title }}</a>
+        </span>
+      {% endfor %}
+    </div>
+  </div>
+{% endif %}
+
+<!-- Nav (controlled by page/layout front matter) -->
+{% unless page.resolved.theme.nav.enabled == false %}
+  {%- include /frontend/sections/nav.html -%}
+{% endunless %}
+
+<!-- Main Content -->
+<main id="main-content" class="flex-fill {{ page.resolved.theme.main.class | uj_liquify }}" aria-label="Main content">
+  {{ content | uj_content_format }}
+</main>
+
+<!-- Footer (controlled by page/layout front matter) -->
+{% unless page.resolved.theme.footer.enabled == false %}
+  {%- include /frontend/sections/footer.html -%}
+{% endunless %}

package/dist/defaults/dist/_layouts/themes/newsflash/frontend/pages/404.html

@@ -0,0 +1,86 @@
+---
+### ALL PAGES ###
+layout: themes/[ site.theme.id ]/frontend/core/cover
+
+### PAGE CONFIG ###
+suggested_pages:
+  - title: "Home"
+    description: "Return to our homepage"
+    icon: "house"
+    link: "/"
+  - title: "Pricing"
+    description: "View our plans and pricing"
+    icon: "tag"
+    link: "/pricing"
+  - title: "Contact"
+    description: "Get in touch with us"
+    icon: "envelope"
+    link: "/contact"
+  - title: "Team"
+    description: "Meet our amazing team"
+    icon: "users"
+    link: "/team"
+---
+
+{% comment %}
+  NEWSFLASH 404
+  A correction notice from the desk: rotated "Correction" chip, oversized
+  stroked 404 numerals, the requested URL in a framed notice, and the
+  suggested_pages contract rendered as pill links.
+{% endcomment %}
+
+<section class="col-12 col-md-10 col-lg-8 col-xl-6 mw-md">
+  <div class="card shadow position-relative">
+    <span class="badge bg-body-tertiary error-stamp">Correction</span>
+    <div class="card-body p-3 p-md-5">
+      <!-- Header -->
+      <div class="text-center mb-4">
+        <h1 class="error-code mb-3">404</h1>
+        <p class="text-body-secondary mb-0">
+          This page never went to print. It may have been moved, retracted, or it never existed — our editors regret the error.
+        </p>
+      </div>
+
+      <!-- URL Display -->
+      <div class="alert alert-warning text-center mb-4" role="alert">
+        <small class="text-body">
+          <strong>Requested URL:</strong> <span id="page-url" class="text-break">{{ page.canonical.url }}</span>
+        </small>
+      </div>
+
+      <!-- Primary Actions -->
+      <div class="d-grid gap-2 d-sm-block text-center mb-4">
+        <a href="{{ site.url }}" class="btn btn-adaptive btn-lg mb-2 mb-sm-0 me-sm-2">
+          {% uj_icon "house", "me-2" %}
+          Back to home
+        </a>
+        <button class="btn btn-outline-dark btn-lg mb-2 mb-sm-0" onclick="window.history.back()">
+          {% uj_icon "arrow-left", "me-2" %}
+          Go back
+        </button>
+      </div>
+
+      <!-- Suggested pages -->
+      {% iftruthy page.resolved.suggested_pages %}
+        <div class="text-center mb-4">
+          {% for suggestion in page.resolved.suggested_pages %}
+            <a href="{{ suggestion.link }}" class="btn btn-outline-dark btn-sm me-1 mb-2" title="{{ suggestion.description }}">
+              {% uj_icon suggestion.icon, "me-1" %}{{ suggestion.title }}
+            </a>
+          {% endfor %}
+        </div>
+      {% endiftruthy %}
+
+      <!-- Help Section -->
+      <div class="text-center pt-4 border-top">
+        <p class="text-body-secondary mb-0">
+          Still can't find what you're looking for?
+          <a href="/contact" class="text-decoration-none fw-semibold">Contact our support team</a>
+          and we'll help you out!
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+
+{{ content | uj_content_format }}