Added detailed info about sponsor/early and late to homepage

This commit is contained in:
Ed 2023-02-15 22:38:22 +01:00
parent b90bcb08f6
commit 75d40c560f
3 changed files with 24 additions and 2 deletions

1
res/icons/star.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" ?><svg baseProfile="tiny" height="24px" id="Layer_1" version="1.2" viewBox="0 0 24 24" width="24px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M9.362,9.158c0,0-3.16,0.35-5.268,0.584c-0.19,0.023-0.358,0.15-0.421,0.343s0,0.394,0.14,0.521 c1.566,1.429,3.919,3.569,3.919,3.569c-0.002,0-0.646,3.113-1.074,5.19c-0.036,0.188,0.032,0.387,0.196,0.506 c0.163,0.119,0.373,0.121,0.538,0.028c1.844-1.048,4.606-2.624,4.606-2.624s2.763,1.576,4.604,2.625 c0.168,0.092,0.378,0.09,0.541-0.029c0.164-0.119,0.232-0.318,0.195-0.505c-0.428-2.078-1.071-5.191-1.071-5.191 s2.353-2.14,3.919-3.566c0.14-0.131,0.202-0.332,0.14-0.524s-0.23-0.319-0.42-0.341c-2.108-0.236-5.269-0.586-5.269-0.586 s-1.31-2.898-2.183-4.83c-0.082-0.173-0.254-0.294-0.456-0.294s-0.375,0.122-0.453,0.294C10.671,6.26,9.362,9.158,9.362,9.158z"/></g></g></svg>

After

Width:  |  Height:  |  Size: 911 B

View File

@ -54,6 +54,8 @@
footer {opacity:0.4;margin:0;padding:0;max-width:40em;text-align:center;transition:opacity .4s;}
footer:hover {opacity:1;}
footer img {height:1.3em;}
.tag {background:var(--primary);color:var(--contrast);font-size:0.8em;font-weight:600;padding:0.1em 0.3em;border-radius:3px;}
</style>
<!-- Matomo -->

View File

@ -23,12 +23,31 @@
</td>
</tr>
<tr>
<th>When?</th>
<td>30 May → 3 June 2023</td>
<th>When {{'(convention)' if order.has_early or order.has_late else ''}}?</th>
<td>30 May → 3 June 2023</td></td>
</tr>
{% if order.has_early or order.has_late %}
<tr>
<th>When (check-in)?</th>
<td>
{{('29' if order.has_early else '30')|safe}} May → {{('4' if order.has_late else '3')|safe}} June 2023
{% if order.has_early %}
<span class="tag">EARLY</span>
{% endif %}
{% if order.has_late %}
<span class="tag">LATE</span><br />
{% endif %}
</td>
</tr>
{% endif %}
<tr>
<th>Your ticket</th>
<td>
{% if order.sponsorship %}
<img src="/res/icons/star.svg" class="icon" />
You are a {{'super' if order.sponsorship == 'super' else ''}}sponsor!
<br />
{% endif %}
<img src="/res/icons/qr.svg" class="icon" />
<a href="javascript:document.getElementById('modal-barcode').setAttribute('open', 'true');">Show Check-in Barcode ({{order.code}})</a>
{% if order.status == 'paid' and order.room_confirmed %}