add noscript to the pet me counter and make noscript on the virtual pet bigger

site/pages/pet.md

@@ -9,7 +9,7 @@ embed:
 ---
 
 <div id="pet">
-<noscript><p>javascript is required for the pet game!!</p></noscript>
+	<noscript><h1>javascript is required for the pet game!!</h1></noscript>
 	<div id="pet-display">
 		<h2 class="pet-name"></h2>
 		<div class="the-pet"></div>

site/root/js/pet-me.js

@@ -6,6 +6,7 @@
     : "https://cf.zyllian.workers.dev/api/pet";
 
   const petCounter = document.querySelector("#pet-counter");
+  const internal = petCounter.querySelector(".internal");
   const count = petCounter.querySelector(".count");
   const petButton = petCounter.querySelector("button");
 
@@ -24,5 +25,5 @@
     }
   });
 
-  petCounter.style.display = "block";
+  internal.style.display = "block";
 })();

site/sass/index.scss

@@ -191,8 +191,11 @@ abbr {
 }
 
 #pet-counter {
-  display: none;
   position: fixed;
   bottom: 4px;
   right: 4px;
+
+  .internal {
+    display: none;
+  }
 }

site/templates/base.hbs

@@ -36,9 +36,12 @@
 	</div>
 
 	<div id="pet-counter">
+		<noscript>enable js to pet me :3</noscript>
+		<div class="internal">
 			<span class="count">???</span> pets
 			<button>pet me :3</button>
 		</div>
+	</div>
 </body>
 
 </html>