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             .nav-pills {
  18                 margin-bottom: 1rem;
  19             }
  20 img {
  21     image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  22     image-rendering: -moz-crisp-edges;          /* Firefox                        */
  23     image-rendering: -o-crisp-edges;            /* Opera                          */
  24     image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  25     image-rendering: pixelated; /* Chrome */
  26     image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  27     -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
  28     width: 100%;
  29 }
  30         </style>
  31     </head>
  32     <body>
  33         <div class="container">
  34                   <h1>The Onion Report</h1>
  35                   <div class="row">
  36                             <div class="col-lg-4"><img src="saitama.png" /></div>
  37                             <div class="col-lg-8"><?php echo doIt(); ?></div>
  38                   </div>
  39         </div>
  40     </body>
  41 </html>