change release section put video and more

templates/products/_installable_download_channel.html

@@ -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>

templates/products/_release_channel_badge.html

@@ -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 %}

templates/products/_releases_section.html

@@ -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 %}

templates/products/_versions_archive_body.html

@@ -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 %}

templates/products/main_detail.html

@@ -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">

templates/products/sub_detail.html

@@ -49,6 +49,8 @@
 
         {% include "products/_releases_section.html" %}
 
+        {% include "partials/_page_videos.html" with videos=product_videos %}
+
         {% include "products/_article_list.html" %}
       </main>