-
Notifications
You must be signed in to change notification settings - Fork 20
/
index.html
127 lines (119 loc) · 5.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<title>Magic the Gathering Decklist / Registration Sheet Generator</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/decklist.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css">
<!-- jQuery -->
<script type="text/javascript" src="js/jquery/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
<!-- List of all cards (thanks, mtgjson!) -->
<script type="text/javascript" src="js/cards/decklist-cards-min.js" ></script>
<!-- jsPDF -->
<script type="text/javascript" src="js/jsPDF/jspdf-1.3.4.min.js"></script>
<!-- Code for the website -->
<script type="text/javascript" src="js/decklist/decklist.js"></script>
<script type="text/javascript" src="js/decklist/main.js"></script>
<script type="text/javascript" src="js/decklist/dci.js"></script>
</head>
<body>
<div class="wrapper">
<div class="wrapleft">
<div class="left">
<form>
<h2>Personal Information</h2>
<label for="firstname">
<span>First Name:</span>
<input type="text" id="firstname">
</label>
<label for="lastname">
<span>Last Name:</span>
<input type="text" id="lastname">
</label>
<label for="dcinumber">
<span>DCI #:</span>
<input type="text" id="dcinumber">
</label>
<h2>Event Information</h2>
<label for="event">
<span>Event:</span>
<input type="text" id="event">
</label>
<label for="eventdate">
<span>Event Date:</span>
<input type="text" id="eventdate">
</label>
<label for="eventlocation">
<span>Event Location:</span>
<input type="text" id="eventlocation">
</label>
<h2>Deck Information</h2>
<label for="deckname">
<span>Deck Name / Archetype:</span>
<input type="text" id="deckname" placeholder="(optional)">
</label>
<label for="deckdesigner">
<span>Deck Designer:</span>
<input type="text" id="deckdesigner" placeholder="(optional)">
</label>
<label for="deckmain">
<span>Main Deck:</span>
<textarea id="deckmain"></textarea>
<span id="protip">(Pro tip: You can simply paste in MTGO, MWS, MTG Salvation, Deckbox "Print", or Tappedout "Text" decks without separating out the sideboard!)</span>
</label>
<label for="deckside">
<span>Sideboard:</span>
<textarea id="deckside"></textarea>
</label>
<h2>Deck Sort Order</h2>
</form>
</div>
<div id="sortorderwrapper">
<div id="sortorderfloat">
<input type="radio" id="sort-alphabetical" name="sortorder"><label for="sort-alphabetical">Alphabetically</label>
<input type="radio" id="sort-cmc" name="sortorder"><label for="sort-cmc">CMC</label>
<input type="radio" id="sort-color" name="sortorder" checked><label for="sort-color">Color (recommended)</label>
<input type="radio" id="sort-numeric" name="sortorder"><label for="sort-numeric">Numerically</label>
<input type="radio" id="sort-original" name="sortorder"><label for="sort-original">Original</label>
<input type="radio" id="sort-type" name="sortorder"><label for="sort-type">Type</label>
</div>
</div>
</div>
<div class="right">
<h2>Decksheet Format</h2>
<div id="decksheetformatselector">
<input type="radio" id="decksheet-wotc" name="decksheetformat" checked><label for="decksheet-wotc"><abbr title="Wizards of the Coast">WotC</abbr></label>
<input type="radio" id="decksheet-scg" name="decksheetformat"><label for="decksheet-scg"><abbr title="Star City Games">SCG</abbr></label>
</div>
<h2>
Decklist Preview
</h2>
<div id="decklistpreview">
<iframe id="decklist" name="decklist" height="580" width="440"></iframe>
</div>
<div id="deckliststatuses">
<div class="deckliststatus" id="dle1"><img src="images/error.png">Decklist contains <60 cards.</div>
<div class="deckliststatus" id="dlw1"><img src="images/warning.png">Decklist contains >60 cards.</div>
</div>
<form>
<input type="button" id="download" value="Download Decklist" onclick="generateDecklistPDF('dataurlnewwindow');">
<input type="button" id="upload" value="Upload Decklist" onclick="uploadDecklistPDF();">
</form>
<form id="formupload" enctype="multipart/form-data" method="post">
<input type="hidden" id="decklistPDF" name="decklistPDF">
</form>
<h2>Status</h2>
<div class="status default">
<div class="statusmark"></div>
<ul class="details"></div>
</div>
</div>
<div class="footer">
Magic: the Gathering Decklist Generator by <a href="https://pokeinthe.io/">April King</a>. Please send feedback to <a href="mailto:april@pokeinthe.io?subject=Decklist.org%20feedback">april@pokeinthe.io</a>, or contribute issue reports or code additions <a href="https://github.com/april/decklist">via GitHub</a>.<br />Please read the <a href="https://github.com/april/decklist#direct-linking">direct linking</a> instructions, on how to link directly to decklist.org from your website.<br /><br />Magic: The Gathering ® Wizards of the Coast.
</div>
</div>
</body>
</html>