Christmas calendar 2021

by Kofod

JavaScript

<!-- Don't put this in VP -->
	<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  </head>

<!-- Everything from here on in VP -->
<!-- HTML -->
<div class="layoutContainer flexBox" style="position: relative; width: 940px; height: 1032px; background: #8bc7de url(https://i.imgur.com/60ohX6V.png);">
	
	<!-- 
		Text box above
			rgba(255, 255, 255, 0.8) for the BG colour of the box
			#252525 for the colour of the text
	-->
	<div class="textBox" style="position: absolute; overflow: auto; width: 714px; height: 150px; top: 100px; background: rgba(255, 255, 255, 0.8);  padding: 40px 50px 10px 50px; border-radius: 8px; text-align: justify; text-align-last: center; color: #252525;">
		<div style="position: relative; z-index: 1;">
			<!-- Message in text box above -->
			December is finally here again, and, as has now become tradition, we would like to introduce the VP Advent Calendar 2021! From today and all the way to the 25th, you will be able to open a new door in the calendar, and who knows what is hiding behind these festive squares. The only way to find out is to check back here daily… 
Happy December everyone! 🎄
<br><br>
			
			And a big thank you to everyone who has put in the work to make this calendar happen, this has been a combined effort from all the teams. Advent on VP would not sparkle without all of you! ✨
	</div>
  </div>
	<div class="doorContainer flexBox" style="position: absolute; width: 860px; top: 260px;"></div>
	<!-- Image for the title of the Advent Calendar -->
	<img style="position: absolute; pointer-events: none; top: 0px;" src="https://i.imgur.com/4gz1SNB.png">
	

	<!-- The wait message you see when you click a door that you can't open yet -->
	<div class="waitMessage flexBox" style="display: none; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2;">
	
		<!-- rgba(30, 30, 30, 0.8) is the colour of the half see through background -->
		<div class="darkScreen" style="width:...