Add a 'hide more' button to hide the unhide button

hidepage.js

@@ -12,6 +12,10 @@ function unhide_page() {
   hidden.style.display = 'none';
 }
 
+function hide_actually_everything() {
+  hidden.style.display = 'none';
+}
+
 var shown  = document.getElementById("page-content");
 var hidden = document.getElementById("page-content-hidden");
 
@@ -21,3 +25,6 @@ document
 document
   .getElementById("button-unhide-page")
   .addEventListener("click", unhide_page);
+document
+  .getElementById("button-hide-everything")
+  .addEventListener("click", hide_actually_everything);

index.html

@@ -25,6 +25,8 @@
 
     <div id="page-content-hidden">
       <button id="button-unhide-page">unhide</button>
+      <button id="button-hide-everything">hide more</button>
+      <p>if you click "hide more" it'll hide all this too, and you'll need to reload to get it back
     </div>
 
     <!-- this is the canvas that makes up the page background -->