5433a8878d9184084618c3a81efd71784b3fc651
[mlpccg.git] / mlpccg.html
1 <!DOCTYPE html>
2 <html manifest="mlpccg.appcache" class="random-theme">
3 <!--
4 The person who associated a work with this deed has dedicated the work
5 to the public domain by waiving all of his or her rights to the work
6 worldwide under copyright law, including all related and neighboring
7 rights, to the extent allowed by law.
8
9 You can copy, modify, distribute and perform the work, even for
10 commercial purposes, all without asking permission.
11
12 See https://creativecommons.org/publicdomain/zero/1.0/ for details.
13 -->
14 <head>
15 <meta charset="utf-8">
16 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
17 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
18 <meta name="apple-mobile-web-app-capable" content="yes">
19 <meta name="apple-mobile-web-app-title" content="MLPCCG">
20 <meta name="mobile-web-app-capable" content="yes">
21 <link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64"
22 href="favicon.ico">
23 <link rel="icon" type="image/png" sizes="32x32" href="favicon_32.png">
24 <link rel="icon" type="image/png" sizes="128x128" href="favicon_128.png">
25 <link rel="icon" type="image/png" sizes="196x196" href="favicon_196.png">
26 <link rel="icon" type="image/png" sizes="256x256" href="favicon_256.png">
27 <link rel="icon" type="image/png" sizes="64x64" href="favicon_64.png">
28 <link rel="apple-touch-icon" sizes="57x57" href="favicon_57.png">
29 <link rel="apple-touch-icon" sizes="72x72" href="favicon_72.png">
30 <link rel="apple-touch-icon" sizes="76x76" href="favicon_76.png">
31 <link rel="apple-touch-icon" sizes="114x114" href="favicon_114.png">
32 <link rel="apple-touch-icon" sizes="120x120" href="favicon_120.png">
33 <link rel="apple-touch-icon" sizes="144x144" href="favicon_144.png">
34 <link rel="apple-touch-icon" sizes="152x152" href="favicon_152.png">
35 <meta name="msapplication-TileColor" content="#ffffff">
36 <meta name="msapplication-TileImage" content="favicon_144.png">
37 <link rel="stylesheet" href="main.css" type="text/css">
38 <script type="text/javascript" src="fastclick.js"></script>
39 <script type="text/javascript" src="mlpccg.js"></script>
40 <title>MLPCCG Helper</title>
41 <style>
42 .box {
43 border-radius: 50%;
44 border-style: solid;
45 border-width: 1px;
46 font-size: 18vmin;
47 line-height: 2.3333em;
48 height: 2.3333em;
49 width: 2.3333em;
50 }
51
52 body, html {
53 z-index: -2;
54 }
55
56 .box:before {
57 border-color: black;
58 border-radius: 8px;
59 border-style: solid;
60 color: black;
61 content: "";
62 display: block;
63 font-size: 28vmin;
64 height: 24vmin;
65 opacity: 0.1;
66 position: absolute;
67 width: 24vmin;
68 z-index: -1;
69 }
70
71 .mt {
72 display: table;
73 width: 100%;
74 height: 50%;
75 }
76
77 .mtc {
78 display: inline-block;
79 display: table-cell;
80 vertical-align: middle;
81 width: 50%;
82 }
83
84 #solo:before {
85 border-width: 2px;
86 margin-left: 9vmin;
87 margin-top: 9vmin;
88 }
89
90 #duo:before {
91 border-width: 2px;
92 border-top-width: 0.45em;
93 margin-left: 9vmin;
94 margin-top: 9vmin;
95 }
96
97 @media (min-aspect-ratio: 1/1) {
98 #duo:before {
99 border-left-width: 0.45em;
100 border-top-width: 2px;
101 }
102 }
103
104 #rules:before {
105 border-width: 0;
106 margin-left: 4vmin;
107 content: "📖";
108 }
109
110 .license {
111 font-family: "Sans", sans-serif;
112 font-size: 11px;
113 margin: 0 auto;
114 text-align: justify;
115 text-align-last: center;
116 -moz-text-align-last: center;
117 width: 94%;
118 }
119
120 .colophon {
121 font-size: 4vmin;
122 margin-bottom: 0.5em;
123 margin-top: 1em;
124 }
125
126 </style>
127 <script type="text/javascript">
128 if (navigator.standalone) {
129 window.addEventListener('DOMContentLoaded', function () {
130 addStatusBar();
131 });
132 }
133 </script>
134 </head>
135 <body>
136 <div class="mt">
137 <div class="mtc">
138 <a class="box" href="single.html" id="solo">Solo</a>
139 </div>
140 <div class="mtc">
141 <a class="box" href="double.html" id="duo">Duo</a>
142 </div>
143 </div>
144 <div class="mt">
145 <div class="mtc">
146 <a class="box" id="rules" onclick="show('rulesLinks')">
147 Rules
148 </a>
149 </div>
150 <div class="mtc">
151 <span style="font-size: 8vmin" onclick="show('license')">
152 MLP<br>CCG<br>Helper
153 </span>
154 </div>
155 </div>
156
157 <div class="dialog" id="rulesLinks">
158 <h1>Rules</h1>
159 <a href="http://www.enter-play.com/products/MLP_CCG_Rulebook_web.pdf"
160 target="_blank" class="button">Premiere</a>
161 <a href="http://enter-play.com/products/MLPCCG_CN_rulebook.pdf"
162 target="_blank" class="button">Canterlot&nbsp;Nights</a>
163 <a href="http://enter-play.com/products/MLP_CCG_Comprehensive_Rules_v2.pdf"
164 target="_blank" class="button">Comprehensive&nbsp;2.0</a>
165 <a onclick="dismiss()" class="button" style="margin-top: 1em">Bo-ring.</a>
166 </div>
167
168 <div class="dialog" id="license">
169 <div class="colophon">
170 Created by
171 <a target="_blank" href="https://yukkurigames.com">Yukkuri Games</a>
172 </div>
173 <div class="license">
174 <a target="_blank" href="http://www.hasbro.com/mylittlepony/en_US/">
175 My Little Pony</a>,
176 names, characters, images, trademarks, and logos are protected
177 by trademark rights, copyrights, and other rights owned by
178 <a target="_blank" href="http://www.hasbro.com">Hasbro</a>
179 or Hasbro's licensors or licensees.
180
181 The CCG is designed and developed by
182 <a target="_blank"
183 href="http://www.enter-play.com/products/mlpccg.html">EnterPLAY</a>.
184
185 The <a target="_blank"
186 href="http://www.carrois.com/en/fira-3-1/">Fira Sans</a>
187 font, copyright 2014 the
188 <a target="_blank"
189 href="https://www.mozilla.org/en-US/foundation/">Mozilla Foundation</a>
190 with Reserved Font Name Fira Sans, is licensed under the
191 <a target="_blank"
192 href="http://scripts.sil.org/OFL">SIL OFL</a>.
193
194 The Android Emoji font, copyright 2013
195 the <a target="_blank"
196 href="https://source.android.com/">Android Open Source
197 Project</a>, is licensed under
198 <a target="_blank"
199 href="http://www.apache.org/licenses/LICENSE-2.0.html">the
200 Apache License</a>, Version 2.0; you may not use this work
201 except in compliance with the License.
202
203 This tool is not affiliated with or authorized by any of the
204 above parties.
205 </div>
206
207 <a onclick="dismiss()" class="button" >Bo-ring.</a>
208 </div>
209 </body>
210 </html>