From aef942ca43535d663e9fcac2ede4f9395cdb9958 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Wed, 16 Dec 2020 16:47:06 -0800
Subject: [PATCH] global HTML

---
 data/scripts/footer.js |  7 +-----
 globalHTML/footer.php  | 20 ++++++++++++++++
 globalHTML/header.php  | 39 +++++++++++++++++++++++++++++++
 globalHTML/menu.php    | 20 ++++++++++++++++
 old/index.html         | 53 ------------------------------------------
 test.html              | 10 ++++++++
 test.php               | 10 ++++++++
 7 files changed, 100 insertions(+), 59 deletions(-)
 create mode 100644 globalHTML/footer.php
 create mode 100644 globalHTML/header.php
 create mode 100644 globalHTML/menu.php
 create mode 100644 test.html
 create mode 100644 test.php
diff --git a/data/scripts/footer.js b/data/scripts/footer.js
index 89691954..6081934c 100644
--- a/data/scripts/footer.js
+++ b/data/scripts/footer.js
@@ -31,12 +31,7 @@ document.getElementById('footer').innerHTML = `
         <hr>
         <div>
             <a href='/'>Home</a><br>
-            <a href='/creator'>Card Creator</a><br>
-            <a href='/gallery'>Card Gallery</a><br>
-            <a href='/askurza'>Ask Urza 2.0</a><br>
-            <a href='/phyrexian'>Phyrexian Text</a><br>
-            <!--<a href='/life.html'>Life Counter</a><br>-->
-            <a href='/about'>About Me</a>
+            <a href='/creator'>New Card Creator</a><br>
         </div>
     </div>
     <div>
diff --git a/globalHTML/footer.php b/globalHTML/footer.php
new file mode 100644
index 00000000..a213f954
--- /dev/null
+++ b/globalHTML/footer.php
@@ -0,0 +1,20 @@
+	<footer>
+		<div>
+			<h4>Card Conjurer</h4>
+			<h5><a href='https://twitter.com/ImKyle4815' target='_blank'>Twitter</a></h5>
+			<h5><a href='https://www.patreon.com/KyleBurton' target='_blank'>Patreon</a></h5>
+		</div>
+		<div>
+			<h4>Navigation</h4>
+			<h5><a href='/'>Home</a></h5>
+			<h5><a href='/creator'>Creator</a></h5>
+			<h5><a href='/askurza'>Ask Urza</a></h5>
+		</div>
+		<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 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 © 2020 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.php b/globalHTML/header.php
new file mode 100644
index 00000000..84674096
--- /dev/null
+++ b/globalHTML/header.php
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="description">
+	<meta name="keywords" content="keywords">
+	<link rel="stylesheet" href="/css/reset.css">
+	<link rel="stylesheet" href="/css/style.css">
+	<link rel="shortcut icon" href="/favicon.ico">
+	<script src='/js/main.js'></script>
+</head>
+<body>
+	<div class='background'></div>
+	<header>
+		<h1 class='title center'>CARD CONJURER</h1>
+	</header>
+	<div html-include='/globalHTML/menu.html'>
+		<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='/'>Home</a></h3>
+				<h3><a href='/creator'>Card Creator</a></h3>
+				<!-- <h3><a href='/'>Card Gallery</a></h3> -->
+				<h3><a href='/askurza'>Ask Urza 2.0</a></h3>
+				<!-- <h3><a href='/'>About Me</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>
+			</div>
+		</div>
+	</div>
\ No newline at end of file
diff --git a/globalHTML/menu.php b/globalHTML/menu.php
new file mode 100644
index 00000000..9d198755
--- /dev/null
+++ b/globalHTML/menu.php
@@ -0,0 +1,20 @@
+<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='/'>Home</a></h3>
+		<h3><a href='/creator'>Card Creator</a></h3>
+		<!-- <h3><a href='/'>Card Gallery</a></h3> -->
+		<h3><a href='/askurza'>Ask Urza 2.0</a></h3>
+		<!-- <h3><a href='/'>About Me</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>
+	</div>
+</div>
\ No newline at end of file
diff --git a/old/index.html b/old/index.html
index 31d08449..695b704a 100644
--- a/old/index.html
+++ b/old/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html5>
 <html>
 <head>
-	<script data-ad-client="ca-pub-8226515140557560" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <script async src="/data/scripts/localStorage.js"></script>
     <link rel="stylesheet" href="/data/styles/main.css">
     <meta charset="UTF-8">
@@ -257,32 +256,6 @@
 			<!-- </div>
 		</div> -->
 	</div>
-	<div class="adGrid">
-        <div>
-            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-            <ins class="adsbygoogle"
-                 style="display:block"
-                 data-ad-client="ca-pub-8226515140557560"
-                 data-ad-slot="8748965476"
-                 data-ad-format="auto"
-                 data-full-width-responsive="true"></ins>
-            <script>
-                 (adsbygoogle = window.adsbygoogle || []).push({});
-            </script>
-        </div>
-        <div>
-            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-            <ins class="adsbygoogle"
-                 style="display:block"
-                 data-ad-client="ca-pub-8226515140557560"
-                 data-ad-slot="7633348443"
-                 data-ad-format="auto"
-                 data-full-width-responsive="true"></ins>
-            <script>
-                 (adsbygoogle = window.adsbygoogle || []).push({});
-            </script>
-        </div>
-    </div>
     <div class='animated layer slideFromLeft'>
         <div class='cardLayerGrid'>
             <div>
@@ -295,32 +268,6 @@
             </div>
         </div>
     </div>
-    <div class="adGrid">
-        <div>
-            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-            <ins class="adsbygoogle"
-                 style="display:block"
-                 data-ad-client="ca-pub-8226515140557560"
-                 data-ad-slot="7142663356"
-                 data-ad-format="auto"
-                 data-full-width-responsive="true"></ins>
-            <script>
-                 (adsbygoogle = window.adsbygoogle || []).push({});
-            </script>
-        </div>
-        <div>
-            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-            <ins class="adsbygoogle"
-                 style="display:block"
-                 data-ad-client="ca-pub-8226515140557560"
-                 data-ad-slot="4606153449"
-                 data-ad-format="auto"
-                 data-full-width-responsive="true"></ins>
-            <script>
-                 (adsbygoogle = window.adsbygoogle || []).push({});
-            </script>
-        </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>
diff --git a/test.html b/test.html
new file mode 100644
index 00000000..86d5c728
--- /dev/null
+++ b/test.html
@@ -0,0 +1,10 @@
+<?php include('/globalHTML/header.php'); ?>
+	<title>404 - Card Conjurer</title>
+	<div class='layer center'>
+		<h2 class='padding margin-bottom' style='font-size: 10rem;'>404</h2>
+		<h4 class='padding'>Page Not Found</h4>
+	</div>
+	<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
diff --git a/test.php b/test.php
new file mode 100644
index 00000000..86d5c728
--- /dev/null
+++ b/test.php
@@ -0,0 +1,10 @@
+<?php include('/globalHTML/header.php'); ?>
+	<title>404 - Card Conjurer</title>
+	<div class='layer center'>
+		<h2 class='padding margin-bottom' style='font-size: 10rem;'>404</h2>
+		<h4 class='padding'>Page Not Found</h4>
+	</div>
+	<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
