add confetti on anniversary

index.html

@@ -23,6 +23,9 @@
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/solid.css" integrity="sha384-TbilV5Lbhlwdyc4RuIV/JhD8NR+BfMrvz4BL5QFa2we1hQu6wvREr3v6XSRfCTRp" crossorigin="anonymous">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/fontawesome.css" integrity="sha384-ozJwkrqb90Oa3ZNb+yKFW2lToAWYdTiF1vt8JiH5ptTGHTGcN7qdoR1F95e0kYyG" crossorigin="anonymous">
 
+		<link rel="stylesheet" href="confetti.css">
+
+
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.29.0/date_fns.min.js" integrity="sha256-J+IkOQfxSI1XzGtgoazVThPhunb79GLoKjW87erTCpM=" crossorigin="anonymous"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.8/odometer.min.js" integrity="sha256-65R1G5irU1VT+k8L4coqgd3saSvO/Wufson/w+v2Idw=" crossorigin="anonymous"></script>
 
@@ -124,6 +127,11 @@ <h1 class="yesno d-none">Não</h1>
 			document.addEventListener("DOMContentLoaded", function () {
 				let theParty = parties[0];
 
+				let isAnniv = false;
+				for (let possAnniv = theParty.date; dateFns.differenceInMonths(possAnniv, today) < 1; possAnniv = dateFns.addYears(possAnniv, 1)) {
+					isAnniv = Math.abs(dateFns.differenceInCalendarDays(possAnniv, today)) < 2;
+				}
+
 				if (dateFns.isToday(theParty.date)) {
 					yesNo.innerText = 'SIM!';
 
@@ -141,13 +149,24 @@ <h1 class="yesno d-none">Não</h1>
 
 					leadN.classList.remove('d-none');
 
+					if (isAnniv) {
+						var f = document.createDocumentFragment();
+
+						for (let i = 0; i <= 150; i++) {
+							var c = document.createElement('div');
+							c.className = `confetti-${i}`;
+							f.appendChild(c);
+						}
+
+						document.body.appendChild(f);
+					}
+
 					if (Math.random() < 0.1) {
 						FEEC.classList.remove('d-none');
 					}
 				}
 
 				yesNo.classList.remove('d-none');
-
 			});
 		</script>
 	</body>