1. <!doctype html>
    
  2. <html style="display: flex">
    
  3.     <head>
    
  4.         <meta charset="utf8">
    
  5.         <style>
    
  6.             html {
    
  7.                 display: flex;
    
  8.             }
    
  9.             body {
    
  10.                 margin: 0;
    
  11.                 padding: 0;
    
  12.                 flex: 1;
    
  13.                 display: flex;
    
  14.             }
    
  15.             #container {
    
  16.                 display: flex;
    
  17.                 flex: 1;
    
  18.                 width: 100%;
    
  19.                 position: fixed;
    
  20.                 top: 0;
    
  21.                 left: 0;
    
  22.                 right: 0;
    
  23.                 bottom: 0;
    
  24.             }
    
  25.             .no-react-disclaimer {
    
  26.               margin: 16px;
    
  27.               font-family: Courier, monospace, serif;
    
  28.               font-size: 16px;
    
  29.               animation: fadeIn .5s ease-in-out forwards;
    
  30.             }
    
  31. 
    
  32.             @keyframes fadeIn {
    
  33.               0% {
    
  34.                 opacity: 0;
    
  35.               }
    
  36.               100% {
    
  37.                 opacity: 1;
    
  38.               }
    
  39.             }
    
  40. 
    
  41.             @media (prefers-color-scheme: dark) {
    
  42.               :root {
    
  43.                 color-scheme: dark;
    
  44.               }
    
  45. 
    
  46.               @supports (-moz-appearance:none) {
    
  47.                 :root {
    
  48.                   background: black;
    
  49.                 }
    
  50. 
    
  51.                 body {
    
  52.                   color: white;
    
  53.                 }
    
  54.               }
    
  55.             }
    
  56.         </style>
    
  57.     </head>
    
  58.     <body>
    
  59.         <!-- main react mount point -->
    
  60.         <div id="container">
    
  61.           <h1 class="no-react-disclaimer">Looks like this page doesn't have React, or it hasn't been loaded yet.</h1>
    
  62.         </div>
    
  63.         <script src="./build/panel.js"></script>
    
  64.     </body>
    
  65. </html>