FreedomBox/plinth/modules/upgrades/templates/backports-firstboot.html
Sunil Mohan Adapa 62dad9336b
ui: Use Bootstrap 5 styling for all alerts
- Ensure that .sr-only is replaced with newer classes.

- Ensure that icons are present for all alerts.

- Use flex-box for display of icons on the left center of the alert.

- .close has been renamed to .btn-close.

- × is no longer required for close buttons.

Tests:

- Visually verify all the changes by triggering them with code changes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
2024-12-12 12:38:01 +02:00

55 lines
1.6 KiB
HTML

{% extends "base_firstboot.html" %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load bootstrap %}
{% load i18n %}
{% load static %}
{% block content %}
<h1>{% trans "Frequent Feature Updates" %}</h1>
<p>
{% blocktrans trimmed %}
Frequent feature updates allow the {{box_name}} Service, plus a very
limited set of software, to receive new features more frequently (from the
backports repository). This results in receiving some new features within
weeks, instead of only once every 2 years or so. Note that software with
frequent feature updates does not have support from the Debian Security
Team. Instead, they are maintained by contributors to Debian and the
{{box_name}} community.
{% endblocktrans %}
</p>
<p>
{% blocktrans trimmed %}
It is strongly recommended to activate frequent feature updates. If not
activated now, they can be activated later.
{% endblocktrans %}
</p>
<div class="alert alert-warning d-flex align-items-center" role="alert">
<div class="me-2">
<span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
<span class="visually-hidden">{% trans "Caution:" %}</span>
</div>
<div>
{% blocktrans trimmed %}
<strong>Note:</strong> Once frequent feature updates are activated, they
cannot be deactivated.
{% endblocktrans %}
</div>
</div>
<form class="form" method="post">
{% csrf_token %}
{{ form|bootstrap }}
<input type="submit" class="btn btn-primary pull-right" name="next"
value="{% trans "Next" %}"/>
</form>
{% endblock %}