diff --git a/site/pages/pet.md b/site/pages/pet.md
index 0000889..6af6c8a 100644
--- a/site/pages/pet.md
+++ b/site/pages/pet.md
@@ -9,17 +9,17 @@ embed:
 ---
 
 <div id="pet">
-<noscript><p>javascript is required for the pet game!!</p></noscript>
-<div id="pet-display">
-	<h2 class="pet-name"></h2>
-	<div class="the-pet"></div>
-	<div class="status">
-		<p name="hungry" class="hidden"><span class="pet-name"></span> looks hungry..</p>
-		<p name="starving" class="hidden"><span class="pet-name"></span> is starving!! you need to feed them!!</p>
-		<p name="unhappy" class="hidden"><span class="pet-name"></span> looks at you with wide eyes..</p>
-		<p name="messy-1" class="hidden"><span class="pet-name"></span> has left a bit of a mess! time to clean!</p>
-		<p name="messy-2" class="hidden">there's even more mess in here.. shouldn't you clean it for <span class="pet-name"></span>?</p>
-		<p name="messy-3" class="hidden">what a mess!! <span class="pet-name"></span> can't be happy.. you've gotta clean in here</p>
+	<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>
+		<div class="status">
+			<p name="hungry" class="hidden"><span class="pet-name"></span> looks hungry..</p>
+			<p name="starving" class="hidden"><span class="pet-name"></span> is starving!! you need to feed them!!</p>
+			<p name="unhappy" class="hidden"><span class="pet-name"></span> looks at you with wide eyes..</p>
+			<p name="messy-1" class="hidden"><span class="pet-name"></span> has left a bit of a mess! time to clean!</p>
+			<p name="messy-2" class="hidden">there's even more mess in here.. shouldn't you clean it for <span class="pet-name"></span>?</p>
+			<p name="messy-3" class="hidden">what a mess!! <span class="pet-name"></span> can't be happy.. you've gotta clean in here</p>
 	</div>
 </div>
 
diff --git a/site/root/js/pet-me.js b/site/root/js/pet-me.js
index 57fc4e6..a352afd 100644
--- a/site/root/js/pet-me.js
+++ b/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";
 })();
diff --git a/site/sass/index.scss b/site/sass/index.scss
index 96eb4d9..b636308 100644
--- a/site/sass/index.scss
+++ b/site/sass/index.scss
@@ -191,8 +191,11 @@ abbr {
 }
 
 #pet-counter {
-  display: none;
   position: fixed;
   bottom: 4px;
   right: 4px;
+
+  .internal {
+    display: none;
+  }
 }
diff --git a/site/templates/base.hbs b/site/templates/base.hbs
index fd29cda..d6a4cd2 100644
--- a/site/templates/base.hbs
+++ b/site/templates/base.hbs
@@ -36,8 +36,11 @@
 	</div>
 
 	<div id="pet-counter">
-		<span class="count">???</span> pets
-		<button>pet me :3</button>
+		<noscript>enable js to pet me :3</noscript>
+		<div class="internal">
+			<span class="count">???</span> pets
+			<button>pet me :3</button>
+		</div>
 	</div>
 </body>