diff --git a/.htaccess b/.htaccess
index a7442162..3b4ceccf 100644
--- a/.htaccess
+++ b/.htaccess
@@ -1,4 +1,4 @@
-ErrorDocument 404 /404.php
+ErrorDocument 404 core/404.html
 
 <IfModule mod_headers.c>
 	#Header set Access-Control-Allow-Origin "*"
diff --git a/about/index.php b/about/index.html
similarity index 91%
rename from about/index.php
rename to about/index.html
index 37d02ee8..424f44c5 100644
--- a/about/index.php
+++ b/about/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Card Conjurer - About';
-$desc = 'Card Conjurer has gone through a handful of major remakes. Click here for the full story!';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
 	<h2 class='readable-background header-extension title center'>About Me</h2>
 	<div class='layer center'></div>
 	<div class='layer center'>
@@ -35,4 +31,4 @@ include('../globalHTML/header-1.php');
 			Whether you'd like to see what I'm up to in the Magic world or take a look at some of the cards I've made with Card Conjurer, please consider taking a moment to check out my Twitter <a style='color: #00aced;' href="https://twitter.com/ImKyle4815" target='_blank'>@ImKyle4815</a>!
 		</h4>
 	</div>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/askurza/index.php b/askurza/index.html
similarity index 91%
rename from askurza/index.php
rename to askurza/index.html
index 2f1d1d84..c3b58df0 100644
--- a/askurza/index.php
+++ b/askurza/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Ask Urza 2.0';
-$desc = 'Select random loyalty abilities from across all of Magic’s past planeswalkers. Gain 3 life? What a dud... Two extra turns? Yes please! Urza can do it all';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
     <h2 class='readable-background header-extension title center margin-bottom-large'>Ask Urza 2.0</h2>
     <style>
         .askUrzaGrid {
@@ -86,4 +82,4 @@ include('../globalHTML/header-1.php');
         </h5>
     </div>
     <script defer src="/askurza/askUrza.js"></script>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/converter/index.php b/converter/index.html
similarity index 82%
rename from converter/index.php
rename to converter/index.html
index 80fd4c33..49adbca6 100644
--- a/converter/index.php
+++ b/converter/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'MPC to Regular Converter';
-$desc = 'Generate random strands of phyrexian text for use with Card Conjurer, the custom Magic: The Gathering card creator';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
     <h2 class='readable-background header-extension title center margin-bottom-large'>MPC to Regular Converter</h2>
     <style>
         
@@ -25,4 +21,4 @@ include('../globalHTML/header-1.php');
         </h4>
     </div>
     <script defer src="/converter/converter.js"></script>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/404.php b/core/404.html
similarity index 76%
rename from 404.php
rename to core/404.html
index c60829da..c55aaa09 100644
--- a/404.php
+++ b/core/404.html
@@ -1,4 +1,4 @@
-<?php include('globalHTML/header-1.php'); ?>
+<!-- START OF CONTENT -->
 	<title>404 - Card Conjurer</title>
 	<div class='layer center'>
 		<h2 class='padding margin-bottom' style='font-size: 10rem;'>404</h2>
@@ -7,4 +7,4 @@
 	<div class='layer center'>
 		<h4 class='padding'>The page you seek is as lost as Fblthp.</h4>
 	</div>
-<?php include('globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/CNAME b/core/CNAME
similarity index 100%
rename from CNAME
rename to core/CNAME
diff --git a/android-chrome-192x192.png b/core/android-chrome-192x192.png
similarity index 100%
rename from android-chrome-192x192.png
rename to core/android-chrome-192x192.png
diff --git a/android-chrome-512x512.png b/core/android-chrome-512x512.png
similarity index 100%
rename from android-chrome-512x512.png
rename to core/android-chrome-512x512.png
diff --git a/apple-touch-icon.png b/core/apple-touch-icon.png
similarity index 100%
rename from apple-touch-icon.png
rename to core/apple-touch-icon.png
diff --git a/favicon-16x16.png b/core/favicon-16x16.png
similarity index 100%
rename from favicon-16x16.png
rename to core/favicon-16x16.png
diff --git a/favicon-32x32.png b/core/favicon-32x32.png
similarity index 100%
rename from favicon-32x32.png
rename to core/favicon-32x32.png
diff --git a/favicon.ico b/core/favicon.ico
similarity index 100%
rename from favicon.ico
rename to core/favicon.ico
diff --git a/core/site.webmanifest b/core/site.webmanifest
new file mode 100644
index 00000000..c3774375
--- /dev/null
+++ b/core/site.webmanifest
@@ -0,0 +1,12 @@
+{
+"name":"Card Conjurer",
+"short_name":"CC",
+"icons":[
+	{"src":"/core/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},
+	{"src":"/core/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}
+],
+"theme_color":"#080808",
+"background_color":"#080808",
+"display":"standalone",
+"start_url":"/creator/index.html"
+}
\ No newline at end of file
diff --git a/sitemap.xml b/core/sitemap.xml
similarity index 100%
rename from sitemap.xml
rename to core/sitemap.xml
diff --git a/creator/index.php b/creator/index.html
similarity index 99%
rename from creator/index.php
rename to creator/index.html
index 6f8df606..54b8a0a0 100644
--- a/creator/index.php
+++ b/creator/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Card Conjurer - Creator';
-$desc = 'Create custom Magic: The Gathering cards on any web-enabled device. Make creatures, tokens, planeswalkers, and more in showcase frames and high resolutions';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
 	<link rel="preload" href="/fonts/beleren-b.ttf" as="font" type="font/ttf" crossorigin="anonymous" as='font'>
 	<link rel="preload" href="/fonts/beleren-bsc.ttf" as="font" type="font/ttf" crossorigin="anonymous" as='font'>
 	<link rel="preload" href="/fonts/gotham-medium.ttf" as="font" type="font/ttf" crossorigin="anonymous" as='font'>
@@ -812,4 +808,4 @@ include('../globalHTML/header-1.php');
 	</div>
 	<script defer src='/js/creator-23.js'></script>
 	<script defer src='/js/frameSearch.js'></script>
-<?php include('../globalHTML/footer.php'); ?>
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/css/style-9.css b/css/style-9.css
index 44618489..dccc80ae 100644
--- a/css/style-9.css
+++ b/css/style-9.css
@@ -1,103 +1,103 @@
 /*fonts*/
 @font-face {
 	font-family: gothammedium;
-	src: url("/fonts/gotham-medium.ttf") format('truetype');
+	src: url("../fonts/gotham-medium.ttf") format('truetype');
 }
 @font-face {
 	font-family: belerenb;
-	src: url("/fonts/beleren-b.ttf") format('truetype');
+	src: url("../fonts/beleren-b.ttf") format('truetype');
 }
 @font-face {
 	font-family: belerenbsc;
-	src: url("/fonts/beleren-bsc.ttf") format('truetype');
+	src: url("../fonts/beleren-bsc.ttf") format('truetype');
 }
 @font-face {
 	font-family: matrix;
-	src: url("/fonts/matrix.ttf") format('truetype');
+	src: url("../fonts/matrix.ttf") format('truetype');
 }
 @font-face {
 	font-family: matrixb;
-	src: url("/fonts/matrix-b.ttf") format('truetype');
+	src: url("../fonts/matrix-b.ttf") format('truetype');
 }
 @font-face {
 	font-family: matrixbsc;
-	src: url("/fonts/Matrix Bold Small Caps.ttf") format('truetype');
+	src: url("../fonts/Matrix Bold Small Caps.ttf") format('truetype');
 }
 @font-face {
 	font-family: mplantin;
-	src: url("/fonts/mplantin.ttf") format('truetype');
+	src: url("../fonts/mplantin.ttf") format('truetype');
 }
 @font-face {
 	font-family: mplantini;
-	src: url("/fonts/mplantin-i.ttf") format('truetype');
+	src: url("../fonts/mplantin-i.ttf") format('truetype');
 }
 @font-face {
 	font-family: plantinsemibold;
-	src: url("/fonts/plantin-semibold.otf") format('opentype');
+	src: url("../fonts/plantin-semibold.otf") format('opentype');
 }
 @font-face {
 	font-family: plantinsemibolditalic;
-	src: url("/fonts/Plantin-SemiboldItalic.otf") format('opentype');
+	src: url("../fonts/Plantin-SemiboldItalic.otf") format('opentype');
 }
 @font-face {
 	font-family: goudymedieval;
-	src: url("/fonts/goudy-medieval.ttf") format('truetype');
+	src: url("../fonts/goudy-medieval.ttf") format('truetype');
 }
 @font-face {
 	font-family: phyrexianold;
-	src: url("/fonts/phyrexian.ttf") format('truetype');
+	src: url("../fonts/phyrexian.ttf") format('truetype');
 }
 @font-face {
 	font-family: phyrexian;
-	src: url("/fonts/phy.woff2") format("woff2");
+	src: url("../fonts/phy.woff2") format("woff2");
 }
 @font-face {
 	font-family: Montserrat-SemiBold;
-	src: url("/fonts/Montserrat-SemiBold.ttf") format('truetype');
+	src: url("../fonts/Montserrat-SemiBold.ttf") format('truetype');
 }
 @font-face {
 	font-family: Montserrat-Medium;
-	src: url("/fonts/Montserrat-Medium.ttf") format('truetype');
+	src: url("../fonts/Montserrat-Medium.ttf") format('truetype');
 }
 @font-face {
 	font-family: Acme-Regular;
-	src: url("/fonts/Acme-Regular.ttf") format('truetype');
+	src: url("../fonts/Acme-Regular.ttf") format('truetype');
 }
 @font-face {
 	font-family: fritz-quadrata;
-	src: url("/fonts/fritz-quadrata.ttf") format('truetype');
+	src: url("../fonts/fritz-quadrata.ttf") format('truetype');
 }
 @font-face {
 	font-family: japanese-title;
-	src: url("/fonts/NudMotoyaExAporo_W6.ttf") format('truetype');
+	src: url("../fonts/NudMotoyaExAporo_W6.ttf") format('truetype');
 }
 @font-face {
 	font-family: japanese;
-	src: url('/fonts/2012c863631ba71f874aba70590795a1.otf') format('opentype');
+	src: url('../fonts/2012c863631ba71f874aba70590795a1.otf') format('opentype');
 }
 @font-face {
 	font-family: invocation;
-	src: url('/fonts/invocation.ttf') format('truetype');
+	src: url('../fonts/invocation.ttf') format('truetype');
 }
 @font-face {
 	font-family: invocation-text;
-	src: url('/fonts/shango-gothic-bold.ttf') format('truetype');
+	src: url('../fonts/shango-gothic-bold.ttf') format('truetype');
 }
 @font-face {
 	font-family: souvenir;
-	src: url('/fonts/Souvenir-Itc-T-OT-Bold.otf') format('opentype');
+	src: url('../fonts/Souvenir-Itc-T-OT-Bold.otf') format('opentype');
 }
 @font-face {
 	font-family: palatino;
-	src: url('/fonts/Palatino Font.ttf') format('truetype');
+	src: url('../fonts/Palatino Font.ttf') format('truetype');
 }
 @font-face {
 	font-family: amanda;
-	src: url('/fonts/Amanda Std Regular.otf') format('opentype');
+	src: url('../fonts/Amanda Std Regular.otf') format('opentype');
 }
 /*Variables*/
 :root {
-	--site-background: url('/img/lowpolyBackground.svg');
+	--site-background: url('../img/lowpolyBackground.svg');
 	--color-primary: #35603E;
 	--color-selected: #ae9;
 	--color-highlight: #8f8;
diff --git a/data/site/favicons/site.webmanifest b/data/site/favicons/site.webmanifest
index 45dc8a20..41963a87 100644
--- a/data/site/favicons/site.webmanifest
+++ b/data/site/favicons/site.webmanifest
@@ -1 +1 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
+{"name":"","short_name":"","icons":[{"src":"/core/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/core/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/gallery/index.php b/gallery/index.html
similarity index 98%
rename from gallery/index.php
rename to gallery/index.html
index a8ce93f3..f41236c4 100644
--- a/gallery/index.php
+++ b/gallery/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Card Conjurer - Gallery';
-$desc = 'See examples of available frames';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
 	<h2 class='readable-background header-extension title center'>Available Frames</h2>
 	<h4 class='readable-background header-extension center'>What they're called, and where to find them</h4>
 	<div class='layer'>
@@ -233,4 +229,4 @@ include('../globalHTML/header-1.php');
 		populateGroup("tokenGrid", tokenTemplates);
 		// populateGroup("otherGrid", otherTemplates);
 	</script>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/globalHTML/footer.php b/globalHTML/footer.html
similarity index 85%
rename from globalHTML/footer.php
rename to globalHTML/footer.html
index cee4e33a..3d20f979 100644
--- a/globalHTML/footer.php
+++ b/globalHTML/footer.html
@@ -1,3 +1,4 @@
+	<!--
 	<footer class='readable-background'>
 		<div>
 			<h4>Card Conjurer</h4>
@@ -20,8 +21,9 @@
 		<div>
 			<h4>Legal</h4>
 			<h5><a href='/legal'>Terms and Conditions</a></h5>
-			<p>We are neither affiliated with, sponsored by, nor endorsed by Wizards of the Coast. Fonts, Mana symbols, card images, and other related images are trademarks and copyrights of Wizards of the Coast, LLC, a subsidiary of Hasbro, Inc.<br>We are neither affiliated with, sponsored by, nor endorsed by Legend Story Studios. Fonts, icons, card images, and other related images are trademarks and copyrights of Legend Story Studios.<br>We are neither affiliated with, sponsored by, nor endorsed by Scryfall LLC.<br>All user-uploaded material is property of the original artist, and it is the user's responsibility to ensure that these materials are properly credited.<br>All other content Copyright © <?php echo date("Y"); ?> Card Conjurer.<br>For more information on the Disclaimer or Terms and Conditions, please click the link above.</p>
+			<p>We are neither affiliated with, sponsored by, nor endorsed by Wizards of the Coast. Fonts, Mana symbols, card images, and other related images are trademarks and copyrights of Wizards of the Coast, LLC, a subsidiary of Hasbro, Inc.<br>We are neither affiliated with, sponsored by, nor endorsed by Legend Story Studios. Fonts, icons, card images, and other related images are trademarks and copyrights of Legend Story Studios.<br>We are neither affiliated with, sponsored by, nor endorsed by Scryfall LLC.<br>All user-uploaded material is property of the original artist, and it is the user's responsibility to ensure that these materials are properly credited.<br>All other content Copyright © <script> document.write(new Date().toLocaleDateString()); </script> Card Conjurer.<br>For more information on the Disclaimer or Terms and Conditions, please click the link above.</p>
 		</div>
 	</footer>
+	-->
 </body>
 </html>
\ No newline at end of file
diff --git a/globalHTML/header-1.php b/globalHTML/header.html
similarity index 62%
rename from globalHTML/header-1.php
rename to globalHTML/header.html
index 39532992..78ad7c96 100644
--- a/globalHTML/header-1.php
+++ b/globalHTML/header.html
@@ -3,21 +3,19 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="<?php echo $desc; ?>">
 	<meta name="keywords" content="mtg, magic, card, creator, custom, maker">
 	<meta name="apple-mobile-web-app-capable" content="yes">
 	<meta name="mobile-web-app-capable" content="yes">
 	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 	<link rel="stylesheet" href="/css/reset.css">
 	<link rel="stylesheet" href="/css/style-9.css">
-	<link rel="shortcut icon" href="/favicon.ico">
-	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-	<link rel="manifest" href="/site.webmanifest">
+	<link rel="shortcut icon" href="/core/favicon.ico">
+	<link rel="apple-touch-icon" sizes="180x180" href="/core/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/core/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/core/favicon-16x16.png">
+	<link rel="manifest" href="/core/site.webmanifest">
 	<script src='/js/themes.js'></script>
 	<script defer src='/js/main-1.js'></script>
-	<title><?php echo $title; ?></title>
 </head>
 <body>
 	<div class='background'></div>
@@ -25,7 +23,11 @@
 		<h1 class='title center'>CARD CONJURER</h1>
 	</header>
 	<div>
-		<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" class='hamburger' onclick='toggleMenu()'>
+		<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1"
+		    xmlns="http://www.w3.org/2000/svg"
+		    xmlns:xlink="http://www.w3.org/1999/xlink"
+		    xml:space="preserve" xmlns:serif="http://www.serif.com/"
+		    class='hamburger' onclick='toggleMenu()'>
 		    <path class='line1' d="M10,18L90,18L10,82" />
 		    <path class='line3' d="M10,82L90,82L10,18" />
 		    <path class='line2' d="M10,50L90,50" />
@@ -43,11 +45,6 @@
 				<h3><a href='/gallery'>Gallery</a></h3>
 				<h3><a href='/theme'>Theme Editor</a></h3>
 				<h3><a href='/legal'>Legal</a></h3>
-				<h2>External Links</h2>
-				<h3><a href='https://twitter.com/ImKyle4815' target='_blank'>Twitter</a></h3>
-				<h3><a href='https://www.patreon.com/KyleBurton' target='_blank'>Patreon</a></h3>
-				<h2>Contact</h2>
-				<h3><a href='mailto:cardconjurermtg@gmail.com' target='_blank'>Email</a></h3>
 			</div>
 		</div>
 		<div class='notification-container'></div>
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..0b3585fc
--- /dev/null
+++ b/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="keywords" content="mtg, magic, card, creator, custom, maker">
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
+	<link rel="stylesheet" href="css/reset.css">
+	<link rel="stylesheet" href="css/style-9.css">
+	<link rel="shortcut icon" href="core/favicon.ico">
+	<link rel="apple-touch-icon" sizes="180x180" href="core/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="core/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="core/favicon-16x16.png">
+	<link rel="manifest" href="core/site.webmanifest">
+	<script src='js/themes.js'></script>
+	<script src='js/htmx.min.js'></script>
+	<script defer src='js/main-1.js'></script>
+</head>
+<body>
+	<div class='background'></div>
+	<header class='readable-background'>
+		<h1 class='title center'>CARD CONJURER</h1>
+	</header>
+	<div>
+		<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1"
+		    xmlns="http://www.w3.org/2000/svg"
+		    xmlns:xlink="http://www.w3.org/1999/xlink"
+		    xml:space="preserve" xmlns:serif="http://www.serif.com/"
+		    class='hamburger' onclick='toggleMenu()'>
+		    <path class='line1' d="M10,18L90,18L10,82" />
+		    <path class='line3' d="M10,82L90,82L10,18" />
+		    <path class='line2' d="M10,50L90,50" />
+		</svg>
+		<div class='circle'></div>
+		<div class='menu menu-hidden'>
+			<div class='main-menu'>
+				<h2>Navigation</h2>
+				<h3><a href="#" hx-get="index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Home</a></h3>
+				<h3><a href="#" hx-get="creator/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Card Creator</a></h3>
+				<h3><a href="#" hx-get="print/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Printing Tool</a></h3>
+				<h3><a href="#" hx-get="askurza/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Ask Urza 2.0</a></h3>
+				<h3><a href="#" hx-get="phyrexian/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Phyrexian Generator</a></h3>
+				<h3><a href='#' hx-get="about/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>About Me</a></h3>
+				<h3><a href='#' hx-get="gallery/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Gallery</a></h3>
+				<h3><a href='#' hx-get="theme/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Theme Editor</a></h3>
+				<h3><a href='#' hx-get="legal/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Legal</a></h3>
+			</div>
+		</div>
+		<div class='notification-container'></div>
+	</div>
+
+	<div id="content">
+		<div class='layer center'></div>
+		<div class='layer center'>
+			<h1>Welcome to Card Conjurer</h1>
+			<h3>The custom Magic: The Gathering card creator</h3>
+		</div>
+		<div class='layer center'></div>
+		<div class='layer readable-background center'>
+			<div class='sample-grid'>
+				<div class='animated-scene'><img src='img/samples/sample1.png' class='animated-card-1'></div>
+				<div class='vertical-center'>
+					<h1 class='padding margin-bottom'>Choose from a Variety of Card Frames</h1>
+					<h3 class='padding margin-bottom'>Card Conjurer offers Expeditions, Inventions, Showcase Frames, and so much more. <a href="#" hx-get="creator" hx-target="#content" hx-trigger="click">Take a look</a>!</h3>
+				</div>
+			</div>
+		</div>
+		<div class='layer center'>
+			<div class='sample-grid right'>
+				<div class='vertical-center'>
+					<h1 class='padding margin-bottom'>Customize to Your Heart's Content</h1>
+					<h3 class='padding margin-bottom'>With Card Conjurer's level of customization, you'll have endless options when designing your dream cards. <a href="#" hx-get="creator" hx-target="#content" hx-trigger="click">Try it out</a>!</h3>
+				</div>
+				<div class='animated-scene'><img src='img/samples/sample2.png' class='animated-card-1 animation-delay-2'></div>
+			</div>
+		</div>
+		<div class='layer readable-background center'>
+			<div class='sample-grid'>
+				<div class='animated-scene'><img src='img/samples/sample3.png' class='animated-card-1 animation-delay-4'></div>
+				<div class='vertical-center'>
+					<h1 class='padding margin-bottom'>Bling Out Existing Favorites</h1>
+					<h3 class='padding margin-bottom'>Easily import vital information from existing cards, then redesign them. <a href="#" hx-get="creator" hx-target="#content" hx-trigger="click">Go on, do it</a>!</h3>
+				</div>
+			</div>
+		</div>
+		<div class='layer center'>
+			<h1 class='margin-bottom'>Ready?</h1>
+			<a href="#" hx-get="creator" hx-target="#content" hx-trigger="click"><h1>Get Started</h1></a>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/index.php b/index.php
deleted file mode 100644
index 4c1662f8..00000000
--- a/index.php
+++ /dev/null
@@ -1,43 +0,0 @@
-<?php
-$title = 'Card Conjurer - Welcome';
-$desc = 'Create custom Magic: The Gathering cards on any web-enabled device. Make creatures, tokens, planeswalkers, and more in showcase frames and high resolutions';
-include('globalHTML/header-1.php');
-?>
-	<div class='layer center'></div>
-	<div class='layer center'>
-		<h1>Welcome to Card Conjurer</h1>
-		<h3>The custom Magic: The Gathering card creator</h3>
-	</div>
-	<div class='layer center'></div>
-	<div class='layer readable-background center'>
-		<div class='sample-grid'>
-			<div class='animated-scene'><img src='/img/samples/sample1.png' class='animated-card-1'></div>
-			<div class='vertical-center'>
-				<h1 class='padding margin-bottom'>Choose from a Variety of Card Frames</h1>
-				<h3 class='padding margin-bottom'>Card Conjurer offers Expeditions, Inventions, Showcase Frames, and so much more. <a href='/creator/'>Take a look</a>!</h3>
-			</div>
-		</div>
-	</div>
-	<div class='layer center'>
-		<div class='sample-grid right'>
-			<div class='vertical-center'>
-				<h1 class='padding margin-bottom'>Customize to Your Heart's Content</h1>
-				<h3 class='padding margin-bottom'>With Card Conjurer's level of customization, you'll have endless options when designing your dream cards. <a href='/creator/'>Try it out</a>!</h3>
-			</div>
-			<div class='animated-scene'><img src='/img/samples/sample2.png' class='animated-card-1 animation-delay-2'></div>
-		</div>
-	</div>
-	<div class='layer readable-background center'>
-		<div class='sample-grid'>
-			<div class='animated-scene'><img src='/img/samples/sample3.png' class='animated-card-1 animation-delay-4'></div>
-			<div class='vertical-center'>
-				<h1 class='padding margin-bottom'>Bling Out Existing Favorites</h1>
-				<h3 class='padding margin-bottom'>Easily import vital information from existing cards, then redesign them. <a href='/creator/'>Go on, do it</a>!</h3>
-			</div>
-		</div>
-	</div>
-	<div class='layer center'>
-		<h1 class='margin-bottom'>Ready?</h1>
-		<a href='/creator/'><h1>Get Started</h1></a>
-	</div>
-<?php include('globalHTML/footer.php'); ?>
\ No newline at end of file
diff --git a/js/creator-23.js b/js/creator-23.js
index 0db6dc83..e1d2a4d1 100644
--- a/js/creator-23.js
+++ b/js/creator-23.js
@@ -8,12 +8,14 @@ if (debugging) {
 
 //To save the server from being overloaded? Maybe?
 function fixUri(input) {
+	/* --- DISABLED FOR LOCAL VERSION --
 	var prefix = 'https://card-conjurer.storage.googleapis.com';//'https://raw.githubusercontent.com/ImKyle4815/cardconjurer/remake';
 	if (input.includes(prefix) || input.includes('http') || input.includes('data:image') || window.location.href.includes('localhost')) {
 		return input;
 	} else {
 		return prefix + input; //input.replace('/img/frames', prefix + '/img/frames');
-	}
+	} */
+	return input
 }
 function setImageUrl(image, source) {
 	image.crossOrigin = 'anonymous';
diff --git a/js/htmx.min.js b/js/htmx.min.js
new file mode 100644
index 00000000..556de48b
--- /dev/null
+++ b/js/htmx.min.js
@@ -0,0 +1 @@
+(function(e,t){if(typeof define==="function"&&define.amd){define([],t)}else{e.htmx=e.htmx||t()}})(typeof self!=="undefined"?self:this,function(){return function(){"use strict";var W={onLoad:t,process:mt,on:X,off:F,trigger:Q,ajax:or,find:R,findAll:O,closest:N,values:function(e,t){var r=jt(e,t||"post");return r.values},remove:q,addClass:L,removeClass:T,toggleClass:H,takeClass:A,defineExtension:dr,removeExtension:vr,logAll:C,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,inlineScriptNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",disableSelector:"[hx-disable], [data-hx-disable]",useTemplateFragments:false,scrollBehavior:"smooth",defaultFocusScroll:false},parseInterval:v,_:e,createEventSource:function(e){return new EventSource(e,{withCredentials:true})},createWebSocket:function(e){return new WebSocket(e,[])},version:"1.8.4"};var r={addTriggerHandler:ft,bodyContains:te,canAccessLocalStorage:E,filterValues:zt,hasAttribute:o,getAttributeValue:G,getClosestMatch:h,getExpressionVars:rr,getHeaders:_t,getInputValues:jt,getInternalData:Z,getSwapSpecification:Gt,getTriggerSpecs:Xe,getTarget:oe,makeFragment:g,mergeObjects:re,makeSettleInfo:Zt,oobSwap:_,selectAndSwap:Oe,settleImmediately:At,shouldCancel:Ve,triggerEvent:Q,triggerErrorEvent:Y,withExtensions:wt};var n=["get","post","put","delete","patch"];var i=n.map(function(e){return"[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");function v(e){if(e==undefined){return undefined}if(e.slice(-2)=="ms"){return parseFloat(e.slice(0,-2))||undefined}if(e.slice(-1)=="s"){return parseFloat(e.slice(0,-1))*1e3||undefined}if(e.slice(-1)=="m"){return parseFloat(e.slice(0,-1))*1e3*60||undefined}return parseFloat(e)||undefined}function f(e,t){return e.getAttribute&&e.getAttribute(t)}function o(e,t){return e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function G(e,t){return f(e,t)||f(e,"data-"+t)}function u(e){return e.parentElement}function J(){return document}function h(e,t){while(e&&!t(e)){e=u(e)}return e?e:null}function a(e,t,r){var n=G(t,r);var i=G(t,"hx-disinherit");if(e!==t&&i&&(i==="*"||i.split(" ").indexOf(r)>=0)){return"unset"}else{return n}}function $(t,r){var n=null;h(t,function(e){return n=a(t,e,r)});if(n!=="unset"){return n}}function d(e,t){var r=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector;return r&&r.call(e,t)}function s(e){var t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;var r=t.exec(e);if(r){return r[1].toLowerCase()}else{return""}}function l(e,t){var r=new DOMParser;var n=r.parseFromString(e,"text/html");var i=n.body;while(t>0){t--;i=i.firstChild}if(i==null){i=J().createDocumentFragment()}return i}function g(e){if(W.config.useTemplateFragments){var t=l("<body><template>"+e+"</template></body>",0);return t.querySelector("template").content}else{var r=s(e);switch(r){case"thead":case"tbody":case"tfoot":case"colgroup":case"caption":return l("<table>"+e+"</table>",1);case"col":return l("<table><colgroup>"+e+"</colgroup></table>",2);case"tr":return l("<table><tbody>"+e+"</tbody></table>",2);case"td":case"th":return l("<table><tbody><tr>"+e+"</tr></tbody></table>",3);case"script":return l("<div>"+e+"</div>",1);default:return l(e,0)}}}function ee(e){if(e){e()}}function p(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"}function m(e){return p(e,"Function")}function x(e){return p(e,"Object")}function Z(e){var t="htmx-internal-data";var r=e[t];if(!r){r=e[t]={}}return r}function y(e){var t=[];if(e){for(var r=0;r<e.length;r++){t.push(e[r])}}return t}function K(e,t){if(e){for(var r=0;r<e.length;r++){t(e[r])}}}function b(e){var t=e.getBoundingClientRect();var r=t.top;var n=t.bottom;return r<window.innerHeight&&n>=0}function te(e){if(e.getRootNode&&e.getRootNode()instanceof ShadowRoot){return J().body.contains(e.getRootNode().host)}else{return J().body.contains(e)}}function w(e){return e.trim().split(/\s+/)}function re(e,t){for(var r in t){if(t.hasOwnProperty(r)){e[r]=t[r]}}return e}function S(e){try{return JSON.parse(e)}catch(e){St(e);return null}}function E(){var e="htmx:localStorageTest";try{localStorage.setItem(e,e);localStorage.removeItem(e);return true}catch(e){return false}}function e(e){return Qt(J().body,function(){return eval(e)})}function t(t){var e=W.on("htmx:load",function(e){t(e.detail.elt)});return e}function C(){W.logger=function(e,t,r){if(console){console.log(t,e,r)}}}function R(e,t){if(t){return e.querySelector(t)}else{return R(J(),e)}}function O(e,t){if(t){return e.querySelectorAll(t)}else{return O(J(),e)}}function q(e,t){e=D(e);if(t){setTimeout(function(){q(e)},t)}else{e.parentElement.removeChild(e)}}function L(e,t,r){e=D(e);if(r){setTimeout(function(){L(e,t)},r)}else{e.classList&&e.classList.add(t)}}function T(e,t,r){e=D(e);if(r){setTimeout(function(){T(e,t)},r)}else{if(e.classList){e.classList.remove(t);if(e.classList.length===0){e.removeAttribute("class")}}}}function H(e,t){e=D(e);e.classList.toggle(t)}function A(e,t){e=D(e);K(e.parentElement.children,function(e){T(e,t)});L(e,t)}function N(e,t){e=D(e);if(e.closest){return e.closest(t)}else{do{if(e==null||d(e,t)){return e}}while(e=e&&u(e))}}function I(e,t){if(t.indexOf("closest ")===0){return[N(e,t.substr(8))]}else if(t.indexOf("find ")===0){return[R(e,t.substr(5))]}else if(t.indexOf("next ")===0){return[k(e,t.substr(5))]}else if(t.indexOf("previous ")===0){return[M(e,t.substr(9))]}else if(t==="document"){return[document]}else if(t==="window"){return[window]}else{return J().querySelectorAll(t)}}var k=function(e,t){var r=J().querySelectorAll(t);for(var n=0;n<r.length;n++){var i=r[n];if(i.compareDocumentPosition(e)===Node.DOCUMENT_POSITION_PRECEDING){return i}}};var M=function(e,t){var r=J().querySelectorAll(t);for(var n=r.length-1;n>=0;n--){var i=r[n];if(i.compareDocumentPosition(e)===Node.DOCUMENT_POSITION_FOLLOWING){return i}}};function ne(e,t){if(t){return I(e,t)[0]}else{return I(J().body,e)[0]}}function D(e){if(p(e,"String")){return R(e)}else{return e}}function P(e,t,r){if(m(t)){return{target:J().body,event:e,listener:t}}else{return{target:D(e),event:t,listener:r}}}function X(t,r,n){pr(function(){var e=P(t,r,n);e.target.addEventListener(e.event,e.listener)});var e=m(r);return e?r:n}function F(t,r,n){pr(function(){var e=P(t,r,n);e.target.removeEventListener(e.event,e.listener)});return m(r)?r:n}var ie=J().createElement("output");function j(e,t){var r=$(e,t);if(r){if(r==="this"){return[ae(e,t)]}else{var n=I(e,r);if(n.length===0){St('The selector "'+r+'" on '+t+" returned no matches!");return[ie]}else{return n}}}}function ae(e,t){return h(e,function(e){return G(e,t)!=null})}function oe(e){var t=$(e,"hx-target");if(t){if(t==="this"){return ae(e,"hx-target")}else{return ne(e,t)}}else{var r=Z(e);if(r.boosted){return J().body}else{return e}}}function B(e){var t=W.config.attributesToSettle;for(var r=0;r<t.length;r++){if(e===t[r]){return true}}return false}function U(t,r){K(t.attributes,function(e){if(!r.hasAttribute(e.name)&&B(e.name)){t.removeAttribute(e.name)}});K(r.attributes,function(e){if(B(e.name)){t.setAttribute(e.name,e.value)}})}function V(e,t){var r=gr(t);for(var n=0;n<r.length;n++){var i=r[n];try{if(i.isInlineSwap(e)){return true}}catch(e){St(e)}}return e==="outerHTML"}function _(e,i,a){var t="#"+i.id;var o="outerHTML";if(e==="true"){}else if(e.indexOf(":")>0){o=e.substr(0,e.indexOf(":"));t=e.substr(e.indexOf(":")+1,e.length)}else{o=e}var r=J().querySelectorAll(t);if(r){K(r,function(e){var t;var r=i.cloneNode(true);t=J().createDocumentFragment();t.appendChild(r);if(!V(o,e)){t=r}var n={shouldSwap:true,target:e,fragment:t};if(!Q(e,"htmx:oobBeforeSwap",n))return;e=n.target;if(n["shouldSwap"]){Ce(o,e,e,t,a)}K(a.elts,function(e){Q(e,"htmx:oobAfterSwap",n)})});i.parentNode.removeChild(i)}else{i.parentNode.removeChild(i);Y(J().body,"htmx:oobErrorNoTarget",{content:i})}return e}function z(e,t,r){var n=$(e,"hx-select-oob");if(n){var i=n.split(",");for(let e=0;e<i.length;e++){var a=i[e].split(":",2);var o=a[0];if(o.indexOf("#")===0){o=o.substring(1)}var s=a[1]||"true";var l=t.querySelector("#"+o);if(l){_(s,l,r)}}}K(O(t,"[hx-swap-oob], [data-hx-swap-oob]"),function(e){var t=G(e,"hx-swap-oob");if(t!=null){_(t,e,r)}})}function se(e){K(O(e,"[hx-preserve], [data-hx-preserve]"),function(e){var t=G(e,"id");var r=J().getElementById(t);if(r!=null){e.parentNode.replaceChild(r,e)}})}function le(n,e,i){K(e.querySelectorAll("[id]"),function(e){if(e.id&&e.id.length>0){var t=n.querySelector(e.tagName+"[id='"+e.id+"']");if(t&&t!==n){var r=e.cloneNode();U(e,t);i.tasks.push(function(){U(e,r)})}}})}function ue(e){return function(){T(e,W.config.addedClass);mt(e);ht(e);fe(e);Q(e,"htmx:load")}}function fe(e){var t="[autofocus]";var r=d(e,t)?e:e.querySelector(t);if(r!=null){r.focus()}}function ce(e,t,r,n){le(e,r,n);while(r.childNodes.length>0){var i=r.firstChild;L(i,W.config.addedClass);e.insertBefore(i,t);if(i.nodeType!==Node.TEXT_NODE&&i.nodeType!==Node.COMMENT_NODE){n.tasks.push(ue(i))}}}function he(e,t){var r=0;while(r<e.length){t=(t<<5)-t+e.charCodeAt(r++)|0}return t}function de(e){var t=0;for(var r=0;r<e.attributes.length;r++){var n=e.attributes[r];if(n.value){t=he(n.name,t);t=he(n.value,t)}}return t}function ve(e){var t=Z(e);if(t.webSocket){t.webSocket.close()}if(t.sseEventSource){t.sseEventSource.close()}if(t.listenerInfos){K(t.listenerInfos,function(e){if(e.on){e.on.removeEventListener(e.trigger,e.listener)}})}}function ge(e){Q(e,"htmx:beforeCleanupElement");ve(e);if(e.children){K(e.children,function(e){ge(e)})}}function pe(e,t,r){if(e.tagName==="BODY"){return Se(e,t,r)}else{var n;var i=e.previousSibling;ce(u(e),e,t,r);if(i==null){n=u(e).firstChild}else{n=i.nextSibling}Z(e).replacedWith=n;r.elts=[];while(n&&n!==e){if(n.nodeType===Node.ELEMENT_NODE){r.elts.push(n)}n=n.nextElementSibling}ge(e);u(e).removeChild(e)}}function me(e,t,r){return ce(e,e.firstChild,t,r)}function xe(e,t,r){return ce(u(e),e,t,r)}function ye(e,t,r){return ce(e,null,t,r)}function be(e,t,r){return ce(u(e),e.nextSibling,t,r)}function we(e,t,r){ge(e);return u(e).removeChild(e)}function Se(e,t,r){var n=e.firstChild;ce(e,n,t,r);if(n){while(n.nextSibling){ge(n.nextSibling);e.removeChild(n.nextSibling)}ge(n);e.removeChild(n)}}function Ee(e,t){var r=$(e,"hx-select");if(r){var n=J().createDocumentFragment();K(t.querySelectorAll(r),function(e){n.appendChild(e)});t=n}return t}function Ce(e,t,r,n,i){switch(e){case"none":return;case"outerHTML":pe(r,n,i);return;case"afterbegin":me(r,n,i);return;case"beforebegin":xe(r,n,i);return;case"beforeend":ye(r,n,i);return;case"afterend":be(r,n,i);return;case"delete":we(r,n,i);return;default:var a=gr(t);for(var o=0;o<a.length;o++){var f=a[o];try{var s=f.handleSwap(e,r,n,i);if(s){if(typeof s.length!=="undefined"){for(var l=0;l<s.length;l++){var u=s[l];if(u.nodeType!==Node.TEXT_NODE&&u.nodeType!==Node.COMMENT_NODE){i.tasks.push(ue(u))}}}return}}catch(e){St(e)}}if(e==="innerHTML"){Se(r,n,i)}else{Ce(W.config.defaultSwapStyle,t,r,n,i)}}}function Re(e){if(e.indexOf("<title")>-1){var t=e.replace(/<svg(\s[^>]*>|>)([\s\S]*?)<\/svg>/gim,"");var r=t.match(/<title(\s[^>]*>|>)([\s\S]*?)<\/title>/im);if(r){return r[2]}}}function Oe(e,t,r,n,i){i.title=Re(n);var a=g(n);if(a){z(r,a,i);a=Ee(r,a);se(a);return Ce(e,r,t,a,i)}}function qe(e,t,r){var n=e.getResponseHeader(t);if(n.indexOf("{")===0){var i=S(n);for(var a in i){if(i.hasOwnProperty(a)){var o=i[a];if(!x(o)){o={value:o}}Q(r,a,o)}}}else{Q(r,n,[])}}var Le=/\s/;var Te=/[\s,]/;var He=/[_$a-zA-Z]/;var Ae=/[_$a-zA-Z0-9]/;var Ne=['"',"'","/"];var Ie=/[^\s]/;function ke(e){var t=[];var r=0;while(r<e.length){if(He.exec(e.charAt(r))){var n=r;while(Ae.exec(e.charAt(r+1))){r++}t.push(e.substr(n,r-n+1))}else if(Ne.indexOf(e.charAt(r))!==-1){var i=e.charAt(r);var n=r;r++;while(r<e.length&&e.charAt(r)!==i){if(e.charAt(r)==="\\"){r++}r++}t.push(e.substr(n,r-n+1))}else{var a=e.charAt(r);t.push(a)}r++}return t}function Me(e,t,r){return He.exec(e.charAt(0))&&e!=="true"&&e!=="false"&&e!=="this"&&e!==r&&t!=="."}function De(e,t,r){if(t[0]==="["){t.shift();var n=1;var i=" return (function("+r+"){ return (";var a=null;while(t.length>0){var o=t[0];if(o==="]"){n--;if(n===0){if(a===null){i=i+"true"}t.shift();i+=")})";try{var s=Qt(e,function(){return Function(i)()},function(){return true});s.source=i;return s}catch(e){Y(J().body,"htmx:syntax:error",{error:e,source:i});return null}}}else if(o==="["){n++}if(Me(o,a,r)){i+="(("+r+"."+o+") ? ("+r+"."+o+") : (window."+o+"))"}else{i=i+o}a=t.shift()}}}function c(e,t){var r="";while(e.length>0&&!e[0].match(t)){r+=e.shift()}return r}var Pe="input, textarea, select";function Xe(e){var t=G(e,"hx-trigger");var r=[];if(t){var n=ke(t);do{c(n,Ie);var f=n.length;var i=c(n,/[,\[\s]/);if(i!==""){if(i==="every"){var a={trigger:"every"};c(n,Ie);a.pollInterval=v(c(n,/[,\[\s]/));c(n,Ie);var o=De(e,n,"event");if(o){a.eventFilter=o}r.push(a)}else if(i.indexOf("sse:")===0){r.push({trigger:"sse",sseEvent:i.substr(4)})}else{var s={trigger:i};var o=De(e,n,"event");if(o){s.eventFilter=o}while(n.length>0&&n[0]!==","){c(n,Ie);var l=n.shift();if(l==="changed"){s.changed=true}else if(l==="once"){s.once=true}else if(l==="consume"){s.consume=true}else if(l==="delay"&&n[0]===":"){n.shift();s.delay=v(c(n,Te))}else if(l==="from"&&n[0]===":"){n.shift();var u=c(n,Te);if(u==="closest"||u==="find"||u==="next"||u==="previous"){n.shift();u+=" "+c(n,Te)}s.from=u}else if(l==="target"&&n[0]===":"){n.shift();s.target=c(n,Te)}else if(l==="throttle"&&n[0]===":"){n.shift();s.throttle=v(c(n,Te))}else if(l==="queue"&&n[0]===":"){n.shift();s.queue=c(n,Te)}else if((l==="root"||l==="threshold")&&n[0]===":"){n.shift();s[l]=c(n,Te)}else{Y(e,"htmx:syntax:error",{token:n.shift()})}}r.push(s)}}if(n.length===f){Y(e,"htmx:syntax:error",{token:n.shift()})}c(n,Ie)}while(n[0]===","&&n.shift())}if(r.length>0){return r}else if(d(e,"form")){return[{trigger:"submit"}]}else if(d(e,'input[type="button"]')){return[{trigger:"click"}]}else if(d(e,Pe)){return[{trigger:"change"}]}else{return[{trigger:"click"}]}}function Fe(e){Z(e).cancelled=true}function je(e,t,r){var n=Z(e);n.timeout=setTimeout(function(){if(te(e)&&n.cancelled!==true){if(!ze(r,yt("hx:poll:trigger",{triggerSpec:r,target:e}))){t(e)}je(e,t,r)}},r.pollInterval)}function Be(e){return location.hostname===e.hostname&&f(e,"href")&&f(e,"href").indexOf("#")!==0}function Ue(t,r,e){if(t.tagName==="A"&&Be(t)&&(t.target===""||t.target==="_self")||t.tagName==="FORM"){r.boosted=true;var n,i;if(t.tagName==="A"){n="get";i=f(t,"href")}else{var a=f(t,"method");n=a?a.toLowerCase():"get";if(n==="get"){}i=f(t,"action")}e.forEach(function(e){We(t,function(e){lr(n,i,t,e)},r,e,true)})}}function Ve(e,t){if(e.type==="submit"||e.type==="click"){if(t.tagName==="FORM"){return true}if(d(t,'input[type="submit"], button')&&N(t,"form")!==null){return true}if(t.tagName==="A"&&t.href&&(t.getAttribute("href")==="#"||t.getAttribute("href").indexOf("#")!==0)){return true}}return false}function _e(e,t){return Z(e).boosted&&e.tagName==="A"&&t.type==="click"&&(t.ctrlKey||t.metaKey)}function ze(e,t){var r=e.eventFilter;if(r){try{return r(t)!==true}catch(e){Y(J().body,"htmx:eventFilter:error",{error:e,source:r.source});return true}}return false}function We(a,o,e,s,l){var t;if(s.from){t=I(a,s.from)}else{t=[a]}K(t,function(n){var i=function(e){if(!te(a)){n.removeEventListener(s.trigger,i);return}if(_e(a,e)){return}if(l||Ve(e,a)){e.preventDefault()}if(ze(s,e)){return}var t=Z(e);t.triggerSpec=s;if(t.handledFor==null){t.handledFor=[]}var r=Z(a);if(t.handledFor.indexOf(a)<0){t.handledFor.push(a);if(s.consume){e.stopPropagation()}if(s.target&&e.target){if(!d(e.target,s.target)){return}}if(s.once){if(r.triggeredOnce){return}else{r.triggeredOnce=true}}if(s.changed){if(r.lastValue===a.value){return}else{r.lastValue=a.value}}if(r.delayed){clearTimeout(r.delayed)}if(r.throttle){return}if(s.throttle){if(!r.throttle){o(a,e);r.throttle=setTimeout(function(){r.throttle=null},s.throttle)}}else if(s.delay){r.delayed=setTimeout(function(){o(a,e)},s.delay)}else{o(a,e)}}};if(e.listenerInfos==null){e.listenerInfos=[]}e.listenerInfos.push({trigger:s.trigger,listener:i,on:n});n.addEventListener(s.trigger,i)})}var Ge=false;var Je=null;function $e(){if(!Je){Je=function(){Ge=true};window.addEventListener("scroll",Je);setInterval(function(){if(Ge){Ge=false;K(J().querySelectorAll("[hx-trigger='revealed'],[data-hx-trigger='revealed']"),function(e){Ze(e)})}},200)}}function Ze(t){if(!o(t,"data-hx-revealed")&&b(t)){t.setAttribute("data-hx-revealed","true");var e=Z(t);if(e.initHash){Q(t,"revealed")}else{t.addEventListener("htmx:afterProcessNode",function(e){Q(t,"revealed")},{once:true})}}}function Ke(e,t,r){var n=w(r);for(var i=0;i<n.length;i++){var a=n[i].split(/:(.+)/);if(a[0]==="connect"){Ye(e,a[1],0)}if(a[0]==="send"){et(e)}}}function Ye(s,r,n){if(!te(s)){return}if(r.indexOf("/")==0){var e=location.hostname+(location.port?":"+location.port:"");if(location.protocol=="https:"){r="wss://"+e+r}else if(location.protocol=="http:"){r="ws://"+e+r}}var t=W.createWebSocket(r);t.onerror=function(e){Y(s,"htmx:wsError",{error:e,socket:t});Qe(s)};t.onclose=function(e){if([1006,1012,1013].indexOf(e.code)>=0){var t=tt(n);setTimeout(function(){Ye(s,r,n+1)},t)}};t.onopen=function(e){n=0};Z(s).webSocket=t;t.addEventListener("message",function(e){if(Qe(s)){return}var t=e.data;wt(s,function(e){t=e.transformResponse(t,null,s)});var r=Zt(s);var n=g(t);var i=y(n.children);for(var a=0;a<i.length;a++){var o=i[a];_(G(o,"hx-swap-oob")||"true",o,r)}At(r.tasks)})}function Qe(e){if(!te(e)){Z(e).webSocket.close();return true}}function et(u){var f=h(u,function(e){return Z(e).webSocket!=null});if(f){u.addEventListener(Xe(u)[0].trigger,function(e){var t=Z(f).webSocket;var r=_t(u,f);var n=jt(u,"post");var i=n.errors;var a=n.values;var o=rr(u);var s=re(a,o);var l=zt(s,u);l["HEADERS"]=r;if(i&&i.length>0){Q(u,"htmx:validation:halted",i);return}t.send(JSON.stringify(l));if(Ve(e,u)){e.preventDefault()}})}else{Y(u,"htmx:noWebSocketSourceError")}}function tt(e){var t=W.config.wsReconnectDelay;if(typeof t==="function"){return t(e)}if(t==="full-jitter"){var r=Math.min(e,6);var n=1e3*Math.pow(2,r);return n*Math.random()}St('htmx.config.wsReconnectDelay must either be a function or the string "full-jitter"')}function rt(e,t,r){var n=w(r);for(var i=0;i<n.length;i++){var a=n[i].split(/:(.+)/);if(a[0]==="connect"){nt(e,a[1])}if(a[0]==="swap"){it(e,a[1])}}}function nt(t,e){var r=W.createEventSource(e);r.onerror=function(e){Y(t,"htmx:sseError",{error:e,source:r});ot(t)};Z(t).sseEventSource=r}function it(a,o){var s=h(a,st);if(s){var l=Z(s).sseEventSource;var u=function(e){if(ot(s)){l.removeEventListener(o,u);return}var t=e.data;wt(a,function(e){t=e.transformResponse(t,null,a)});var r=Gt(a);var n=oe(a);var i=Zt(a);Oe(r.swapStyle,a,n,t,i);At(i.tasks);Q(a,"htmx:sseMessage",e)};Z(a).sseListener=u;l.addEventListener(o,u)}else{Y(a,"htmx:noSSESourceError")}}function at(e,t,r){var n=h(e,st);if(n){var i=Z(n).sseEventSource;var a=function(){if(!ot(n)){if(te(e)){t(e)}else{i.removeEventListener(r,a)}}};Z(e).sseListener=a;i.addEventListener(r,a)}else{Y(e,"htmx:noSSESourceError")}}function ot(e){if(!te(e)){Z(e).sseEventSource.close();return true}}function st(e){return Z(e).sseEventSource!=null}function lt(e,t,r,n){var i=function(){if(!r.loaded){r.loaded=true;t(e)}};if(n){setTimeout(i,n)}else{i()}}function ut(t,i,e){var a=false;K(n,function(r){if(o(t,"hx-"+r)){var n=G(t,"hx-"+r);a=true;i.path=n;i.verb=r;e.forEach(function(e){ft(t,e,i,function(e,t){lr(r,n,e,t)})})}});return a}function ft(n,e,t,r){if(e.sseEvent){at(n,r,e.sseEvent)}else if(e.trigger==="revealed"){$e();We(n,r,t,e);Ze(n)}else if(e.trigger==="intersect"){var i={};if(e.root){i.root=ne(n,e.root)}if(e.threshold){i.threshold=parseFloat(e.threshold)}var a=new IntersectionObserver(function(e){for(var t=0;t<e.length;t++){var r=e[t];if(r.isIntersecting){Q(n,"intersect");break}}},i);a.observe(n);We(n,r,t,e)}else if(e.trigger==="load"){if(!ze(e,yt("load",{elt:n}))){lt(n,r,t,e.delay)}}else if(e.pollInterval){t.polling=true;je(n,r,e)}else{We(n,r,t,e)}}function ct(e){if(e.type==="text/javascript"||e.type==="module"||e.type===""){var t=J().createElement("script");K(e.attributes,function(e){t.setAttribute(e.name,e.value)});t.textContent=e.textContent;t.async=false;if(W.config.inlineScriptNonce){t.nonce=W.config.inlineScriptNonce}var r=e.parentElement;try{r.insertBefore(t,e)}catch(e){St(e)}finally{r.removeChild(e)}}}function ht(e){if(d(e,"script")){ct(e)}K(O(e,"script"),function(e){ct(e)})}function dt(){return document.querySelector("[hx-boost], [data-hx-boost]")}function vt(e){if(e.querySelectorAll){var t=dt()?", a, form":"";var r=e.querySelectorAll(i+t+", [hx-sse], [data-hx-sse], [hx-ws],"+" [data-hx-ws], [hx-ext], [data-hx-ext]");return r}else{return[]}}function gt(r){var e=function(e){if(d(e.target,"button, input[type='submit']")){var t=Z(r);t.lastButtonClicked=e.target}};r.addEventListener("click",e);r.addEventListener("focusin",e);r.addEventListener("focusout",function(e){var t=Z(r);t.lastButtonClicked=null})}function pt(e){if(e.closest&&e.closest(W.config.disableSelector)){return}var t=Z(e);if(t.initHash!==de(e)){t.initHash=de(e);ve(e);Q(e,"htmx:beforeProcessNode");if(e.value){t.lastValue=e.value}var r=Xe(e);var n=ut(e,t,r);if(!n&&$(e,"hx-boost")==="true"){Ue(e,t,r)}if(e.tagName==="FORM"){gt(e)}var i=G(e,"hx-sse");if(i){rt(e,t,i)}var a=G(e,"hx-ws");if(a){Ke(e,t,a)}Q(e,"htmx:afterProcessNode")}}function mt(e){e=D(e);pt(e);K(vt(e),function(e){pt(e)})}function xt(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function yt(e,t){var r;if(window.CustomEvent&&typeof window.CustomEvent==="function"){r=new CustomEvent(e,{bubbles:true,cancelable:true,detail:t})}else{r=J().createEvent("CustomEvent");r.initCustomEvent(e,true,true,t)}return r}function Y(e,t,r){Q(e,t,re({error:t},r))}function bt(e){return e==="htmx:afterProcessNode"}function wt(e,t){K(gr(e),function(e){try{t(e)}catch(e){St(e)}})}function St(e){if(console.error){console.error(e)}else if(console.log){console.log("ERROR: ",e)}}function Q(e,t,r){e=D(e);if(r==null){r={}}r["elt"]=e;var n=yt(t,r);if(W.logger&&!bt(t)){W.logger(e,t,r)}if(r.error){St(r.error);Q(e,"htmx:error",{errorInfo:r})}var i=e.dispatchEvent(n);var a=xt(t);if(i&&a!==t){var o=yt(a,n.detail);i=i&&e.dispatchEvent(o)}wt(e,function(e){i=i&&e.onEvent(t,n)!==false});return i}var Et=location.pathname+location.search;function Ct(){var e=J().querySelector("[hx-history-elt],[data-hx-history-elt]");return e||J().body}function Rt(e,t,r,n){if(!E()){return}var i=S(localStorage.getItem("htmx-history-cache"))||[];for(var a=0;a<i.length;a++){if(i[a].url===e){i.splice(a,1);break}}var o={url:e,content:t,title:r,scroll:n};Q(J().body,"htmx:historyItemCreated",{item:o,cache:i});i.push(o);while(i.length>W.config.historyCacheSize){i.shift()}while(i.length>0){try{localStorage.setItem("htmx-history-cache",JSON.stringify(i));break}catch(e){Y(J().body,"htmx:historyCacheError",{cause:e,cache:i});i.shift()}}}function Ot(e){if(!E()){return null}var t=S(localStorage.getItem("htmx-history-cache"))||[];for(var r=0;r<t.length;r++){if(t[r].url===e){return t[r]}}return null}function qt(e){var t=W.config.requestClass;var r=e.cloneNode(true);K(O(r,"."+t),function(e){T(e,t)});return r.innerHTML}function Lt(){var e=Ct();var t=Et||location.pathname+location.search;Q(J().body,"htmx:beforeHistorySave",{path:t,historyElt:e});if(W.config.historyEnabled)history.replaceState({htmx:true},J().title,window.location.href);Rt(t,qt(e),J().title,window.scrollY)}function Tt(e){if(W.config.historyEnabled)history.pushState({htmx:true},"",e);Et=e}function Ht(e){if(W.config.historyEnabled)history.replaceState({htmx:true},"",e);Et=e}function At(e){K(e,function(e){e.call()})}function Nt(a){var e=new XMLHttpRequest;var o={path:a,xhr:e};Q(J().body,"htmx:historyCacheMiss",o);e.open("GET",a,true);e.setRequestHeader("HX-History-Restore-Request","true");e.onload=function(){if(this.status>=200&&this.status<400){Q(J().body,"htmx:historyCacheMissLoad",o);var e=g(this.response);e=e.querySelector("[hx-history-elt],[data-hx-history-elt]")||e;var t=Ct();var r=Zt(t);var n=Re(this.response);if(n){var i=R("title");if(i){i.innerHTML=n}else{window.document.title=n}}Se(t,e,r);At(r.tasks);Et=a;Q(J().body,"htmx:historyRestore",{path:a,cacheMiss:true,serverResponse:this.response})}else{Y(J().body,"htmx:historyCacheMissLoadError",o)}};e.send()}function It(e){Lt();e=e||location.pathname+location.search;var t=Ot(e);if(t){var r=g(t.content);var n=Ct();var i=Zt(n);Se(n,r,i);At(i.tasks);document.title=t.title;window.scrollTo(0,t.scroll);Et=e;Q(J().body,"htmx:historyRestore",{path:e,item:t})}else{if(W.config.refreshOnHistoryMiss){window.location.reload(true)}else{Nt(e)}}}function kt(e){var t=j(e,"hx-indicator");if(t==null){t=[e]}K(t,function(e){var t=Z(e);t.requestCount=(t.requestCount||0)+1;e.classList["add"].call(e.classList,W.config.requestClass)});return t}function Mt(e){K(e,function(e){var t=Z(e);t.requestCount=(t.requestCount||0)-1;if(t.requestCount===0){e.classList["remove"].call(e.classList,W.config.requestClass)}})}function Dt(e,t){for(var r=0;r<e.length;r++){var n=e[r];if(n.isSameNode(t)){return true}}return false}function Pt(e){if(e.name===""||e.name==null||e.disabled){return false}if(e.type==="button"||e.type==="submit"||e.tagName==="image"||e.tagName==="reset"||e.tagName==="file"){return false}if(e.type==="checkbox"||e.type==="radio"){return e.checked}return true}function Xt(t,r,n,e,i){if(e==null||Dt(t,e)){return}else{t.push(e)}if(Pt(e)){var a=f(e,"name");var o=e.value;if(e.multiple){o=y(e.querySelectorAll("option:checked")).map(function(e){return e.value})}if(e.files){o=y(e.files)}if(a!=null&&o!=null){var s=r[a];if(s){if(Array.isArray(s)){if(Array.isArray(o)){r[a]=s.concat(o)}else{s.push(o)}}else{if(Array.isArray(o)){r[a]=[s].concat(o)}else{r[a]=[s,o]}}}else{r[a]=o}}if(i){Ft(e,n)}}if(d(e,"form")){var l=e.elements;K(l,function(e){Xt(t,r,n,e,i)})}}function Ft(e,t){if(e.willValidate){Q(e,"htmx:validation:validate");if(!e.checkValidity()){t.push({elt:e,message:e.validationMessage,validity:e.validity});Q(e,"htmx:validation:failed",{message:e.validationMessage,validity:e.validity})}}}function jt(e,t){var r=[];var n={};var i={};var a=[];var o=Z(e);var s=d(e,"form")&&e.noValidate!==true||G(e,"hx-validate")==="true";if(o.lastButtonClicked){s=s&&o.lastButtonClicked.formNoValidate!==true}if(t!=="get"){Xt(r,i,a,N(e,"form"),s)}Xt(r,n,a,e,s);if(o.lastButtonClicked){var l=f(o.lastButtonClicked,"name");if(l){n[l]=o.lastButtonClicked.value}}var u=j(e,"hx-include");K(u,function(e){Xt(r,n,a,e,s);if(!d(e,"form")){K(e.querySelectorAll(Pe),function(e){Xt(r,n,a,e,s)})}});n=re(n,i);return{errors:a,values:n}}function Bt(e,t,r){if(e!==""){e+="&"}if(String(r)==="[object Object]"){r=JSON.stringify(r)}var n=encodeURIComponent(r);e+=encodeURIComponent(t)+"="+n;return e}function Ut(e){var t="";for(var r in e){if(e.hasOwnProperty(r)){var n=e[r];if(Array.isArray(n)){K(n,function(e){t=Bt(t,r,e)})}else{t=Bt(t,r,n)}}}return t}function Vt(e){var t=new FormData;for(var r in e){if(e.hasOwnProperty(r)){var n=e[r];if(Array.isArray(n)){K(n,function(e){t.append(r,e)})}else{t.append(r,n)}}}return t}function _t(e,t,r){var n={"HX-Request":"true","HX-Trigger":f(e,"id"),"HX-Trigger-Name":f(e,"name"),"HX-Target":G(t,"id"),"HX-Current-URL":J().location.href};Yt(e,"hx-headers",false,n);if(r!==undefined){n["HX-Prompt"]=r}if(Z(e).boosted){n["HX-Boosted"]="true"}return n}function zt(t,e){var r=$(e,"hx-params");if(r){if(r==="none"){return{}}else if(r==="*"){return t}else if(r.indexOf("not ")===0){K(r.substr(4).split(","),function(e){e=e.trim();delete t[e]});return t}else{var n={};K(r.split(","),function(e){e=e.trim();n[e]=t[e]});return n}}else{return t}}function Wt(e){return f(e,"href")&&f(e,"href").indexOf("#")>=0}function Gt(e,t){var r=t?t:$(e,"hx-swap");var n={swapStyle:Z(e).boosted?"innerHTML":W.config.defaultSwapStyle,swapDelay:W.config.defaultSwapDelay,settleDelay:W.config.defaultSettleDelay};if(Z(e).boosted&&!Wt(e)){n["show"]="top"}if(r){var i=w(r);if(i.length>0){n["swapStyle"]=i[0];for(var a=1;a<i.length;a++){var o=i[a];if(o.indexOf("swap:")===0){n["swapDelay"]=v(o.substr(5))}if(o.indexOf("settle:")===0){n["settleDelay"]=v(o.substr(7))}if(o.indexOf("scroll:")===0){var s=o.substr(7);var l=s.split(":");var f=l.pop();var u=l.length>0?l.join(":"):null;n["scroll"]=f;n["scrollTarget"]=u}if(o.indexOf("show:")===0){var c=o.substr(5);var l=c.split(":");var h=l.pop();var u=l.length>0?l.join(":"):null;n["show"]=h;n["showTarget"]=u}if(o.indexOf("focus-scroll:")===0){var d=o.substr("focus-scroll:".length);n["focusScroll"]=d=="true"}}}}return n}function Jt(e){return $(e,"hx-encoding")==="multipart/form-data"||d(e,"form")&&f(e,"enctype")==="multipart/form-data"}function $t(t,r,n){var i=null;wt(r,function(e){if(i==null){i=e.encodeParameters(t,n,r)}});if(i!=null){return i}else{if(Jt(r)){return Vt(n)}else{return Ut(n)}}}function Zt(e){return{tasks:[],elts:[e]}}function Kt(e,t){var r=e[0];var n=e[e.length-1];if(t.scroll){var i=null;if(t.scrollTarget){i=ne(r,t.scrollTarget)}if(t.scroll==="top"&&(r||i)){i=i||r;i.scrollTop=0}if(t.scroll==="bottom"&&(n||i)){i=i||n;i.scrollTop=i.scrollHeight}}if(t.show){var i=null;if(t.showTarget){var a=t.showTarget;if(t.showTarget==="window"){a="body"}i=ne(r,a)}if(t.show==="top"&&(r||i)){i=i||r;i.scrollIntoView({block:"start",behavior:W.config.scrollBehavior})}if(t.show==="bottom"&&(n||i)){i=i||n;i.scrollIntoView({block:"end",behavior:W.config.scrollBehavior})}}}function Yt(e,t,r,n){if(n==null){n={}}if(e==null){return n}var i=G(e,t);if(i){var a=i.trim();var o=r;if(a==="unset"){return null}if(a.indexOf("javascript:")===0){a=a.substr(11);o=true}else if(a.indexOf("js:")===0){a=a.substr(3);o=true}if(a.indexOf("{")!==0){a="{"+a+"}"}var s;if(o){s=Qt(e,function(){return Function("return ("+a+")")()},{})}else{s=S(a)}for(var l in s){if(s.hasOwnProperty(l)){if(n[l]==null){n[l]=s[l]}}}}return Yt(u(e),t,r,n)}function Qt(e,t,r){if(W.config.allowEval){return t()}else{Y(e,"htmx:evalDisallowedError");return r}}function er(e,t){return Yt(e,"hx-vars",true,t)}function tr(e,t){return Yt(e,"hx-vals",false,t)}function rr(e){return re(er(e),tr(e))}function nr(t,r,n){if(n!==null){try{t.setRequestHeader(r,n)}catch(e){t.setRequestHeader(r,encodeURIComponent(n));t.setRequestHeader(r+"-URI-AutoEncoded","true")}}}function ir(t){if(t.responseURL&&typeof URL!=="undefined"){try{var e=new URL(t.responseURL);return e.pathname+e.search}catch(e){Y(J().body,"htmx:badResponseUrl",{url:t.responseURL})}}}function ar(e,t){return e.getAllResponseHeaders().match(t)}function or(e,t,r){e=e.toLowerCase();if(r){if(r instanceof Element||p(r,"String")){return lr(e,t,null,null,{targetOverride:D(r),returnPromise:true})}else{return lr(e,t,D(r.source),r.event,{handler:r.handler,headers:r.headers,values:r.values,targetOverride:D(r.target),swapOverride:r.swap,returnPromise:true})}}else{return lr(e,t,null,null,{returnPromise:true})}}function sr(e){var t=[];while(e){t.push(e);e=e.parentElement}return t}function lr(e,t,n,r,i,f){var c=null;var h=null;i=i!=null?i:{};if(i.returnPromise&&typeof Promise!=="undefined"){var d=new Promise(function(e,t){c=e;h=t})}if(n==null){n=J().body}var v=i.handler||fr;if(!te(n)){return}var g=i.targetOverride||oe(n);if(g==null||g==ie){Y(n,"htmx:targetError",{target:G(n,"hx-target")});return}if(!f){var p=function(){return lr(e,t,n,r,i,true)};var m={target:g,elt:n,path:t,verb:e,triggeringEvent:r,etc:i,issueRequest:p};if(Q(n,"htmx:confirm",m)===false){return}}var x=n;var a=Z(n);var y=$(n,"hx-sync");var b=null;var w=false;if(y){var S=y.split(":");var E=S[0].trim();if(E==="this"){x=ae(n,"hx-sync")}else{x=ne(n,E)}y=(S[1]||"drop").trim();a=Z(x);if(y==="drop"&&a.xhr&&a.abortable!==true){return}else if(y==="abort"){if(a.xhr){return}else{w=true}}else if(y==="replace"){Q(x,"htmx:abort")}else if(y.indexOf("queue")===0){var C=y.split(" ");b=(C[1]||"last").trim()}}if(a.xhr){if(a.abortable){Q(x,"htmx:abort")}else{if(b==null){if(r){var R=Z(r);if(R&&R.triggerSpec&&R.triggerSpec.queue){b=R.triggerSpec.queue}}if(b==null){b="last"}}if(a.queuedRequests==null){a.queuedRequests=[]}if(b==="first"&&a.queuedRequests.length===0){a.queuedRequests.push(function(){lr(e,t,n,r,i)})}else if(b==="all"){a.queuedRequests.push(function(){lr(e,t,n,r,i)})}else if(b==="last"){a.queuedRequests=[];a.queuedRequests.push(function(){lr(e,t,n,r,i)})}return}}var o=new XMLHttpRequest;a.xhr=o;a.abortable=w;var s=function(){a.xhr=null;a.abortable=false;if(a.queuedRequests!=null&&a.queuedRequests.length>0){var e=a.queuedRequests.shift();e()}};var O=$(n,"hx-prompt");if(O){var q=prompt(O);if(q===null||!Q(n,"htmx:prompt",{prompt:q,target:g})){ee(c);s();return d}}var L=$(n,"hx-confirm");if(L){if(!confirm(L)){ee(c);s();return d}}var T=_t(n,g,q);if(i.headers){T=re(T,i.headers)}var H=jt(n,e);var A=H.errors;var N=H.values;if(i.values){N=re(N,i.values)}var I=rr(n);var k=re(N,I);var M=zt(k,n);if(e!=="get"&&!Jt(n)){T["Content-Type"]="application/x-www-form-urlencoded"}if(t==null||t===""){t=J().location.href}var D=Yt(n,"hx-request");var P=Z(n).boosted;var l={boosted:P,parameters:M,unfilteredParameters:k,headers:T,target:g,verb:e,errors:A,withCredentials:i.credentials||D.credentials||W.config.withCredentials,timeout:i.timeout||D.timeout||W.config.timeout,path:t,triggeringEvent:r};if(!Q(n,"htmx:configRequest",l)){ee(c);s();return d}t=l.path;e=l.verb;T=l.headers;M=l.parameters;A=l.errors;if(A&&A.length>0){Q(n,"htmx:validation:halted",l);ee(c);s();return d}var X=t.split("#");var F=X[0];var j=X[1];var B=null;if(e==="get"){B=F;var U=Object.keys(M).length!==0;if(U){if(B.indexOf("?")<0){B+="?"}else{B+="&"}B+=Ut(M);if(j){B+="#"+j}}o.open("GET",B,true)}else{o.open(e.toUpperCase(),t,true)}o.overrideMimeType("text/html");o.withCredentials=l.withCredentials;o.timeout=l.timeout;if(D.noHeaders){}else{for(var V in T){if(T.hasOwnProperty(V)){var _=T[V];nr(o,V,_)}}}var u={xhr:o,target:g,requestConfig:l,etc:i,boosted:P,pathInfo:{requestPath:t,finalRequestPath:B||t,anchor:j}};o.onload=function(){try{var e=sr(n);u.pathInfo.responsePath=ir(o);v(n,u);Mt(z);Q(n,"htmx:afterRequest",u);Q(n,"htmx:afterOnLoad",u);if(!te(n)){var t=null;while(e.length>0&&t==null){var r=e.shift();if(te(r)){t=r}}if(t){Q(t,"htmx:afterRequest",u);Q(t,"htmx:afterOnLoad",u)}}ee(c);s()}catch(e){Y(n,"htmx:onLoadError",re({error:e},u));throw e}};o.onerror=function(){Mt(z);Y(n,"htmx:afterRequest",u);Y(n,"htmx:sendError",u);ee(h);s()};o.onabort=function(){Mt(z);Y(n,"htmx:afterRequest",u);Y(n,"htmx:sendAbort",u);ee(h);s()};o.ontimeout=function(){Mt(z);Y(n,"htmx:afterRequest",u);Y(n,"htmx:timeout",u);ee(h);s()};if(!Q(n,"htmx:beforeRequest",u)){ee(c);s();return d}var z=kt(n);K(["loadstart","loadend","progress","abort"],function(t){K([o,o.upload],function(e){e.addEventListener(t,function(e){Q(n,"htmx:xhr:"+t,{lengthComputable:e.lengthComputable,loaded:e.loaded,total:e.total})})})});Q(n,"htmx:beforeSend",u);o.send(e==="get"?null:$t(o,n,M));return d}function ur(e,t){var r=t.xhr;var n=null;var i=null;if(ar(r,/HX-Push:/i)){n=r.getResponseHeader("HX-Push");i="push"}else if(ar(r,/HX-Push-Url:/i)){n=r.getResponseHeader("HX-Push-Url");i="push"}else if(ar(r,/HX-Replace-Url:/i)){n=r.getResponseHeader("HX-Replace-Url");i="replace"}if(n){if(n==="false"){return{}}else{return{type:i,path:n}}}var a=t.pathInfo.finalRequestPath;var o=t.pathInfo.responsePath;var s=$(e,"hx-push-url");var f=$(e,"hx-replace-url");var c=Z(e).boosted;var l=null;var u=null;if(s){l="push";u=s}else if(f){l="replace";u=f}else if(c){l="push";u=o||a}if(u){if(u==="false"){return{}}if(u==="true"){u=o||a}if(t.pathInfo.anchor&&u.indexOf("#")===-1){u=u+"#"+t.pathInfo.anchor}return{type:l,path:u}}else{return{}}}function fr(s,l){var u=l.xhr;var f=l.target;var n=l.etc;if(!Q(s,"htmx:beforeOnLoad",l))return;if(ar(u,/HX-Trigger:/i)){qe(u,"HX-Trigger",s)}if(ar(u,/HX-Location:/i)){Lt();var e=u.getResponseHeader("HX-Location");var c;if(e.indexOf("{")===0){c=S(e);e=c["path"];delete c["path"]}or("GET",e,c).then(function(){Tt(e)});return}if(ar(u,/HX-Redirect:/i)){location.href=u.getResponseHeader("HX-Redirect");return}if(ar(u,/HX-Refresh:/i)){if("true"===u.getResponseHeader("HX-Refresh")){location.reload();return}}if(ar(u,/HX-Retarget:/i)){l.target=J().querySelector(u.getResponseHeader("HX-Retarget"))}var h=ur(s,l);var i=u.status>=200&&u.status<400&&u.status!==204;var d=u.response;var t=u.status>=400;var r=re({shouldSwap:i,serverResponse:d,isError:t},l);if(!Q(f,"htmx:beforeSwap",r))return;f=r.target;d=r.serverResponse;t=r.isError;l.failed=t;l.successful=!t;if(r.shouldSwap){if(u.status===286){Fe(s)}wt(s,function(e){d=e.transformResponse(d,u,s)});if(h.type){Lt()}var a=n.swapOverride;if(ar(u,/HX-Reswap:/i)){a=u.getResponseHeader("HX-Reswap")}var c=Gt(s,a);f.classList.add(W.config.swappingClass);var o=function(){try{var e=document.activeElement;var t={};try{t={elt:e,start:e?e.selectionStart:null,end:e?e.selectionEnd:null}}catch(e){}var n=Zt(f);Oe(c.swapStyle,f,s,d,n);if(t.elt&&!te(t.elt)&&t.elt.id){var r=document.getElementById(t.elt.id);var i={preventScroll:c.focusScroll!==undefined?!c.focusScroll:!W.config.defaultFocusScroll};if(r){if(t.start&&r.setSelectionRange){r.setSelectionRange(t.start,t.end)}r.focus(i)}}f.classList.remove(W.config.swappingClass);K(n.elts,function(e){if(e.classList){e.classList.add(W.config.settlingClass)}Q(e,"htmx:afterSwap",l)});if(ar(u,/HX-Trigger-After-Swap:/i)){var a=s;if(!te(s)){a=J().body}qe(u,"HX-Trigger-After-Swap",a)}var o=function(){K(n.tasks,function(e){e.call()});K(n.elts,function(e){if(e.classList){e.classList.remove(W.config.settlingClass)}Q(e,"htmx:afterSettle",l)});if(h.type){if(h.type==="push"){Tt(h.path);Q(J().body,"htmx:pushedIntoHistory",{path:h.path})}else{Ht(h.path);Q(J().body,"htmx:replacedInHistory",{path:h.path})}}if(l.pathInfo.anchor){var e=R("#"+l.pathInfo.anchor);if(e){e.scrollIntoView({block:"start",behavior:"auto"})}}if(n.title){var t=R("title");if(t){t.innerHTML=n.title}else{window.document.title=n.title}}Kt(n.elts,c);if(ar(u,/HX-Trigger-After-Settle:/i)){var r=s;if(!te(s)){r=J().body}qe(u,"HX-Trigger-After-Settle",r)}};if(c.settleDelay>0){setTimeout(o,c.settleDelay)}else{o()}}catch(e){Y(s,"htmx:swapError",l);throw e}};if(c.swapDelay>0){setTimeout(o,c.swapDelay)}else{o()}}if(t){Y(s,"htmx:responseError",re({error:"Response Status Error Code "+u.status+" from "+l.pathInfo.requestPath},l))}}var cr={};function hr(){return{init:function(e){return null},onEvent:function(e,t){return true},transformResponse:function(e,t,r){return e},isInlineSwap:function(e){return false},handleSwap:function(e,t,r,n){return false},encodeParameters:function(e,t,r){return null}}}function dr(e,t){if(t.init){t.init(r)}cr[e]=re(hr(),t)}function vr(e){delete cr[e]}function gr(e,r,n){if(e==undefined){return r}if(r==undefined){r=[]}if(n==undefined){n=[]}var t=G(e,"hx-ext");if(t){K(t.split(","),function(e){e=e.replace(/ /g,"");if(e.slice(0,7)=="ignore:"){n.push(e.slice(7));return}if(n.indexOf(e)<0){var t=cr[e];if(t&&r.indexOf(t)<0){r.push(t)}}})}return gr(u(e),r,n)}function pr(e){if(J().readyState!=="loading"){e()}else{J().addEventListener("DOMContentLoaded",e)}}function mr(){if(W.config.includeIndicatorStyles!==false){J().head.insertAdjacentHTML("beforeend","<style>                      ."+W.config.indicatorClass+"{opacity:0;transition: opacity 200ms ease-in;}                      ."+W.config.requestClass+" ."+W.config.indicatorClass+"{opacity:1}                      ."+W.config.requestClass+"."+W.config.indicatorClass+"{opacity:1}                    </style>")}}function xr(){var e=J().querySelector('meta[name="htmx-config"]');if(e){return S(e.content)}else{return null}}function yr(){var e=xr();if(e){W.config=re(W.config,e)}}pr(function(){yr();mr();var e=J().body;mt(e);var t=J().querySelectorAll("[hx-trigger='restored'],[data-hx-trigger='restored']");e.addEventListener("htmx:abort",function(e){var t=e.target;var r=Z(t);if(r&&r.xhr){r.xhr.abort()}});window.onpopstate=function(e){if(e.state&&e.state.htmx){It();K(t,function(e){Q(e,"htmx:restored",{document:J(),triggerEvent:Q})})}};setTimeout(function(){Q(e,"htmx:load",{})},0)});return W}()});
\ No newline at end of file
diff --git a/js/themes.js b/js/themes.js
index 6cffecf9..6c9241eb 100644
--- a/js/themes.js
+++ b/js/themes.js
@@ -10,7 +10,7 @@ if (localStorage.getItem('theme')) {
 
 function updateCSS() {
 	if (!root.getPropertyValue('--site-background').includes(theme.background)) {
-		root.setProperty('--site-background', 'url("' + (theme.background || '/img/lowpolyBackground.svg') + '")');
+		root.setProperty('--site-background', 'url("' + (theme.background || '../img/lowpolyBackground.svg') + '")');
 	}
 	// root.setProperty("--color-primary", theme.SOMETHING);
 	// root.setProperty("--color-selected", theme.SOMETHING);
@@ -38,7 +38,7 @@ function rainbowMode() {
 }
 
 function resetTheme() {
-	theme = {huerotate:0, background:'/img/lowpolyBackground.svg', readablebrightness:0.3, rainbow:0};
+	theme = {huerotate:0, background:'../img/lowpolyBackground.svg', readablebrightness:0.3, rainbow:0};
 	localStorage.setItem('theme', JSON.stringify(theme));
 	updateCSS();
 	if (window.location.href.includes('/theme/')) {
diff --git a/legal/index.php b/legal/index.html
similarity index 93%
rename from legal/index.php
rename to legal/index.html
index a454ed6e..33a6c3eb 100644
--- a/legal/index.php
+++ b/legal/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Card Conjurer - Legal';
-$desc = 'One does not simply make custom cards. Inform yourself on any rules and restrictions by reading these terms and conditions.';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
 	<h2 class='readable-background header-extension title center margin-bottom-large'>Terms and Conditions</h2>
 	<div class='main-content'>
 		<div class='readable-background layer margin-bottom-large'>
@@ -62,4 +58,4 @@ include('../globalHTML/header-1.php');
 			</h5>
 		</div>
 	</div>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/old/delete.html b/old/delete.html
deleted file mode 100644
index 7fe2d398..00000000
--- a/old/delete.html
+++ /dev/null
@@ -1,282 +0,0 @@
-<!DOCTYPE html5>
-<html>
-<head>
-    <script async src="/data/scripts/localStorage.js"></script>
-    <link rel="stylesheet" href="/data/styles/main.css">
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="apple-touch-icon" sizes="180x180" href="/data/site/favicons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/data/site/favicons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/data/site/favicons/favicon-16x16.png">
-    <link rel="manifest" href="/data/site/favicons/site.webmanifest">
-</head>
-<link rel="preload" href="/data/fonts/gotham-medium.ttf" as="font" type="font/ttf" crossorigin="anonymous">
-<link rel="preload" href="/data/fonts/beleren-b.ttf" as="font" type="font/ttf" crossorigin="anonymous">
-<link rel="preload" href="/data/fonts/beleren-bsc.ttf" as="font" type="font/ttf" crossorigin="anonymous">
-<link rel="preload" href="/data/fonts/matrix.ttf" as="font" type="font/ttf" crossorigin="anonymous">
-<link rel="preload" href="/data/fonts/mplantin.ttf" as="font" type="font/ttf" crossorigin="anonymous">
-<link rel="preload" href="/data/fonts/mplantin-i.ttf" as="font" type="font/ttf" crossorigin="anonymous">
-<link rel="preload" href="/data/fonts/goudy-medieval.ttf" as="font" type="font/ttf" crossorigin="anonymous">
-<body>
-	<title>Card Conjurer</title>
-	<div class='title layer'>Card Conjurer</div>
-	<script>
-		alert("The old version of Card Conjurer will be taken offline at some point in the future, as early as April 2021. Sorry for the inconvenience.")
-		var cardWidth = 1500, cardHeight = 2100
-		if (window.location.search != "") {
-	        var parameters = window.location.search.replace('?', '').split('&');
-	        for (var i = 0; i < parameters.length; i ++) {
-	            var targetParameter = parameters[i].split('=');
-	            if (targetParameter[0] == 'scale') {
-	                cardWidth *= parseFloat(targetParameter[1]);
-	                cardHeight = cardWidth / 5 * 7;
-	            }
-	        }
-	    }
-	</script>
-	<div class='mainGrid'>
-		<canvas id="previewCanvas"></canvas>
-		<div>
-			<div class='tabPicker' id='tabPicker'>
-				<div onclick='toggleTabs(this, "frameTab")' class='selected interactable'>Frame</div>
-				<div onclick='toggleTabs(this, "textTab")' class='interactable'>Text</div>
-				<div onclick='toggleTabs(this, "artTab")' class='interactable'>Art</div>
-				<div onclick='toggleTabs(this, "setSymbolTab")' class='interactable'>Set Symbol</div>
-				<div onclick='toggleTabs(this, "watermarkTab")' class='interactable'>Watermark</div>
-				<div onclick='toggleTabs(this, "collectorTab")' class='interactable'>Collector</div>
-				<div onclick='toggleTabs(this, "importTab")' class='interactable'>Import/Save</div>
-				<div onclick='{toggleTabs(this, "tutorialTab"); if (document.getElementById("tutorial").src == "") {document.getElementById("tutorial").src = "https://www.youtube.com/embed/UrNk6I55S0Q"}}' class='interactable'>Tutorial</div>
-			</div>
-			<div id='tabOptions'>
-				<div id='frameTab'>
-					<div class="splitGrid">
-						<div>
-							Select a frame version:<br>
-							<select id="inputFrameVersion" onchange="loadVersion(this.value)">
-								<option disabled value=''>Standard Frames</option>
-				                <option value="m15">Regular</option>
-				                <option value="token">Tokens</option>
-				                <option value="m15Planeswalker">M15 Planeswalker</option>
-				                <option value="saga">Sagas</option>
-				                <option disabled value=''>Special Frames</option>
-				                <option value="m15Promo">Promo (Tall-Art)</option>
-				                <option value="m15Textless">Textless/Fullart</option>
-				                <option value="expedition">Zendikar Expeditions</option>
-				                <option value="modal">Modal (Front only)</option>
-				                <option value="short">Short Modal</option>
-				                <option disabled value=''>Standalone Frames</option>
-				                <option value="storybook">Eldraine Storybook</option>
-				                <option value="ixalan">Ixalan Maps</option>
-				                <option value="unstable">Unstable Basics</option>
-				                <option value="future">Future Shifted</option>
-				                <option disabled value=''>Old Frames</option>
-				                <option value="seventh">Seventh Edition</option>
-				                <option value="seventhTextless">Textless Seventh Edition</option>
-				                <option value="legends">Legends Multicolored</option>
-				                <option disabled value=''>Misc. Frames</option>
-				                <option value="planechase">Planechase</option>
-				                <option value="bleedEdge">1/8th Inch Bleed Edge</option>
-				            </select>
-						</div>
-						<div>
-							Load a frame pack:<br>
-							<select id="inputFramePack" onchange="loadScript('/data/scripts/versions/' + document.getElementById('inputFrameVersion').value + '/' + this.value + '.js')">
-				                <option value="regular">Regular</option>
-				            </select>
-						</div>
-					</div>
-					<div class="splitGrid">
-				        <div id="framePicker" class="frameGrid"></div>
-				        <div id="maskPicker"></div>
-				    </div>
-				    
-				    <div class='autoGrid'>
-					    <button onclick='addSelectedFrame()'>Add</button>
-					    <button onclick='addSelectedFrame(["Right Half"])'>Add To Right Half</button>
-					    <button onclick='addSelectedFrame(["Middle Third"])'>Add To Middle Third</button>
-					</div>
-					<div id='previewSelectedFrame'>
-				    	(Selected: None)
-				    </div>
-					<div id="cardMaster">
-
-				    </div>
-				    <div id='cardMasterElementEditor' class='hidden'>
-				    	X: <input id='cardMasterElementEditorX' type='number' oninput='cardMasterElementEdited()'>
-				    	Y: <input id='cardMasterElementEditorY' type='number' oninput='cardMasterElementEdited()'>
-				    	Scale: <input id='cardMasterElementEditorScale' type='number' oninput='cardMasterElementEdited()'>
-				    	Opacity: <input id='cardMasterElementEditorOpacity' type='number' min='0' max='100' oninput='cardMasterElementEdited()'>
-				    	Erase: <input id='cardMasterElementEditorErase' type='checkbox' onchange='cardMasterElementEdited()'>
-				    </div><br>
-				    <div>Upload your own frame images:</div>
-			        <div class="autoGrid">
-			            <input type="file" accept="image/*" onchange="uploadLocalFrameImage(event)" placeholder="Via File Upload">
-			            <input type="text" placeholder="Via URL" onchange="addUploadedFrameImage('https://cors-anywhere.herokuapp.com/' + this.value)">
-			        </div>
-				</div>
-				<div id='textTab' class='hidden'>
-					<input type="text" placeholder="Mana Cost" id="inputManaCost" oninput="manaCostUpdated()" value="">
-					<div id='textPicker'></div>
-					<div id='textEditor'>
-						Text: <textarea id='textEditorText' oninput='cardTextEdited()'></textarea>
-						X: <input id='textEditorX' type='number' oninput='cardTextEdited()'>
-						Y: <input id='textEditorY' type='number' oninput='cardTextEdited()'>
-						Width: <input id='textEditorWidth' type='number' oninput='cardTextEdited()'>
-						Height: <input id='textEditorHeight' type='number' oninput='cardTextEdited()'>
-					</div>
-					<div id='textCodeReference'>
-
-					</div>
-				</div>
-				<div id='artTab' class='hidden'>
-					<div class="splitGrid">
-			            <div>
-			                <input type="file" accept="image/*" onchange="uploadImage(event, cardArt)" placeholder="Via File Upload">
-			                <input type="text" placeholder="Via URL" onchange="cardArt.src = 'https://cors-anywhere.herokuapp.com/' + this.value">
-			                <input type="text" id="inputCardArtName" onchange="inputCardArtName(this.value)" placeholder="Via Card Name">
-			                <input type="number" id="inputCardArtNameNumber" onchange="inputCardArtNameNumber(this.value)" value="" min="1" max="1" placeholder="Which Art From Card Name">
-			                <input type="text" placeholder="Artist's Name" id="inputInfoArtist2" oninput="artistNameUpdated(this.value)" value="">
-			            </div>
-			            <div>
-			                <div>X, Y, &amp; Zoom:</div>
-			                <input type="number" value="0" id="inputCardArtX" oninput="cardArtUpdated()">
-			                <input type="number" value="0" id="inputCardArtY" oninput="cardArtUpdated()">
-			                <input type="number" value="100" step="0.1" min="0" id="inputCardArtZoom" oninput="cardArtUpdated()">
-			            </div>
-			        </div>
-			        <div>
-				    	To hide the art, set the Zoom value to 0.
-				    </div>
-				</div>
-				<div id='collectorTab' class='hidden'>
-					<div>
-						<div class="autoGrid">
-					        <input type="text" placeholder="Number" id="inputInfoNumber" oninput="bottomInfoUpdated()" value="">
-					        <input type="text" placeholder="Rarity" id="inputInfoRarity" oninput="bottomInfoUpdated()" value="P">
-					        <input type="text" placeholder="Set" id="inputInfoSet" oninput="bottomInfoUpdated()" value="MTG">
-					        <input type="text" placeholder="Language" id="inputInfoLanguage" oninput="bottomInfoUpdated()" value="EN">
-					        <input type="text" placeholder="Artist's Name" id="inputInfoArtist" oninput="artistNameUpdated(this.value)" value="">
-					    </div>
-					    Remember that you must properly credit the artist before downloading your card!
-					</div>
-				</div>
-				<div id='setSymbolTab' class='hidden'>
-					<div class="splitGrid">
-						<div>
-					        <input type="file" accept="image/*" onchange="uploadImage(event, setSymbol)" placeholder="Via File Upload">
-					        <input type="text" placeholder="Via URL" onchange="setSymbol.src = 'https://cors-anywhere.herokuapp.com/' + this.value">
-					        <input type="text" id="inputSetCode" placeholder="Via Set Code" onchange="setSymbolFromGatherer()">
-					        <input type="text" id="inputSetRarity" placeholder="Rarity" onchange="setSymbolFromGatherer()">
-					    </div>
-					    <div>
-					    	<div>X, Y, &amp; Zoom:</div>
-			                <input type="number" value="0" id="inputSetSymbolX" oninput="setSymbol.onload()">
-			                <input type="number" value="0" id="inputSetSymbolY" oninput="setSymbol.onload()">
-			                <input type="number" value="100" step="0.1" min="0" id="inputSetSymbolZoom" oninput="setSymbol.onload()">
-					    </div>
-				    </div>
-				    <div>
-				    	To hide the set symbol, set the Zoom value to 0.
-				    </div>
-				</div>
-				<div id='watermarkTab' class='hidden'>
-					<div class="autoGrid">
-			            <input type="file" accept="image/*" onchange="uploadImage(event, watermark)" placeholder="Via File Upload">
-			            <input type="text" placeholder="Via URL" onchange="watermark.src = 'https://cors-anywhere.herokuapp.com/' + this.value">
-			            <input type="text" placeholder="Via Set Code" onchange="cropSVG(this.value, watermark)">
-			            <select id="inputWatermarkPrimary" onchange="watermarkUpdated()">
-			                <option value="none">None</option>
-			                <option value="default">Default</option>
-			                <option value="#ccc8b1" selected="selected">White</option>
-			                <option value="#b0c3d5">Blue</option>
-			                <option value="#b3b3b3">Black</option>
-			                <option value="#ddac9b">Red</option>
-			                <option value="#b9c8b5">Green</option>
-			                <option value="#e4d49b">Gold</option>
-			                <option value="#b4bec6">Artifact/Colorless</option>
-			                <option value="#cfc8be">Land</option>
-			                <option value="#ffffff">True White</option>
-			            </select>
-			            <select id="inputWatermarkSecondary" onchange="watermarkUpdated()">
-			                <option value="none">None</option>
-			                <option value="default">Default</option>
-			                <option value="#ccc8b1">White</option>
-			                <option value="#b0c3d5">Blue</option>
-			                <option value="#b3b3b3">Black</option>
-			                <option value="#ddac9b">Red</option>
-			                <option value="#b9c8b5">Green</option>
-			                <option value="#e4d49b">Gold</option>
-			                <option value="#b4bec6">Artifact/Colorless</option>
-			                <option value="#cfc8be">Land</option>
-			                <option value="#ffffff">True White</option>
-			            </select>
-			            <input id='inputWatermarkOpacity' type="number" placeholder="Opacity" oninput="watermarkUpdated()" min='0' max='100' value='100'>
-			        </div>
-				</div>
-				<div id='importTab' class='hidden'>
-					<div>
-						Import a real card:
-				        <input type="text" class="input text" id="inputCardNameTextImport" onchange="inputCardNameTextImport(this.value)" placeholder="Via Card Name">
-				        Select which card to import:
-				        <input type="number" class="input number" id="inputCardNameNumberTextImport" onchange="inputCardNameNumberTextImport(this.value)" value="1" min="1" max="1">
-				    </div><br>
-					<div>
-						Load a saved card:
-						<select id="inputCardToImport" onchange="importSavedCard(this.value)">
-							<option disabled selected='selected'>None selected</option>
-						</select>
-						<button onclick='saveCard()'>Save current card</button>
-						<button onclick='deleteCard()'>Delete selected card</button>
-					</div><br>
-					<div>
-						Cards are saved to your browser's local storage. If you plan on clearing site data or switching devices, you can download your saved cards here:
-						<button onclick='downloadSavedCards()'>Download all saved cards</button>
-						And upload your saved cards file here:
-						<input oninput='uploadSavedCards(event)' type='file'>
-					</div>
-				</div>
-				<div id='tutorialTab' class='hidden' style='width: 100%; height: 56.25%;'>
-					<iframe width='1920' height='1080' allowfullscreen style='width: 100%; height:100%; border: none;' id='tutorial'></iframe>
-				</div>
-			</div>
-			<div class='downloadCardImage'>
-				<a onclick="downloadCardImage(this)" id="downloadCardImage" href="" target="_blank" download="card.png">Download</a>
-			</div>
-		</div>
-	</div>
-	<div class='animated layer slideFromRight'>
-		<!-- <div class='cardLayerGrid'>
-			<blockquote class="twitter-tweet" data-theme="dark"><p lang="en" dir="ltr">Eldrazi Titans, Zendikar Rising Showcase. Now THIS would be an epic Secret Lair 👀<a href="https://twitter.com/hashtag/mtg?src=hash&amp;ref_src=twsrc%5Etfw">#mtg</a> <a href="https://twitter.com/hashtag/mtgproxy?src=hash&amp;ref_src=twsrc%5Etfw">#mtgproxy</a> <a href="https://twitter.com/hashtag/cardconjurer?src=hash&amp;ref_src=twsrc%5Etfw">#cardconjurer</a> <a href="https://t.co/TXDCeZyBDY">pic.twitter.com/TXDCeZyBDY</a></p>&mdash; 𝐊𝐲𝐥𝐞 𝐁𝐮𝐫𝐭𝐨𝐧 🧙‍♂️ (@ImKyle4815) <a href="https://twitter.com/ImKyle4815/status/1309512231659417603?ref_src=twsrc%5Etfw">September 25, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-			<div> -->
-				<div class='title'>
-					Share Your Cards!
-				</div>
-				<div class="justify">
-					I'd love to see what custom cards you're making, and I'm sure others would too! Post a picture on Twitter with <a style='color: #00aced;' href="https://twitter.com/search?q=%23CardConjurer&src=typed_query&f=live" target='_blank'>#CardConjurer</a>, or just check out what others have made!
-				</div>
-			<!-- </div>
-		</div> -->
-	</div>
-    <div class='animated layer slideFromLeft'>
-        <div class='cardLayerGrid'>
-            <div>
-                <div class='title'>
-                    How You Can Help
-                </div>
-                <div class="justify">
-                    As a student on a tight budget, it can be hard to afford Magic. If you've enjoyed using Card Conjurer and would like to help me attend a draft or continue working on Card Conjurer, you can make a small donation via <a style='color: #3b7bbf;' href="https://www.paypal.me/kyleburtondonate" target='_blank'>PayPal</a>. If you prefer other methods of supporting, I have a <a style='color: #28abdf;' href="https://ko-fi.com/kyleburton" target='_blank'>Ko-Fi</a> and <a style='color: #f96854;' href="https://www.patreon.com/KyleBurton" target='_blank'>Patreon</a> as well. Any assistance is greatly appreciated!
-                </div>
-            </div>
-        </div>
-    </div>
-    <script defer src="/data/scripts/sortable.js"></script>
-	<script defer src="/data/scripts/main.js"></script>
-	<script defer src="/data/scripts/versions/m15/version.js"></script>
-	<script defer src="/data/scripts/localCardStorage.js"></script>
-	<div class='notificationContainer'></div>
-</body>
-<footer id='footer'>
-	<script async src='/data/scripts/footer.js'></script>
-	<script defer src="/data/scripts/animations.js"></script>
-</footer>
-<html>
diff --git a/phyrexian/index.php b/phyrexian/index.html
similarity index 87%
rename from phyrexian/index.php
rename to phyrexian/index.html
index 0f3468e9..ad9b23aa 100644
--- a/phyrexian/index.php
+++ b/phyrexian/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Phyrexian Text Generator';
-$desc = 'Generate random strands of phyrexian text for use with Card Conjurer, the custom Magic: The Gathering card creator';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
     <h2 class='readable-background header-extension title center margin-bottom-large'>Phyrexian Text Generator</h2>
     <style>
         textarea.input.phyrexian-textarea {
@@ -38,4 +34,4 @@ include('../globalHTML/header-1.php');
         </h4>
     </div>
     <script defer src="/phyrexian/phyrexian.js"></script>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/print/index.php b/print/index.html
similarity index 96%
rename from print/index.php
rename to print/index.html
index c4855211..7193e9ab 100644
--- a/print/index.php
+++ b/print/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Print Page Setup';
-$desc = 'Upload card images and download a fully prepared page for printing';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
     <h2 class='readable-background header-extension title center margin-bottom-large'>Printing Tool</h2>
     <div class='readable-background padding layer margin-bottom-large'>
 		<h4 class='collapsible collapsed center padding margin-bottom' onclick='toggleCollapse(event);'>Configure Page Settings</h4>
@@ -75,4 +71,4 @@ include('../globalHTML/header-1.php');
     </div>
 	<script defer src='https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.debug.js'></script>
     <script defer src="/print/print.js"></script>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/serve.py b/serve.py
new file mode 100644
index 00000000..202733ed
--- /dev/null
+++ b/serve.py
@@ -0,0 +1,24 @@
+# Python 3 server example
+from http.server import SimpleHTTPRequestHandler, HTTPServer
+import os
+
+NAME = "localhost"
+PORT = 8080
+DIRECTORY = os.getcwd()
+
+
+class Handler(SimpleHTTPRequestHandler):
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, directory=DIRECTORY, **kwargs)
+
+if __name__ == "__main__":
+    webServer = HTTPServer((NAME, PORT), Handler)
+    print("Server started http://%s:%s" % (NAME, PORT))
+
+    try:
+        webServer.serve_forever()
+    except KeyboardInterrupt:
+        pass
+
+    webServer.server_close()
+    print("Server stopped.")
diff --git a/site.webmanifest b/site.webmanifest
deleted file mode 100644
index d3447abf..00000000
--- a/site.webmanifest
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-"name":"Card Conjurer",
-"short_name":"CC",
-"icons":[
-	{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},
-	{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}
-],
-"theme_color":"#080808",
-"background_color":"#080808",
-"display":"standalone",
-"start_url":"/creator/index.php"
-}
\ No newline at end of file
diff --git a/test.html b/test.html
deleted file mode 100644
index fadcdf47..00000000
--- a/test.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Testing the download attribute on anchor tags</title>
-</head>
-<body>
-	<a download='test.png' target='_blank' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAnUlEQVRoQ+3YQQ6AQAzDwPTn+/PyhRipN3NGAmatHJhkN9fXm+snZPwQYuyJ9Fqm1VslMa2ey7R6K9NCVqaFuFytnsu0eitXC1mZFuJytXou0+qtXC1kZVqIy9XquSYv5z/o9vUv9PdOP4TIeSJAy7QAVkwLaJkWwDItgmVaRMvVAlqmBbBcLYJlWkTL1QJapgWwXC2CZVpEy9UCWh8I1YloPStTxAAAAABJRU5ErkJggg=='>Click me to download</a>
-	<br><br>
-	<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAnUlEQVRoQ+3YQQ6AQAzDwPTn+/PyhRipN3NGAmatHJhkN9fXm+snZPwQYuyJ9Fqm1VslMa2ey7R6K9NCVqaFuFytnsu0eitXC1mZFuJytXou0+qtXC1kZVqIy9XquSYv5z/o9vUv9PdOP4TIeSJAy7QAVkwLaJkWwDItgmVaRMvVAlqmBbBcLYJlWkTL1QJapgWwXC2CZVpEy9UCWh8I1YloPStTxAAAAABJRU5ErkJggg=='>
-</body>
-</html>
\ No newline at end of file
diff --git a/theme/index.php b/theme/index.html
similarity index 74%
rename from theme/index.php
rename to theme/index.html
index 160a6e53..04ae8646 100644
--- a/theme/index.php
+++ b/theme/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Card Conjurer - Theme Editor';
-$desc = 'Customize your experience by adjusting the look of Card Conjurer. Upload a background, adjust the lightness, or maybe discover what rainbow-mode is!';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
 	<h2 class='readable-background header-extension title center'>Theme Editor</h2>
 	<div class='layer center'></div>
 	<div class='layer center'>
@@ -14,8 +10,8 @@ include('../globalHTML/header-1.php');
 		<h3>Background</h3>
 		<h4>Choose a background</h4>
 		<select class='input' onchange='changeThemeVar(this.value, "background");'>
-			<option value='/img/lowpolyBackground.svg'>Lowpoly</option>
-			<option value='/img/gradientBackground.svg'>Plain</option>
+			<option value='../img/lowpolyBackground.svg'>Lowpoly</option>
+			<option value='../img/gradientBackground.svg'>Plain</option>
 		</select>
 		<h4>Enter a background image (URL ONLY)</h4>
 		<input id='background-url' class='input' type='url' placeholder='Enter a URL' onchange='changeThemeVar(this.value, "background");'>
@@ -28,5 +24,5 @@ include('../globalHTML/header-1.php');
 		<input id='readable-brightness' class='input' type='range' min='0' max='1' step='0.01' oninput='changeThemeVar(this.value, "readablebrightness");'>
 		<button class='input margin-top' onclick='resetTheme();'>Reset Theme to Default</button>
 	</div>
-	<script defer src='/js/themeEditor.js'></script>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+	<script defer src='../js/themeEditor.js'></script>
+<!-- END OF CONTENT -->
\ No newline at end of file
diff --git a/tutorial/index.php b/tutorial/index.html
similarity index 93%
rename from tutorial/index.php
rename to tutorial/index.html
index 13dbd78b..e41f3380 100644
--- a/tutorial/index.php
+++ b/tutorial/index.html
@@ -1,8 +1,4 @@
-<?php
-$title = 'Card Conjurer - Tutorials';
-$desc = 'Written guides on how to create a variety of custom Magic: The Gathering cards on Card Conjurer';
-include('../globalHTML/header-1.php');
-?>
+<!-- START OF CONTENT -->
 	<div class='layer center'>
 		<h2>Written Guides</h2>
 	</div>
@@ -54,4 +50,4 @@ include('../globalHTML/header-1.php');
 			</div>
 		</div>
 	</div>
-<?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
+<!-- END OF CONTENT -->
\ No newline at end of file