github-invite/docs/index.html at master · gdscaefunai/github-invite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="styles.css">
  <title>Invite a GitHub user to your GitHub Organization</title>
</head>
<body>
  <noscript>
    <h2 id="noscript-heading" class="failure">This website requires JavaScript to successfully send invitations. For invitations to be sent, enable JavaScript in your browser settings or upgrade or change your browser.</h2>
  </noscript>
  <main>
    <h1 class="text-center">GitHub Organization Invitation</h1>
    <p class="text-center" id="intro">Enter the name of the GitHub organization to which the Github user is to be invited to, the personal access token of an admin in that organization on whose behalf the invitation is done, and the username of the GitHub user to be invited.</p>
    <div id="form-and-message-container">
      <form method="POST" id="invite">
        <label>
          <input class="blue" type="text" id="org" name="org" minlength="2" placeholder="GitHub Organization's Name" required>
          <span>GitHub Organization's Name</span>
        </label>
        <label>
          <input class="blue" type="password" id="token" name="token" minlength="32" placeholder="Admin's Access token">
          <span>Admin's Access token</span>
        </label>
        <label>
          <input class="blue" type="text" id="username" name="username" minlength="2" placeholder="GitHub Invitee's Username" required>
          <span>GitHub Invitee's Username</span>
        </label>
        <div id="button-container">
          <button type="submit">Invite User</button>
        </div>
      </form>
      <div id="message-container" class="hide">
        <h3 class="text-center" id="message-heading"></h3>
        <p id="message-body"></p>
      </div>
    </div>
  </main>
  <script type="text/javascript" src="app.js"></script>
</body>
</html>