github.com/hashicorp/cap@v0.6.0/oidc/examples/cli/responses.go (about)

     1  // Copyright (c) HashiCorp, Inc.
     2  // SPDX-License-Identifier: MPL-2.0
     3  
     4  package main
     5  
     6  const successHTML = `
     7  <!DOCTYPE html>
     8  <html lang="en">
     9  <head>
    10    <meta charset="UTF-8">
    11    <meta name="viewport" content="width=device-width, initial-scale=1">
    12    <title>Authentication Succeeded</title>
    13      <style>
    14        body {
    15          font-size: 14px;
    16          font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    17            "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    18            "Helvetica Neue", sans-serif;
    19        }
    20        hr {
    21          border-color: #fdfdfe;
    22          margin: 24px 0;
    23        }
    24        .container {
    25          display: flex;
    26          justify-content: center;
    27          align-items: center;
    28          height: 70vh;
    29        }
    30        #logo {
    31          display: block;
    32          fill: #6f7682;
    33          margin-bottom: 16px;
    34        }
    35        .message {
    36          display: flex;
    37          min-width: 40vw;
    38          background: #fafdfa;
    39          border: 1px solid #c6e9c9;
    40          margin-bottom: 12px;
    41          padding: 12px 16px 16px 12px;
    42          position: relative;
    43          border-radius: 2px;
    44          font-size: 14px;
    45        }
    46        .message-content {
    47          margin-left: 4px;
    48        }
    49        .message #checkbox {
    50          fill: #2eb039;
    51        }
    52        .message .message-title {
    53          color: #1e7125;
    54          font-size: 16px;
    55          font-weight: 700;
    56          line-height: 1.25;
    57        }
    58        .message .message-body {
    59          border: 0;
    60          margin-top: 4px;
    61        }
    62        .message p {
    63          font-size: 12px;
    64          margin: 0;
    65          padding: 0;
    66          color: #17421b;
    67        }
    68        a {
    69          display: block;
    70          margin: 8px 0;
    71          color: #1563ff;
    72          text-decoration: none;
    73          font-weight: 600;
    74        }
    75        a:hover {
    76          color: black;
    77        }
    78        a svg {
    79          fill: currentcolor;
    80        }
    81        .icon {
    82          align-items: center;
    83          display: inline-flex;
    84          justify-content: center;
    85          height: 21px;
    86          width: 21px;
    87          vertical-align: middle;
    88        }
    89        h1 {
    90          font-size: 17.5px;
    91          font-weight: 700;
    92          margin-bottom: 0;
    93        }
    94        h1 + p {
    95          margin: 8px 0 16px 0;
    96        }
    97      </style>
    98    </head>
    99    <body translate="no" >
   100      <div class="container">
   101        <div>
   102          <div class="message is-success">
   103            <svg id="checkbox" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512">
   104              <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm114.9 149.1L231.8 359.6c-1.1 1.1-2.9 3.5-5.1 3.5-2.3 0-3.8-1.6-5.1-2.9-1.3-1.3-78.9-75.9-78.9-75.9l-1.5-1.5c-.6-.9-1.1-2-1.1-3.2 0-1.2.5-2.3 1.1-3.2.4-.4.7-.7 1.1-1.2 7.7-8.1 23.3-24.5 24.3-25.5 1.3-1.3 2.4-3 4.8-3 2.5 0 4.1 2.1 5.3 3.3 1.2 1.2 45 43.3 45 43.3l111.3-143c1-.8 2.2-1.4 3.5-1.4 1.3 0 2.5.5 3.5 1.3l30.6 24.1c.8 1 1.3 2.2 1.3 3.5.1 1.3-.4 2.4-1 3.3z"></path>
   105          </svg>
   106            <div class="message-content">
   107              <div class="message-title">
   108                Signed in via your OIDC provider
   109              </div>
   110              <p class="message-body">
   111                You can now close this window.
   112              </p>
   113            </div>
   114          </div>
   115        </div>
   116      </div>
   117    </body>
   118  </html>
   119  `