snipette-crowdfunding-site/src/form-errors.htm.twig
Hippo 5206046c5a Add friendly-looking notif and error pages
Much less scary than all that plaintext, what?
2022-01-06 18:20:50 +05:30

19 lines
1 KiB
Twig

{% extends "base.htm.twig" %}
{% block title %}Snipette Crowdfunding: Error{% endblock %}
{% block content %}
<div class="max-w-md m-auto grow-0 text-left font-sans bg-white p-4 sm:rounded-lg">
<h1 class="text-4xl font-heading font-extrabold lowercase mb-4 text-center">Hang on a minute</h1>
<p class="text-lg">We found some errors in the form you submitted. Please fix them before proceeding!</p>
<ol class="text-lg list-decimal list-inside m-2 p-1">
{% for error in errors %}
<li>{{error}}</li>
{% endfor %}
</ol>
<p class="text-lg mb-8">You can <a href="javascript:history.go(-1)">go back</a> to the previous page to fix the errors. (We'd have provided the pre-filled form here, but that's for a future website update...)</p>
<p class="text-center">
<a href="javascript:history.go(-1)" class="p-2 text-sm uppercase no-underline border-orange-700 text-orange-700 border-solid border-2 hover:cursor-pointer hover:border-orange-500 hover:text-orange-500 font-sans">Go back</a>
</p>
</div>
{% endblock %}