change release section put video and more

This commit is contained in:
mohamad
2026-06-08 17:08:43 +03:30
parent 33b3477176
commit 7cddc03a57
33 changed files with 1657 additions and 93 deletions
+2
View File
@@ -20,6 +20,8 @@
</div>
</section>
{% include "partials/_page_videos.html" with videos=contact_videos %}
<section class="section" aria-labelledby="contact-form-heading">
<div class="container">
<div class="contact-layout{% if not site_contact.has_contact_sidebar %} contact-layout--full{% endif %}">
+2
View File
@@ -20,6 +20,8 @@
</div>
</section>
{% include "partials/_page_videos.html" with videos=faq_videos %}
<section class="section" aria-labelledby="faq-list-heading">
<div class="container">
<h2 class="sr-only" id="faq-list-heading">FAQ List</h2>
+3
View File
@@ -411,6 +411,9 @@
</div>
</section>
{% elif section.section_type == "video" %}
{% include "partials/_video_section.html" with section=section %}
{% endif %}
{% empty %}
<section class="section">
+15
View File
@@ -0,0 +1,15 @@
{% if videos %}
<section class="section product-videos-section" aria-label="Product videos">
<div class="container">
<div class="product-videos-list">
{% for video in videos %}
{% if video.has_video %}
<div class="product-video-item">
{% include "partials/_video_block.html" with video=video compact_header=True %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
{% endif %}
+55
View File
@@ -0,0 +1,55 @@
{% if video.has_video %}
{% if video.video_styled_background %}
<div class="video-panel video-panel--styled fade-in">
<div class="video-panel-ambient" aria-hidden="true">
<div class="video-panel-blob video-panel-blob--1"></div>
<div class="video-panel-blob video-panel-blob--2"></div>
<div class="video-panel-blob video-panel-blob--3"></div>
</div>
<div class="video-panel-inner">
{% if video.badge or video.title %}
<div class="video-panel-header">
<div class="video-panel-heading">
{% if video.badge %}<div class="section-badge">{{ video.badge }}</div>{% endif %}
{% if video.title %}
<h2 class="video-panel-title" id="video-heading-{{ video.pk }}">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<polygon points="5 3 19 12 5 21 5 3"/>
</svg>
{{ video.title }}
</h2>
{% else %}
<h2 class="sr-only" id="video-heading-{{ video.pk }}">Video</h2>
{% endif %}
</div>
</div>
{% else %}
<h2 class="sr-only" id="video-heading-{{ video.pk }}">Video</h2>
{% endif %}
{% if video.description %}
<div class="rich-content section-desc video-panel-desc">{{ video.rendered_description }}</div>
{% elif video.content %}
<div class="rich-content section-desc video-panel-desc">{{ video.rendered_content }}</div>
{% endif %}
{% include "partials/_video_player.html" with video=video %}
</div>
</div>
{% else %}
{% if video.badge or video.title %}
<div class="section-header{% if compact_header %} product-video-header{% endif %}">
{% if video.badge %}<div class="section-badge">{{ video.badge }}</div>{% endif %}
{% if video.title %}
<h2 class="section-title" id="video-heading-{{ video.pk }}">{{ video.title }}</h2>
{% else %}
<h2 class="sr-only" id="video-heading-{{ video.pk }}">Video</h2>
{% endif %}
</div>
{% endif %}
{% if video.description %}
<div class="rich-content section-desc">{{ video.rendered_description }}</div>
{% elif video.content %}
<div class="rich-content section-desc">{{ video.rendered_content }}</div>
{% endif %}
{% include "partials/_video_player.html" with video=video %}
{% endif %}
{% endif %}
+26
View File
@@ -0,0 +1,26 @@
{% if video.has_video %}
<div class="video-block {{ video.video_size_class }} {{ video.video_aspect_class }} fade-in">
<div class="video-block-inner glass-card">
{% if video.video_source == "upload" and video.video_file %}
<video
controls
playsinline
preload="metadata"
{% if video.video_poster %}poster="{{ video.video_poster.url }}"{% endif %}
title="{{ video.title|default:'Video' }}"
>
<source src="{{ video.video_file.url }}" />
</video>
{% elif video.youtube_embed_url %}
<iframe
src="{{ video.youtube_embed_url }}"
title="{{ video.title|default:'Video' }}"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
loading="lazy"
referrerpolicy="strict-origin-when-cross-origin"
></iframe>
{% endif %}
</div>
</div>
{% endif %}
+7
View File
@@ -0,0 +1,7 @@
{% if section.has_video %}
<section class="section video-section" aria-labelledby="video-heading-{{ section.pk }}">
<div class="container">
{% include "partials/_video_block.html" with video=section %}
</div>
</section>
{% endif %}
@@ -0,0 +1,34 @@
{% load static %}
<div class="sub-downloads-channel{% if channel.is_previous %} sub-downloads-channel--prev{% endif %}">
{% include "products/_release_channel_badge.html" with version=channel.version %}
{% if channel.install_cells %}
<div class="sub-downloads-grid">
{% for cell in channel.install_cells %}
<div class="sub-dl-item">
<div class="sub-dl-icon-wrap">
{% if cell.icon %}
<img src="{% static cell.icon %}" alt="" width="32" height="32" class="platform-icon sub-dl-icon" aria-hidden="true" />
{% else %}
<span class="sub-dl-source-mark" aria-hidden="true">
<svg class="sub-dl-source-svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.85" stroke-linecap="round">
<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>
</svg>
</span>
{% endif %}
</div>
<span class="sub-dl-platform">{{ cell.label }}</span>
<span class="download-version">{{ channel.version.version }}</span>
<a href="{{ cell.url }}" class="btn-primary btn--sm"{% if cell.external %} target="_blank" rel="noopener noreferrer"{% endif %}>{% if cell.label == "Source code" %}Source{% else %}Download{% endif %}</a>
</div>
{% endfor %}
</div>
{% endif %}
{% if channel.version.package_resource_url %}
<p class="sub-install-extra-resource">
<a href="{{ channel.version.package_resource_url }}" target="_blank" rel="noopener noreferrer">Package resource</a>
</p>
{% endif %}
{% if channel.version.release_notes %}
<p class="sub-release-notes">{{ channel.version.release_notes }}</p>
{% endif %}
</div>
@@ -0,0 +1,10 @@
{% if version.display_channel_label %}
<span class="release-channel-label release-channel-label--{{ version.display_channel_css_modifier }}">
{% if version.release_channel == "stable" %}
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
</svg>
{% endif %}
{{ version.display_channel_label }}
</span>
{% endif %}
+6 -48
View File
@@ -14,48 +14,13 @@
{% endif %}
</div>
<div class="sub-downloads-channel">
{% if featured_version.is_featured_stable %}
<span class="release-channel-label release-channel-label--stable">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
</svg>
Stable
</span>
{% endif %}
{% if featured_install_cells %}
<div class="sub-downloads-grid">
{% for cell in featured_install_cells %}
<div class="sub-dl-item">
<div class="sub-dl-icon-wrap">
{% if cell.icon %}
<img src="{% static cell.icon %}" alt="" width="32" height="32" class="platform-icon sub-dl-icon" aria-hidden="true" />
{% else %}
<span class="sub-dl-source-mark" aria-hidden="true">
<svg class="sub-dl-source-svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.85" stroke-linecap="round">
<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>
</svg>
</span>
{% endif %}
</div>
<span class="sub-dl-platform">{{ cell.label }}</span>
<span class="download-version">{{ featured_version.version }}</span>
<a href="{{ cell.url }}" class="btn-primary btn--sm"{% if cell.external %} target="_blank" rel="noopener noreferrer"{% endif %}>{% if cell.label == "Source code" %}Source{% else %}Download{% endif %}</a>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% if featured_version.package_resource_url %}
<p class="sub-install-extra-resource">
<a href="{{ featured_version.package_resource_url }}" target="_blank" rel="noopener noreferrer">Package resource</a>
</p>
{% if featured_version %}
{% include "products/_installable_download_channel.html" with channel=featured_channel %}
{% endif %}
{% if featured_version.release_notes %}
<p class="sub-release-notes">{{ featured_version.release_notes }}</p>
{% endif %}
{% for channel in inline_download_channels %}
{% include "products/_installable_download_channel.html" %}
{% endfor %}
{% if show_older_versions_link %}
<p class="sub-older-versions-inner">
@@ -83,14 +48,7 @@
<li class="pkg-version-row">
<div class="pkg-version-meta">
<span class="download-version">{{ ver.version }}</span>
{% if ver.is_featured_stable %}
<span class="release-channel-label release-channel-label--stable pkg-stable-inline">
<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
</svg>
Stable
</span>
{% endif %}
{% include "products/_release_channel_badge.html" with version=ver %}
</div>
<div class="pkg-version-actions">
{% if ver.package_resource_url %}
@@ -15,7 +15,10 @@
<tbody>
{% for row in archive_rows_installable %}
<tr>
<th scope="row">{{ row.version_obj.version }}</th>
<th scope="row">
<span class="versions-table-version">{{ row.version_obj.version }}</span>
{% include "products/_release_channel_badge.html" with version=row.version_obj %}
</th>
{% for cell in row.cells %}
<td>
{% if cell.url %}
@@ -50,7 +53,10 @@
{% for ver in archive_versions %}
<li class="versions-package-card glass-card fade-in">
<div class="versions-package-head">
<span class="download-version">{{ ver.version }}</span>
<div class="pkg-version-meta">
<span class="download-version">{{ ver.version }}</span>
{% include "products/_release_channel_badge.html" with version=ver %}
</div>
{% if ver.package_resource_url %}
<a href="{{ ver.package_resource_url }}" class="btn-ghost btn--sm" target="_blank" rel="noopener noreferrer">{{ package_resource_button_text }}</a>
{% endif %}
+2
View File
@@ -53,6 +53,8 @@
</div>
</section>
{% include "partials/_page_videos.html" with videos=product_videos %}
{% if articles %}
<section class="section" aria-label="Product articles">
<div class="container">
+2
View File
@@ -49,6 +49,8 @@
{% include "products/_releases_section.html" %}
{% include "partials/_page_videos.html" with videos=product_videos %}
{% include "products/_article_list.html" %}
</main>