global HTML

This commit is contained in:
Kyle
2020-12-16 16:47:06 -08:00
parent bddedd324f
commit aef942ca43
7 changed files with 100 additions and 59 deletions

View File

@@ -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>

20
globalHTML/footer.php Normal file
View File

@@ -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>

39
globalHTML/header.php Normal file
View File

@@ -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>

20
globalHTML/menu.php Normal file
View File

@@ -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>

After

Width:  |  Height:  |  Size: 963 B

View File

@@ -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>

10
test.html Normal file
View File

@@ -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'); ?>

10
test.php Normal file
View File

@@ -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'); ?>