src/report.php

   1 <?php declare(strict_types=1);
   2     require_once('bootstrap.php');
   3 ?>
   4
   5 <!DOCTYPE html>
   6 <html>
   7     <head>
   8         <meta charset="utf-8">
   9         <title>The Onion Report</title>
  10         <meta name="viewport" content="width=device-width, initial-scale=1">
  11         <link rel="stylesheet" href="bootstrap.min.css">
  12         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  13         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  14         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  15
  16         <style>
  17             h1 {
  18                 margin-top: 1rem;
  19
  20             }
  21             .nav-pills, .saitama {
  22                 margin-bottom: 1rem;
  23             }
  24             .container {
  25                 padding-bottom: 1rem;
  26             }
  27             img {
  28                 image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  29                 image-rendering: -moz-crisp-edges;          /* Firefox                        */
  30                 image-rendering: -o-crisp-edges;            /* Opera                          */
  31                 image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  32                 image-rendering: pixelated; /* Chrome */
  33                 image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  34                 -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
  35                 width: 100%;
  36                 margin-top: 3.5rem;
  37                 position: sticky;
  38                 top: 3.5rem;
  39             }
  40             @media only screen and (max-width: 1200px) {
  41                 img {
  42                     height: 500px;
  43                     width: auto;
  44                 }
  45             }
  46         </style>
  47     </head>
  48     <body>
  49         <div class="container-fluid">
  50             <h1>The Onion Report</h1>
  51             <div class="container">
  52                 <div class="row">
  53                     <div class="col-xl-4 saitama"><img src="saitama.png" class="mx-auto d-block" /></div>
  54                     <div class="col-xl-8"><?php echo doIt(); ?></div>
  55                 </div>
  56             </div>
  57         </div>
  58     </body>
  59 </html>