Added detailed info about sponsor/early and late to homepage

res/icons/star.svg

@@ -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>

tpl/base.html

@@ -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 -->

tpl/welcome.html

@@ -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 %}