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="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>