i did stuff i think

changelog.md

@@ -1 +1 @@
-###### to be updated
+things changed

index.html

@@ -27,6 +27,11 @@
 		<a>continue with bugs</a>
 </div-->
 	<!--a id="themetoggle" onclick="toggle_theme()" href="#">my eyes hurt :(</a-->
+	<!--div class="header">
+		<button onclick="changeTab('home')" disabled>home</button>
+		<button onclick="changeTab('change')">what's new</button>
+</div-->
+	<span id="page_main">
 	<div class="fix-stupid-export-bug">
 	<div id="canvas">
 
@@ -58,8 +63,9 @@
 		<p><b>this site does not work on mobile, i have tested it. yes i want to add mobile support, no it is not a priority</b><br/>does anyone know how i could potentially export as gif i still cant figure out how to do it right</p>
 
 	</div>
+	</span>
 	<a href="https://github.com/aflacc/campfire-cats/issues" target="_blank" style="opacity: 25%; width: 100%; margin:auto; text-align:center;">report a bug</a> <a style="opacity: 25%">●</a> <a style="display: inline-block" id="themetoggle" onclick="toggle_theme()" href="#">my eyes hurt :(</a>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js"></script>
 <!--script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script-->
 <!--script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js"></script-->

script.js

@@ -208,9 +208,6 @@ createObject("cat", 380, 125, true)
 // and finally
 changeObjectCount()
 
-//const canvas = document.getElementById("generated")
-//const ctx = document.getElementById("generated").getContext("2d");
-
 // wip, likely will break.
 function generateImage() {
 	//document.getElementById("canvas").style.border = "none";
@@ -239,26 +236,7 @@ function generateImage() {
 				});
 			break;
 	}
-	//document.getElementById("canvas").style.border = " 2px var(--theme-border) solid";
 	console.log("Generating image!!! :3")
-
-	/*// FINE, ill write one myself. thanks github for being annoying!
-	var generated = document.createElement("canvas");
-	generated.width = "480";
-	generated.height = "360";
-	const ctx = generated.getContext("2d");
-
-	ctx.beginPath();
-	ctx.rect(20, 20, 150, 100);
-	ctx.fillStyle = "red";
-	ctx.fill();
-
-	// replace this code with code that actually does what im gonna do later
-
-	//window.location.href = generated.toDataURL();
-
-	console.log(generated.toDataURL());
-	window.open('', generated.toDataURL());*/
 }
 
 toggleDisabled(false)

style.css

@@ -228,4 +228,10 @@ canvas {
 	z-index: 999999999;
 	top: 0;
 	text-align: center;
+}
+
+.header {
+	margin: auto;
+	width: 640px;
+	height: 32px;
 }