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