github.com/geniusesgroup/libgo@v0.0.0-20220713101832-828057a9d3d4/www/middleware-old-browser.go (about)

     1  /* For license and copyright information please see LEGAL file in repository */
     2  
     3  package www
     4  
     5  const returnHTMLPage = `
     6  <!-- For license and copyright information please see LEGAL file in repository -->
     7  <!DOCTYPE html>
     8  <html>
     9  
    10  <head>
    11      <title>SabzCity - Your browser is outdated!</title>
    12  </head>
    13  
    14  <body>
    15      <style>
    16          main {
    17              position: absolute;
    18              top: 10%;
    19              left: 0;
    20              right: 0;
    21              bottom: 0;
    22              max-width: 100%;
    23              max-height: 100%;
    24              height: 200px;
    25              text-align: center;
    26              font-weight: 300;
    27              font-family: 'Roboto', Arial, sans-serif;
    28          }
    29  
    30          main a {
    31              text-decoration: none;
    32          }
    33  
    34          main p {
    35              font-size: 1.15rem;
    36              letter-spacing: -0.3px;
    37              line-height: 20px;
    38              font-weight: 500;
    39              text-transform: uppercase;
    40              color: #92989b;
    41          }
    42  
    43          .chip {
    44              display: inline-block;
    45              height: 64px;
    46              font-size: 20px;
    47              text-transform: uppercase;
    48              font-weight: 500;
    49              color: #616161;
    50              line-height: 64px;
    51              padding-right: 24px;
    52              border-radius: 32pt;
    53              background-color: #e4e4e4;
    54              margin-bottom: 5px;
    55              margin-right: 15px;
    56              letter-spacing: -0.5px;
    57              padding: 0 32px 0 12px;
    58              -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    59              box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    60              -webkit-transition: all 0.1s ease-out;
    61              -moz-transition: all 0.1s ease-out;
    62              -o-transition: all 0.1s ease-out;
    63              transition: all 0.1s ease-out;
    64          }
    65  
    66          .chip:hover {
    67              color: #4CAF50;
    68              -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    69              box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    70          }
    71  
    72          .chip>img {
    73              float: left;
    74              margin: 0 12px 0 -12px;
    75              height: 64px;
    76              width: auto;
    77              border-radius: 50%;
    78          }
    79      </style>
    80      <main>
    81          <h2>Your browser is outdated!</h2>
    82          <div>
    83              <p>
    84                  Don't take this personally, but your browser is too old to run <strong>SabzCity Platform</strong>.<br />
    85                  We require HTML5 support to work.
    86              </p>
    87              <p>
    88                  Unfortunately, your current browser doesn't support HTML5.<br />
    89                  Please download or update a modern browser and come back soon!
    90              </p>
    91          </div>
    92  
    93          <div class="chips">
    94              <a href="https://www.google.com/chrome/browser/" title="Chrome browser download link">
    95                  <div class="chip"><img src="https://www.google.com/chrome/static/images/chrome-logo.svg"
    96                          alt="Chrome browser logo">Chrome</div>
    97              </a>
    98  
    99              <a href="https://www.mozilla.org/en-US/firefox/new/" title="Mozilla browser download link">
   100                  <div class="chip"><img
   101                          src="https://www.mozilla.org//media/img/logos/firefox/logo-quantum.9c5e96634f92.png"
   102                          alt="Mozilla browser logo">Firefox</div>
   103              </a>
   104  
   105              <a href="https://www.apple.com/safari/" title="Safari browser download link">
   106                  <div class="chip"><img src="https://www.apple.com//v/safari/i/images/overview/safari_icon_large.png"
   107                          alt="Safari browser logo">Safari</div>
   108              </a>
   109          </div>
   110      </main>
   111  </body>
   112  `