This commit is contained in:
Kyle
2020-06-25 20:43:07 -07:00
parent a122fa4ae2
commit f2fa61c531
11 changed files with 111 additions and 337 deletions

View File

@@ -39,58 +39,20 @@
</div> </div>
</div> </div>
<div class="layer darkLayer slideFromLeft"> <div class="layer darkLayer slideFromLeft">
<div class="paragraph indent"> <div class="indent">
Ask Scryfall is a replacement for AskUrza.com that periodically compiles all planeswalker abilities (using Scryfall) and sorts them into three categories for use with Urza, Academy Headmaster. This allows for much more unpredictability and, in my opinion, much more fun. To use Ask Scryfall, simply click on the +1, -1, or -6, and let the gods of chaos decide your fate! Ask Scryfall is a replacement for AskUrza.com that periodically compiles all planeswalker abilities (using Scryfall) and sorts them into three categories for use with Urza, Academy Headmaster. This allows for much more unpredictability and, in my opinion, much more fun.
</div> </div>
</div> </div>
<div class="layer slideFromRight"> <div class="layer slideFromRight">
<div class="paragraph indent"> <div class="indent">
I hope you have as much fun playing Urza this way as I do! To use Ask Scryfall, simply click on the +1, -1, or -6, and let the gods of chaos decide your fate!
</div> </div>
</div> </div>
</div> </div>
<script defer src="data/site/other/askScryfall/askScryfall.js"></script> <script defer src="data/site/other/askScryfall/askScryfall.js"></script>
</body> </body>
<footer> <footer id='footer'>
<div class='footer'> <script async src='data/scripts/footer.js'></script>
<div> <script defer src="data/scripts/animations.js"></script>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
</footer> </footer>
<html> <html>

View File

@@ -41,58 +41,20 @@
<button onclick='generateSVGs()'>Generate & Download SVGs</button> <button onclick='generateSVGs()'>Generate & Download SVGs</button>
</div> </div>
<div class="layer darkLayer slideFromLeft"> <div class="layer darkLayer slideFromLeft">
<div class="paragraph indent"> <div class="indent">
Currently this box generator only supports odd numbers of tabs and single-row boxes with sliding lids. Hopefully in the future I'll add more options! Currently this box generator only supports odd numbers of tabs and single-row boxes with sliding lids. Hopefully in the future I'll add more options!
</div> </div>
</div> </div>
<div class="layer slideFromRight"> <div class="layer slideFromRight">
<div class="paragraph indent"> <div class="indent">
Before laser cutting, you'll have to adjust the stroke width and color, as well as scale SVG correctly. Note down the PPI (default is 72) when you download the SVGs. In case you forget which PPI you used, the margins on the SVG files are one inch. Before laser cutting, you'll have to adjust the stroke width and color, as well as scale SVG correctly. Note down the PPI (default is 72) when you download the SVGs. In case you forget which PPI you used, the margins on the SVG files are one inch.
</div> </div>
</div> </div>
</div> </div>
<script defer src="data/site/other/boxGenerator/boxGenerator.js"></script> <script defer src="data/site/other/boxGenerator/boxGenerator.js"></script>
</body> </body>
<footer> <footer id='footer'>
<div class='footer'> <script async src='data/scripts/footer.js'></script>
<div> <script defer src="data/scripts/animations.js"></script>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
</footer> </footer>
<html> <html>

View File

