try this

files/templates/submission.html

@@ -190,31 +190,18 @@
 </script>
 {% endif %}
 
-<script src="/assets/js/sparkle.min.js" type="text/javascript"></script>
-
 {% if p.award_count("gold") %}
-{% set sparkles = 10*p.award_count("gold") if p.award_count("gold") <= 5 else 50 %}
 <script>
-	document.querySelector("#post-text").sparkle({
-		count: {{ sparkles }},
-		minAge: 500,
-		maxAge: 1000,
-		starsource: `
-		<svg
-		  width="100%"
-		  height="100%"
-		  viewBox="0 0 15 15"
-		  version="1.1"
-		  xmlns="http://www.w3.org/2000/svg" x
-		  mlns:xlink="http://www.w3.org/1999/xlink"
-		  xml:space="preserve"
-		  xmlns:serif="http://www.serif.com/"
-		  style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-			<path d="M1.125,4.95l4.462,0l1.913,-3.825l0.637,3.825l5.738,0l-4.463,3.188l0.638,5.737l-3.187,-3.825l-4.463,3.825l1.913,-5.737l-3.188,-3.188Z"
-			style="fill:#aaad00;">
-			</path>
-		  </svg>`,
-	});
+	{% set minstars = 10*p.award_count("gold") if p.award_count("gold") <= 5 else 50 %}
+	{% set maxstars = 20*p.award_count("gold") if p.award_count("gold") <= 5 else 100 %}
+	<script type="text/javascript">
+		new BugController({
+			imageSprite: "/assets/images/star.png",
+			canDie: false,
+			minBugs: {{minstars}},
+			maxBugs: {{maxstars}},
+			mouseOver: "multiply"
+		});
 </script>
 {% endif %}