forked from april/decklist
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (117 loc) · 5.46 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
<!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 and associated libraries -->
<script type="text/javascript" src="js/jsPDF/jspdf-1.3.4.min.js"></script>
<script type="text/javascript" src="js/jsPDF/addimage.js"></script>
<script type="text/javascript" src="js/jsPDF/standard_fonts_metrics.js"></script>
<script type="text/javascript" src="js/FileSaver/FileSaver-1.3.3.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:</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="sortorder1" name="sortorder"><label for="sortorder1">Alphabetically</label>
<input type="radio" id="sortorder2" name="sortorder"><label for="sortorder2">CMC</label>
<input type="radio" id="sortorder3" name="sortorder" checked><label for="sortorder3">Color (recommended)</label>
<input type="radio" id="sortorder4" name="sortorder"><label for="sortorder4">Numerically</label>
<input type="radio" id="sortorder5" name="sortorder"><label for="sortorder5">Original</label>
<input type="radio" id="sortorder6" name="sortorder"><label for="sortorder6">Type</label>
</div>
</div>
</div>
<div class="right">
<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/marumari/decklist">via GitHub</a>.<br />Please read the <a href="html/directlinking.html">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>