@@ -22,8 +22,9 @@ function getCookie(cookieName) {
} }
function checkCookies() { function checkCookies() {
if (getCookie('colorPalette') != undefined) { var colorPaletteCookie = getCookie('colorPalette')
loadScript('data/scripts/palettes/' + getCookie('colorPalette') + '.js') if (colorPaletteCookie != undefined && colorPaletteCookie != '') {
loadScript('data/scripts/palettes/' + colorPaletteCookie + '.js')
setTimeout(function() { setTimeout(function() {
document.getElementById('inputColorPalette').value = getCookie('colorPalette') document.getElementById('inputColorPalette').value = getCookie('colorPalette')
}, 1000) }, 1000)

View File

@@ -1 +1,50 @@
console.log('footer!!!') // var xhttp = new XMLHttpRequest()
// xhttp.onreadystatechange = function() {
// if (this.readyState == 4 && this.status == 200) {
// document.getElementById('footer').innerHTML = xhttp.responseText
// }
// }
// xhttp.open('GET', 'https://cardconjurer.com/footer.txt')
// xhttp.send()
document.getElementById('footer').innerHTML = `
<div class='footer'>
<div>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a><br>
<a href='phyrexian.html'>Phyrexian Text</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='legal.html'>Terms and Conditions</a><br>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
`

View File

@@ -34,46 +34,8 @@
</div> </div>
</div> </div>
</body> </body>
<footer> <footer id='footer'>
<div class='footer'> <script async src='data/scripts/footer.js'></script>
<div> <script defer src="data/scripts/animations.js"></script>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
</footer> </footer>
<html> <html>

View File

@@ -1,14 +1,14 @@
<!DOCTYPE html5> <!DOCTYPE html5>
<html> <html>
<head> <head>
<script async src="data/scripts/cookies.js"></script> <script async src="data/scripts/cookies.js"></script>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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="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="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="icon" type="image/png" sizes="16x16" href="data/site/favicons/favicon-16x16.png">
<link rel="manifest" href="data/site/favicons/site.webmanifest"> <link rel="manifest" href="data/site/favicons/site.webmanifest">
</head> </head>
<body> <body>
<title>Card Conjurer</title> <title>Card Conjurer</title>
@@ -272,65 +272,16 @@
As a student on a tight budget, it can be hard to play Magic. If you've enjoyed using Card Conjurer and would like to help me attend a draft or buy a cool commander piece, you can make a small donatation via <a style='color: #3b7bbf;' href="https://www.paypal.me/kyleburtondonate" target='_blank'>PayPal</a>. As a student on a tight budget, it can be hard to play Magic. If you've enjoyed using Card Conjurer and would like to help me attend a draft or buy a cool commander piece, you can make a small donatation via <a style='color: #3b7bbf;' href="https://www.paypal.me/kyleburtondonate" target='_blank'>PayPal</a>.
</div> </div>
</div> </div>
<!-- <img src='data/site/images/samples/sampleBling.png' id='sampleBling'>-->
</div> </div>
</div> </div>
<!--<div class='layer slideFromLeft'>
<div>
<div class='layerTitle'>
The Proxy Factory
</div>
<div class="justify">
If you'd like to delve deeper into making custom Magic: The Gathering cards, check out The Proxy Factory! They're a community full of individuals interested in creating custom cards, and are very welcoming to new members. Take a look at their <a style='color: #ff4500;' href="https://www.reddit.com/r/TheProxyFactory/" target='_blank'>Reddit</a>, and happy proxying!
</div>
</div>
</div>-->
<script defer src="data/scripts/sortable.js"></script> <script defer src="data/scripts/sortable.js"></script>
<script defer src="data/scripts/main.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/versions/m15/version.js"></script>
<script defer src="data/scripts/lazyLoadSamples.js"></script> <script defer src="data/scripts/lazyLoadSamples.js"></script>
<!-- <script async src="data/scripts/palettes/darkMode.js"></script> --> <!-- <script async src="data/scripts/palettes/darkMode.js"></script> -->
</body> </body>
<footer> <footer id='footer'>
<div class='footer'> <script async src='data/scripts/footer.js'></script>
<div> <script defer src="data/scripts/animations.js"></script>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
</footer> </footer>
<html> <html>

View File

@@ -1,7 +1,6 @@
<!DOCTYPE html5> <!DOCTYPE html5>
<html> <html>
<head> <head>
<script async src='data/scripts/footer.js'></script>
<script async src="data/scripts/cookies.js"></script> <script async src="data/scripts/cookies.js"></script>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
@@ -53,6 +52,7 @@
</div> </div>
</body> </body>
<footer id='footer'> <footer id='footer'>
<script async src='data/scripts/footer.js'></script>
<script defer src="data/scripts/animations.js"></script>
</footer> </footer>
<html> <html>

View File

@@ -20,67 +20,30 @@
<div class="layer slideFromRight"> <div class="layer slideFromRight">
<div class='splitGrid'> <div class='splitGrid'>
<div> <div>
Input the text you would like to be "translated"
<textarea id='inputText' oninput='generatePhyrexianText()'></textarea> <textarea id='inputText' oninput='generatePhyrexianText()'></textarea>
</div> </div>
<div> <div>
<textarea id='outputText' style='font-family: "phyrexian";'></textarea> Then copy the "translated" text from here
<textarea id='outputText' style='font-family: "phyrexian";' disabled></textarea>
</div> </div>
</div> </div>
</div> </div>
<div class="layer darkLayer slideFromLeft"> <div class="layer darkLayer slideFromLeft">
<div class="paragraph indent"> <div>
To my understanding, the Phyrexian font and language is still not completely understood. This program will only recognize the beginning and end of sentences, but the rest of the text will be fully randomized, and is complete gibberish. This is in no way a real translator. It simply detects paragraphs and sentences, then randomly converts characters to phyrexian.
</div> </div>
</div> </div>
<div class="layer slideFromRight"> <div class="layer slideFromRight">
<div class="paragraph indent"> <div>
All will be compleat. All will be compleat.
</div> </div>
</div> </div>
</div> </div>
<script defer src="data/site/other/phyrexian/phyrexian.js"></script> <script defer src="data/site/other/phyrexian/phyrexian.js"></script>
</body> </body>
<footer> <footer id='footer'>
<div class='footer'> <script async src='data/scripts/footer.js'></script>
<div> <script defer src="data/scripts/animations.js"></script>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
<a href='phyrexian.html'>Phyrexian</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
</footer> </footer>
<html> <html>

View File

@@ -1,22 +1,26 @@
<!DOCTYPE html5> <!DOCTYPE html5>
<html> <html>
<head> <head>
<title>Card Conjurer</title> <script async src="data/scripts/cookies.js"></script>
<!-- Other things --> <link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="data/site/styles.css"> <meta charset="UTF-8">
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<body>
<style> <style>
canvas { canvas {
width: 500px; width: 500px;
height: 500px; height: 500px;
} }
</style> </style>
</head> <title>CC - Set Symbol</title>
<body>
<div class="mainDiv"> <div class="mainDiv">
<div class="pageTitle"> <div class="pageTitle">
Card Conjurer Set Symbol Maker
</div> </div>
<div class="mainGrid"> <div class="mainGrid">
<div class="canvasContainer"> <div class="canvasContainer">
@@ -76,55 +80,14 @@
<div class="hidden"></div> <div class="hidden"></div>
<div class="layer"> <div class="layer">
<div class="title">Have Any Questions?</div> <div class="title">Have Any Questions?</div>
<div class="paragraph indent"> <div class="indent">
If you have any questions please don't hesitate to email me at <label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>. Even if you made a cool card and want to share, I'd love to see it! If you have any questions please don't hesitate to email me at <label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>. Even if you made a cool card and want to share, I'd love to see it!
</div> </div>
</div> </div>
</div> </div>
</body> </body>
<footer> <footer id='footer'>
<div class='footer'> <script async src='data/scripts/footer.js'></script>
<div> <script defer src="data/scripts/animations.js"></script>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
</footer> </footer>
<script async src="data/scripts/setCodeList.js"></script>
<script defer src="data/site/other/setSymbol/setSymbol.js"></script>
<script defer src="data/scripts/colors.js"></script>
<html> <html>

View File

@@ -363,7 +363,7 @@ input[type='checkbox'], select, option, input[type='file'], button {
opacity: 0.5; opacity: 0.5;
} }
.paragraph { .indent {
text-indent: 2em; text-indent: 2em;
} }

View File

@@ -9,8 +9,7 @@
<link rel="icon" type="image/png" sizes="32x32" href="data/site/favicons/favicon-32x32.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="icon" type="image/png" sizes="16x16" href="data/site/favicons/favicon-16x16.png">
<link rel="manifest" href="data/site/favicons/site.webmanifest"> <link rel="manifest" href="data/site/favicons/site.webmanifest">
</head> </head><body>
<body>
<title>CC - Terms of Use</title> <title>CC - Terms of Use</title>
<div class='title darkLayer'>Terms of Use</div> <div class='title darkLayer'>Terms of Use</div>
<div class='layer fadeIn'> <div class='layer fadeIn'>
@@ -29,46 +28,8 @@
</div> </div>
</div> </div>
</body> </body>
<footer> <footer id='footer'>
<div class='footer'> <script async src='data/scripts/footer.js'></script>
<div> <script defer src="data/scripts/animations.js"></script>
<div>Theme</div>
<hr>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
</div>
<div>
<div>Navigation</div>
<hr>
<div>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div>
<div>
<div>Legal</div>
<hr>
<div>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div>
<div>
<div>Contact</div>
<hr>
<div>
<label class="truncate"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=CardConjurerMTG@gmail.com&su=Card%20Conjurer&tf=1" target="_blank">CardConjurerMTG@gmail.com</a></label>
</div>
</div>
<script defer src="data/scripts/animations.js"></script>
</div>
</footer> </footer>
<html> <html>