double.html

   1 <!DOCTYPE html>
   2 <html manifest="mlpccg.appcache">
   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="mlpccg.js"></script>
  39     <title>MLPCCG Helper - Duo</title>
  40     <style>
  41       body {
  42           -webkit-transform: translate3d(0, 0, 0);
  43           border: none;
  44           top: 0;
  45           left: 0;
  46           bottom: 0;
  47           right: 0;
  48       }
  49
  50       html {
  51           border: none;
  52       }
  53
  54       iframe {
  55           border: none;
  56           bottom: 0;
  57           height: 50%;
  58           left: 0;
  59           position: fixed;
  60           right: 0;
  61           top: 0;
  62           width: 100%;
  63       }
  64
  65       iframe[name=p2] {
  66           top: 50%;
  67       }
  68
  69       @media (min-aspect-ratio: 1/1) {
  70           iframe {
  71               top: 0;
  72               bottom: 0;
  73               height: 100%;
  74               width: 50%;
  75           }
  76
  77           iframe[name=p1] {
  78               left: 0;
  79           }
  80
  81
  82           iframe[name=p2] {
  83               top: 0;
  84               left: 50%;
  85           }
  86       }
  87
  88     </style>
  89   </head>
  90   <body>
  91     <iframe name="p1" src="single.html">
  92     </iframe>
  93     <iframe name="p2" src="single.html">
  94     </iframe>
  95   </body>
  96 </html>