|
|
|
@@ -17,6 +17,23 @@
|
|
|
|
|
{% if section.subtitle %}<p class="page-hero-subtitle">{{ section.subtitle }}</p>{% endif %}
|
|
|
|
|
{% if section.content %}<div class="rich-content page-hero-body" data-readmore="160">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
{% with items=section.items.all %}
|
|
|
|
|
{% if items %}
|
|
|
|
|
<div class="about-screenshots-grid about-hero-gallery">
|
|
|
|
|
{% for item in items %}
|
|
|
|
|
{% if item.image %}
|
|
|
|
|
{% if item.is_featured %}
|
|
|
|
|
{% include "partials/_linked_card_open.html" with url=item.url card_class="screenshot-item fade-in screenshot-item--featured" %}
|
|
|
|
|
{% else %}
|
|
|
|
|
{% include "partials/_linked_card_open.html" with url=item.url card_class="screenshot-item fade-in" %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
<img src="{{ item.image.url }}" alt="{{ item.image_alt|default:item.title }}" loading="lazy" />
|
|
|
|
|
{% include "partials/_linked_card_close.html" with url=item.url %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endwith %}
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
@@ -31,6 +48,19 @@
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% with items=section.items.all %}
|
|
|
|
|
{% if items %}
|
|
|
|
|
<div class="standards-grid" style="margin-top: 1.5rem;">
|
|
|
|
|
{% for item in items %}
|
|
|
|
|
{% if item.is_featured and item.image %}
|
|
|
|
|
{% else %}
|
|
|
|
|
{% include "partials/_standard_item_card.html" with item=item %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
{% include "partials/_section_featured_screenshots.html" with items=items %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endwith %}
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
@@ -48,13 +78,13 @@
|
|
|
|
|
{% if items %}
|
|
|
|
|
<div class="standards-grid">
|
|
|
|
|
{% for item in items %}
|
|
|
|
|
{% include "partials/_linked_card_open.html" with url=item.url card_class="standard-card" %}
|
|
|
|
|
{% if item.badge %}<div class="standard-badge">{{ item.badge }}</div>{% endif %}
|
|
|
|
|
{% if item.title %}<h3 class="standard-title">{{ item.title }}</h3>{% endif %}
|
|
|
|
|
{% if item.content %}<p class="standard-desc" data-readmore="88">{{ item.content }}</p>{% endif %}
|
|
|
|
|
{% include "partials/_linked_card_close.html" with url=item.url %}
|
|
|
|
|
{% if item.is_featured and item.image %}
|
|
|
|
|
{% else %}
|
|
|
|
|
{% include "partials/_standard_item_card.html" with item=item %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
{% include "partials/_section_featured_screenshots.html" with items=items %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endwith %}
|
|
|
|
|
</div>
|
|
|
|
@@ -64,27 +94,35 @@
|
|
|
|
|
<section class="section" aria-labelledby="history-{{ section.pk }}-heading">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="history-block glass-card fade-in">
|
|
|
|
|
{% with links=section.items.all %}
|
|
|
|
|
<div class="history-content">
|
|
|
|
|
{% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
|
|
|
|
|
{% if section.title %}<h2 id="history-{{ section.pk }}-heading">{{ section.title }}</h2>{% endif %}
|
|
|
|
|
{% if section.content %}<div class="rich-content" data-readmore="200">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
{% with links=section.items.all %}
|
|
|
|
|
{% if links %}
|
|
|
|
|
<div class="history-links">
|
|
|
|
|
{% for link in links %}
|
|
|
|
|
{% if link.url %}
|
|
|
|
|
<a href="{{ link.url }}" class="btn-ghost" target="_blank" rel="noopener noreferrer">{{ link.title }}</a>
|
|
|
|
|
<a href="{{ link.url }}" class="btn-ghost" target="_blank" rel="noopener noreferrer">
|
|
|
|
|
{% if link.icon %}<span class="history-link-icon" aria-hidden="true">{{ link.icon }}</span>{% endif %}
|
|
|
|
|
{{ link.title }}
|
|
|
|
|
</a>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endwith %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="history-visual" aria-hidden="true">
|
|
|
|
|
<div class="history-blob history-blob--1"></div>
|
|
|
|
|
<div class="history-blob history-blob--2"></div>
|
|
|
|
|
{% for link in links %}
|
|
|
|
|
{% if link.image %}
|
|
|
|
|
<img src="{{ link.image.url }}" alt="{{ link.image_alt|default:link.title }}" class="history-visual-image" loading="lazy" />
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% if section.subtitle %}<div class="history-year">{{ section.subtitle }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endwith %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
@@ -107,13 +145,13 @@
|
|
|
|
|
{% if items %}
|
|
|
|
|
<div class="standards-grid" style="margin-top: 1.5rem;">
|
|
|
|
|
{% for item in items %}
|
|
|
|
|
{% include "partials/_linked_card_open.html" with url=item.url card_class="standard-card" %}
|
|
|
|
|
{% if item.badge %}<div class="standard-badge">{{ item.badge }}</div>{% endif %}
|
|
|
|
|
{% if item.title %}<h3 class="standard-title">{{ item.title }}</h3>{% endif %}
|
|
|
|
|
{% if item.content %}<p class="standard-desc" data-readmore="88">{{ item.content }}</p>{% endif %}
|
|
|
|
|
{% include "partials/_linked_card_close.html" with url=item.url %}
|
|
|
|
|
{% if item.is_featured and item.image %}
|
|
|
|
|
{% else %}
|
|
|
|
|
{% include "partials/_standard_item_card.html" with item=item %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
{% include "partials/_section_featured_screenshots.html" with items=items %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endwith %}
|
|
|
|
|
</div>
|
|
|
|
@@ -125,7 +163,7 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
{% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
|
|
|
|
|
{% if section.title %}<h2 class="section-title" id="features-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="features-grid">
|
|
|
|
|
{% for item in section.items.all %}
|
|
|
|
@@ -145,7 +183,7 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
{% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
|
|
|
|
|
{% if section.title %}<h2 class="section-title" id="screenshots-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="screenshots-grid">
|
|
|
|
|
{% for item in section.items.all %}
|
|
|
|
@@ -179,7 +217,7 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
{% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
|
|
|
|
|
{% if section.title %}<h2 class="section-title" id="products-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="products-grid">
|
|
|
|
|
{% for product in homepage_products %}
|
|
|
|
@@ -213,7 +251,7 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
{% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
|
|
|
|
|
{% if section.title %}<h2 class="section-title" id="products-catalog-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="products-overview-grid">
|
|
|
|
|
{% for product in homepage_products_catalog %}
|
|
|
|
@@ -259,7 +297,7 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
{% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
|
|
|
|
|
{% if section.title %}<h2 class="section-title" id="problems-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="problems-grid">
|
|
|
|
|
{% for item in section.items.all %}
|
|
|
|
@@ -279,7 +317,7 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
{% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
|
|
|
|
|
{% if section.title %}<h2 class="section-title" id="supporters-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
|
|
|
|
|
{% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="supporters-grid">
|
|
|
|
|
{% for item in section.items.all %}
|
|
|
|
|