diff --git a/localisations.toml b/localisations.toml index d013b648e4c7dd0908f2db5271b52d8786b85f02..fe269ac46ff6ccca3a45ff180c6a2ef065a8a8ca 100644 --- a/localisations.toml +++ b/localisations.toml @@ -87,6 +87,10 @@ en = "Error during processing. File might be corrupt or format is unsupported." de = "Untertitel erstellen" en = "Create subtitle" +[ return ] +de = "Zurück" +en = "Return" + [ contact.text ] de = "Kontakt" en = "Contact" diff --git a/static/img/arrow-left.svg b/static/img/arrow-left.svg new file mode 100644 index 0000000000000000000000000000000000000000..9d885017c34e499b41a8e038583b62b3a7433aaf --- /dev/null +++ b/static/img/arrow-left.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16"> + <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/> +</svg> \ No newline at end of file diff --git a/static/img/arrow-left.svg.gz b/static/img/arrow-left.svg.gz new file mode 100644 index 0000000000000000000000000000000000000000..f3207160d6e80dee4d8ace0064823ba84187dbab Binary files /dev/null and b/static/img/arrow-left.svg.gz differ diff --git a/static/img/arrow-repeat.svg.gz b/static/img/arrow-repeat.svg.gz index 783a8a12510e1e1f24853380fa8b7ed5fe003151..ad3b6415c18e870a66778ff79878bcf06536fd4c 100644 Binary files a/static/img/arrow-repeat.svg.gz and b/static/img/arrow-repeat.svg.gz differ diff --git a/templates/success.html b/templates/success.html index 2bc6735dc7969f6dd5ba7d07fc36ef92d3a16947..e8c59bd2563e6df7f7ec28e3bf69e6411892339d 100644 --- a/templates/success.html +++ b/templates/success.html @@ -1,11 +1,14 @@ {% extends "base.html" %} {% block content %} -<div class="py-5 text-center"> - <img class="mx-auto mb-4 spinner processing transition-opacity" src="{{ url_for('static', filename='img/arrow-repeat.svg') }}" alt="Spinning arrow" height="136"> - <img class="mx-auto mb-4 success hidden transition-opacity" src="{{ url_for('static', filename='img/cloud-check.svg') }}" alt="Checkmark" height="136" hidden> - <p class="pt-4 lead processing transition-opacity">{% autoescape false %}{{config["LOCALISATIONS"]["processingtext"][request.language]}}{% endautoescape %}</p> - <p class="pt-4 lead success hidden transition-opacity" hidden>{% autoescape false %}{{config["LOCALISATIONS"]["successtext"][request.language]}}{% endautoescape %}</p> +<div class="pt-5 text-center"> + <img class="mx-auto mb-4 spinner processing transition-opacity" src="{{ url_for('static', filename='img/arrow-repeat.svg') }}" alt="Spinning arrow" height="136" aria-hidden="true"> + <img class="mx-auto mb-4 success hidden transition-opacity" src="{{ url_for('static', filename='img/cloud-check.svg') }}" alt="Checkmark" height="136" aria-hidden="true" hidden> + <p class="pt-4 lead processing transition-opacity">{% autoescape false %}{{ config["LOCALISATIONS"]["processingtext"][request.language] }}{% endautoescape %}</p> + <p class="pt-4 lead success hidden transition-opacity" hidden>{% autoescape false %}{{ config["LOCALISATIONS"]["successtext"][request.language] }}{% endautoescape %}</p> + <a class="pt-4 fs-1 lead success hidden transition-opacity icon-link icon-link-hover link-offset-2" style="--bs-icon-link-transform: translate3d(-.125rem, 0, 0);" href="{{ url_for('upload', language=request.language) }}"> + <img class="bi" aria-label='{{ config["LOCALISATIONS"]["return"][request.language] }}' src="{{ url_for('static', filename='img/arrow-left.svg') }}" alt="Return arrow" height="4em"> + </a> </div> {% endblock %}