Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

box

Browse Source
This commit is contained in:
Kyle
2020-04-08 15:35:44 -07:00
parent 272fa7c215
commit c8d467f0d3
2 changed files with 274 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
boxGenerator.html Normal file
View File

@@ -0,0 +1,83 @@
<!DOCTYPE html5>
<html>
<head>
<script async src="data/scripts/cookies.js"></script>
<link rel="stylesheet" href="styles.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>
<body>
<title>CC - Box Generator</title>
<link rel="stylesheet" href="askScryfallStyles.css">
<div>
<div class="title darkLayer">
Box Generator
</div>
<div class="layer slideFromRight">
Pixels Per Inch:
<input id='inputPPI' type='number' min='1' step='1' max='1200' value='72'>
Material thickness:
<input id='inputMaterialThickness' type='number' min='0.01' step='0.01' max='2' value='0.25'>
Number of rows:
<input id='inputRowCount' type='number' step='1' min='1' max='5' value='1'>
Row length (interior):
<input id='inputRowLength' type='number' step='0.25' min='1' max='60' value='12'>
Card width (sleeved):
<input id='inputCardWidth' type='number' step='0.1' min='1' max='5' value='2.5'>
Card height (sleeved):
<input id='inputCardHeight' type='number' step='0.1' min='1' max='7' value='3.5'>
Wiggle room:
<input id='inputWiggleRoom' type='number' step='0.01' min='0' max='1' value='0.125'>
Vertical Tab Count:
<input id='inputVerticalTabCount' type='number' step='1' min='2' max='20' value='5'>
Horizontal Tab Count (down the rows):
<input id='inputHorizontalTabCount1' type='number' step='1' min='2' max='20' value='15'>
Horizontal Tab Count (across the rows):
<input id='inputHorizontalTabCount2' type='number' step='1' min='2' max='20' value='5'><br><br>
<button onclick='generateSVGs()'>Generate & Download SVGs</button>
</div>
<div class="layer darkLayer slideFromLeft">
<div class="paragraph indent">
Generate cool boxes!
</div>
</div>
<div class="layer slideFromRight">
<div class="paragraph indent">
So fun!
</div>
</div>
</div>
<script defer src="data/site/other/boxGenerator/boxGenerator.js"></script>
</body>
<footer class='footer'>
<div>
Card Conjurer by Kyle Burton<br>
<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>
<script>
document.getElementById('inputColorPalette').value = getCookie('colorPalette')
</script>
</div>
<div>
Navigation<br>
<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>
Legal<br>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
<script defer src="data/scripts/animations.js"></script>
</footer>
<html>