Added nicer message after order completion

src/pretix/presale/templates/pretixpresale/event/order.html

@@ -3,6 +3,14 @@
 {% load bootstrap3 %}
 {% block title %}{% trans "Order details" %}{% endblock %}
 {% block content %}
+    {% if "thanks" in request.GET %}
+        <div class="thank-you">
+            <span class="fa fa-check-circle"></span>
+            <h2>{% trans "Thank you!" %}</h2>
+            <p>{% trans "Your order has been placed successfully. See below for details." %}</p>
+            <p>{% trans "We also sent you an email with a link to this page if you want to come back later." %}</p>
+        </div>
+    {% endif %}
     <h2>
         {% blocktrans trimmed with code=order.code %}
             Your order: {{ code }}

src/static/pretixpresale/less/main.less

@@ -43,3 +43,41 @@ a:hover .panel-primary > .panel-heading {
     background-color: darken(@btn-primary-bg, 10%);
     border-color: darken(@btn-primary-border, 12%);
 }
+
+.thank-you {
+    margin-bottom: 25px;
+    .fa {
+        font-size: 150px;
+        line-height: 170px;
+        display: block;
+        color: @brand-success;
+    }
+
+    h2 {
+        color: @brand-success;
+    }
+}
+@media (min-width: @screen-md-min) {
+    .thank-you {
+        height: 170px;
+        width: 70%;
+        margin: auto;
+
+        .fa {
+            float: left;
+            margin-right: 30px;
+        }
+
+        h2 {
+            padding-top: 35px;
+        }
+    }
+}
+@media (max-width: @screen-sm-max) {
+    .thank-you {
+        text-align: center;
+    }
+    h2 {
+        margin-top: 0;
+    }
+}