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" id=logo 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         This tool is not affiliated with or authorized by any of the
 186         above parties.
 187       </div>
 188
 189       <a onclick="dismiss()" class="button" >Bo-ring.</a>
 190     </div>
 191
 192     <div id="overlay"></div>
 193   </body>
 194 </html>