github.com/jgarto/itcv@v0.0.0-20180826224514-4eea09c1aa0d/examples/sites/present/index.html (about)

     1  <html lang="en">
     2    <head>
     3      <meta charset="utf-8">
     4      <meta http-equiv="X-UA-Compatible" content="IE=edge">
     5      <meta name="viewport" content="width=device-width, initial-scale=1">
     6  
     7      <title>Go Present Viewer</title>
     8  
     9      <style>
    10        html, body {
    11          height: 100%;
    12          margin: 0
    13        }
    14  
    15        .box {
    16          display: flex;
    17          flex-flow: column;
    18          height: 100%;
    19        }
    20  
    21        .box .row.header {
    22          flex: 0 1 auto;
    23        }
    24  
    25        .box .row.content {
    26          display: flex;
    27          flex-flow: column;
    28          flex: 1 1 auto;
    29          overflow-y: auto;
    30          align-items: center;
    31          justify-content: center;
    32          overflow-x: hidden;
    33        }
    34  
    35        #addressbar {
    36          box-sizing: border-box;
    37          width: 100%;
    38          display: block;
    39          padding: 0.5rem 0.75rem;
    40          line-height: 1.25;
    41          font-size: 14px;
    42        }
    43  
    44        .placeholder {
    45          font-family: system-ui;
    46          color: lightgray;
    47        }
    48  
    49        .placeholder.arrow {
    50          font-size: 120px;
    51        }
    52  
    53        .placeholder.text {
    54          font-size: 60px;
    55        }
    56  
    57        .placeholder.error {
    58          font-size: 40px;
    59          color: red;
    60        }
    61  
    62        .placeholder.status {
    63          font-size: 40px;
    64          color: lightgray;
    65        }
    66      </style>
    67    </head>
    68    <body>
    69  
    70      <div class="box" id="app"></div>
    71  
    72      <script src="present.js"></script>
    73    </body>
    74  </html>