smart-request-form/WebApp.html at main · TheGIftedExplorer/smart-request-form · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
    <style>
      body { background-color: #f4f7f6; display: flex; justify-content: center; align-items: center; height: 100vh; }
      /* We use <?= themeColor ?> to print the variable passed from Code.gs */
      .card { border-top: 5px solid <?= themeColor ?>; box-shadow: 0 4px 8px rgba(0,0,0,0.1); width: 400px; }
    </style>
  </head>
  <body>
    <div class="card p-4 text-center">
      <h2 class="text-dark"><?= title ?></h2>
      <hr>
      <p class="lead"><?!= message ?></p> <div class="alert alert-light mt-3">You can now close this browser tab.</div>
    </div>
  </body>
</html>