feat: dynamic main icon

templates/products/versions_archive.html

@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+
+{% block title %}Older releases — {% if sub_product %}{{ sub_product.name }} — {% endif %}{{ main_product.name }}{% endblock %}
+{% block meta_description %}Archived releases{% if sub_product %} for {{ sub_product.name }}{% else %} for {{ main_product.name }}{% endif %}.{% endblock %}
+
+{% block content %}
+
+<section class="page-hero" aria-labelledby="versions-heading">
+  <div class="page-hero-blobs" aria-hidden="true">
+    <div class="blob blob--1"></div>
+    <div class="blob blob--2"></div>
+  </div>
+  <div class="container">
+    <nav class="breadcrumb" aria-label="Breadcrumb">
+      <ol class="breadcrumb-list" role="list">
+        <li><a href="{% url 'pages:home' %}">Home</a></li>
+        <li aria-hidden="true" class="breadcrumb-sep">›</li>
+        <li><a href="{% url 'products:overview' %}">Products</a></li>
+        <li aria-hidden="true" class="breadcrumb-sep">›</li>
+        <li><a href="{{ main_product.get_absolute_url }}">{{ main_product.name }}</a></li>
+        {% if sub_product %}
+        <li aria-hidden="true" class="breadcrumb-sep">›</li>
+        <li><a href="{{ sub_product.get_absolute_url }}">{{ sub_product.name }}</a></li>
+        {% endif %}
+        <li aria-hidden="true" class="breadcrumb-sep">›</li>
+        <li aria-current="page">Older releases</li>
+      </ol>
+    </nav>
+    <div class="page-hero-content">
+      <div class="section-badge">{% if sub_product %}{{ sub_product.name }}{% else %}{{ main_product.name }}{% endif %}</div>
+      <h1 class="page-hero-title" id="versions-heading">Older releases</h1>
+      <p class="page-hero-subtitle">Archived versions of this {% if sub_product %}module{% else %}product{% endif %}.</p>
+    </div>
+  </div>
+</section>
+
+<section class="section versions-archive-section">
+  <div class="container">
+    {% include "products/_versions_archive_body.html" %}
+  </div>
+</section>
+
+{% endblock %}