com2care_website/templates/pages/downloads.html

{% extends "base.html" %}
{% load static %}

{% block title %}Downloads{% endblock %}
{% block meta_description %}Download Radiuma by Radiuma — available for Windows, macOS, and Linux.{% endblock %}

{% block content %}

<section class="page-hero" aria-labelledby="downloads-heading">
  <div class="page-hero-blobs" aria-hidden="true">
    <div class="blob blob--1"></div>
    <div class="blob blob--2"></div>
    <img src="{% static 'images/modern-shape.svg' %}" class="blob-img blob-img--downloads" alt="" />
  </div>
  <div class="container">
    <div class="page-hero-content">
      <div class="section-badge">Software</div>
      <h1 class="page-hero-title" id="downloads-heading">Downloads</h1>
      <p class="page-hero-subtitle">Download the latest version of Radiuma for your platform.</p>
    </div>
  </div>
</section>

<section class="section" aria-labelledby="download-platforms-heading">
  <div class="container">
    <h2 class="sr-only" id="download-platforms-heading">Available Platforms</h2>
    <div class="downloads-grid">

      <div class="download-card glass-card fade-in {% if not windows_items %}download-card--unavailable{% endif %}">
        <div class="download-platform-icon" aria-hidden="true">
          <img src="{% static 'images/icon-windows.svg' %}" alt="Windows" width="56" height="56" class="platform-icon" />
        </div>
        <h3 class="download-platform-name">Windows</h3>
        <p class="download-platform-desc">Windows 10 and up (64-bit)</p>
        {% if windows_items %}
          {% for item in windows_items %}
          <div class="download-item">
            <span class="download-version">v{{ item.version }}</span>
            {% if item.description %}<p class="download-item-desc">{{ item.description }}</p>{% endif %}
            {% if item.download_url and item.download_url != '#' %}
            <a href="{{ item.download_url }}" class="btn-primary download-btn" download>
              <img src="{% static 'images/icon-download.svg' %}" width="18" height="18" alt="" aria-hidden="true" class="btn-icon-img" />
              Download
            </a>
            {% endif %}
          </div>
          {% endfor %}
        {% else %}
        <span class="coming-soon-badge">Coming Soon</span>
        {% endif %}
      </div>

      <div class="download-card glass-card fade-in {% if not macos_items %}download-card--unavailable{% endif %}">
        <div class="download-platform-icon" aria-hidden="true">
          <img src="{% static 'images/icon-macos.svg' %}" alt="macOS" width="56" height="56" class="platform-icon" />
        </div>
        <h3 class="download-platform-name">macOS</h3>
        <p class="download-platform-desc">macOS 11 Big Sur and up</p>
        {% if macos_items %}
          {% for item in macos_items %}
          <div class="download-item">
            <span class="download-version">v{{ item.version }}</span>
            {% if item.description %}<p class="download-item-desc">{{ item.description }}</p>{% endif %}
            {% if item.download_url and item.download_url != '#' %}
            <a href="{{ item.download_url }}" class="btn-primary download-btn" download>
              <img src="{% static 'images/icon-download.svg' %}" width="18" height="18" alt="" aria-hidden="true" class="btn-icon-img" />
              Download
            </a>
            {% endif %}
          </div>
          {% endfor %}
        {% else %}
        <span class="coming-soon-badge">Coming Soon</span>
        {% endif %}
      </div>

      <div class="download-card glass-card fade-in {% if not linux_items %}download-card--unavailable{% endif %}">
        <div class="download-platform-icon" aria-hidden="true">
          <img src="{% static 'images/icon-linux.svg' %}" alt="Linux" width="56" height="56" class="platform-icon" />
        </div>
        <h3 class="download-platform-name">Linux</h3>
        <p class="download-platform-desc">Ubuntu 20.04+ and compatible distributions</p>
        {% if linux_items %}
          {% for item in linux_items %}
          <div class="download-item">
            <span class="download-version">v{{ item.version }}</span>
            {% if item.description %}<p class="download-item-desc">{{ item.description }}</p>{% endif %}
            {% if item.download_url and item.download_url != '#' %}
            <a href="{{ item.download_url }}" class="btn-primary download-btn" download>
              <img src="{% static 'images/icon-download.svg' %}" width="18" height="18" alt="" aria-hidden="true" class="btn-icon-img" />
              Download
            </a>
            {% endif %}
          </div>
          {% endfor %}
        {% else %}
        <span class="coming-soon-badge">Coming Soon</span>
        {% endif %}
      </div>

    </div>
  </div>
</section>

<section class="section" aria-labelledby="reinstall-heading">
  <div class="container">
    <div class="info-block glass-card fade-in">
      <h2 id="reinstall-heading">Installation Notes</h2>
      <p>
        If you have installed an older version of Radiuma, you can install the new version
        over it without removing the previous installation. However, if you encounter any
        problems, please remove the old version first before reinstalling.
      </p>
      <a href="{% url 'pages:faq' %}" class="btn-ghost">View Full FAQ</a>
    </div>
  </div>
</section>

{% endblock %}