-
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
111 lines (81 loc) · 5.03 KB
/
index.html
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body class=" bg-gray-200">
<div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
<div class="flex flex-col max-w-4xl mx-auto bg-white rounded-lg shadow-lg overflow-hidden md:flex-row">
<div class="md:flex md:items-center md:justify-center md:w-1/2 md:bg-gray-700">
<div class="py-6 px-6 md:px-8 md:py-0 text-center md:text-left">
<img src="./src/img/logo-white.png" alt="Surjithctly Logo" class="w-32 mb-5 hidden md:block">
<img src="./src/img/logo-dark.png" alt="Surjithctly Logo" class="w-32 mb-5 inline md:hidden">
<h2 class="text-gray-700 text-lg font-bold md:text-gray-100">Request For <span
class="text-blue-600 md:text-indigo-300">Github</span> Access</h2>
<p class="mt-2 text-gray-600 text-sm md:text-gray-400">Access our Private Github
Repo to follow live developments, get early
bug fixes & new features, track existing bugs & issues, request new features, access changelog,
contribute to the code and more..</p>
</div>
</div>
<div class="flex items-center justify-center pb-6 md:py-0 md:w-1/2">
<form class="w-full py-10 px-8 needs-validation" action="" method="POST" id="git_form" novalidate>
<div class="mt-4">
<div class="flex justify-between">
<label class="block text-gray-700 text-sm font-bold mb-2" for="username">Envato Item
Purchase Code</label>
<a href="https://help.market.envato.com/hc/en-us/articles/202822600-Where-Is-My-Purchase-Code"
target="_blank" class="text-xs text-gray-500 hover:underline">What is this?</a>
</div>
<input id="purchase_code"
class="bg-gray-200 text-gray-700 border border-gray-300 rounded py-2 px-4 block w-full appearance-none focus:outline-none focus:bg-white"
type="text" name="purchase_code" required>
<div class="invalid-feedback">
Please provide a valid purchase code.
</div>
</div>
<div class="mt-4">
<div class="flex justify-between">
<label class="block text-gray-700 text-sm font-bold mb-2" for="username">Github
Username</label>
</div>
<input id="username"
class="bg-gray-200 text-gray-700 border border-gray-300 rounded py-2 px-4 block w-full appearance-none focus:outline-none focus:bg-white"
type="text" name="username" required>
<div class="invalid-feedback">
Please provide your github username.
</div>
</div>
<div class="mt-8">
<button type="submit"
class="inline-flex justify-center bg-indigo-700 text-white font-bold py-3 px-4 w-full rounded hover:bg-indigo-600 focus:outline-none focus:bg-indigo-600">
<svg class="animate-spin hidden -ml-1 mr-3 h-5 w-5 text-indigo-400"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg> Request Github Repo Access
</button>
</div>
<div class="mt-4">
<div class="hidden" role="alert" id="result">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="footer text-center fixed bottom-0 left-0 right-0 text-xs p-3 text-gray-500 hover:text-gray-800">
<p>Made with ♥ by <a href="https://web3canvas.com/" target="_blank"> Surjith S M</a> · <a
href="https://github.com/surjithctly/github-repo-access" target="_blank">Github</a> · <a
href="https://support.surjithctly.in/" target="_blank">Help</a>
</p>
</div>
<script src="main.js"></script>
</body>
</html>