-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·355 lines (335 loc) · 25.6 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GLAuth</title>
<link rel="stylesheet" href="assets/style.css">
<!-- OpenReplay Tracking Code for glauth.github.io -->
<script>
(function(A,s,a,y,e,r){
r=window.OpenReplay=[s,r,e,[y-1]];
s=document.createElement('script');s.src=a;s.async=!A;
document.getElementsByTagName('head')[0].appendChild(s);
r.start=function(v){r.push([0])};
r.stop=function(v){r.push([1])};
r.setUserID=function(id){r.push([2,id])};
r.setUserAnonymousID=function(id){r.push([3,id])};
r.setMetadata=function(k,v){r.push([4,k,v])};
r.event=function(k,p,i){r.push([5,k,p,i])};
r.issue=function(k,p){r.push([6,k,p])};
r.isActive=function(){return false};
r.getSessionToken=function(){};
r.i="https://replay.csp.voilaweb.com/ingest";
})(0, "m0Vr9MyOv1MIZLvb24XK", "//static.openreplay.com/3.2.0/openreplay.js",1,28);
</script>
</head>
<body>
<script src="assets/alpine.min.js"></script>
<script src="assets/index.js"></script>
<nav class="w-full">
<div class="container mx-auto px-6 flex items-center justify-between">
<div aria-label="Home. logo" role="img">
<img class="object-scale-down w-12 h-12" src="assets/logo.png">
</div>
<div>
<button onclick="toggleMenu(true)" class="sm:block md:hidden text-gray-500 hover:text-gray-700 focus:text-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500">
<svg aria-haspopup="true" aria-label="open Main Menu" xmlns="http://www.w3.org/2000/svg" class="md:hidden icon icon-tabler icon-tabler-menu" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round">
<path stroke="none" d="M0 0h24v24H0z"></path>
<line x1="4" y1="8" x2="20" y2="8"></line>
<line x1="4" y1="16" x2="20" y2="16"></line>
</svg>
</button>
<div id="menu" class="md:block lg:block hidden">
<button onclick="toggleMenu(false)" class="block md:hidden lg:hidden text-gray-500 hover:text-gray-700 focus:text-gray-700 fixed focus:outline-none focus:ring-2 focus:ring-gray-500 z-30 top-0 mt-6">
<svg aria-label="close main menu" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<line x1="18" y1="6" x2="6" y2="18" />
<line x1="6" y1="6" x2="18" y2="18" />
</svg>
</button>
<ul class="flex text-3xl md:text-base items-center py-10 md:flex flex-col md:flex-row justify-center fixed md:relative top-0 bottom-0 left-0 right-0 bg-white md:bg-transparent z-20">
<li class="text-gray-800 hover:text-gray-900 cursor-pointer lg:text-lg pt-10 md:pt-0">
<a href="https://github.com/glauth/glauth/releases">Releases</a>
</li>
<li class="text-gray-800 hover:text-gray-900 cursor-pointer lg:text-lg pt-10 md:pt-0 md:ml-5 lg:ml-10">
<a href="docs/">Learn/Documentation</a>
</li>
<li class="text-gray-800 hover:text-gray-900 cursor-pointer lg:text-lg pt-10 md:pt-0 md:ml-5 lg:ml-10">
<div x-data="{ 'showChatModal': false }">
<button type="button" @click="showChatModal = true">Chat & Support</button>
<div
class="fixed inset-0 z-30 flex items-center justify-center overflow-auto bg-black bg-opacity-50 transition duration-150 easy-in-out"
x-show="showChatModal" @keydown.escape="showChatModal=false"
>
<div
role="alert" class="container mx-auto w-11/12 md:w-2/3 max-w-lg flex justify-center"
@click.away="showChatModal=false">
<div class="flex items-center justify-center py-8 px-4">
<div class="relative md:w-80 max-w-xs rounded shadow-lg p-6 dark:bg-gray-800 bg-white">
<h1 class="dark:text-gray-100 text-gray-800 font-bold text-lg">Chat & Help</h1>
<a href="https://gitter.im/glauth/community">
<div class="flex items-center justify-between mt-4 border-gray-400 border rounded-lg px-4 py-4 cursor-pointer">
<p class="text-base font-medium leading-4 dark:text-gray-100 text-gray-800">Gitter Chat</p>
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
</svg>
</div>
</a>
<div class="w-full bg-gray-100 rounded-lg flex items-center justify-between pt-4 pb-0">
<p tabindex="0" class="focus:outline-none mb-3 text-sm text-gray-600 dark:text-gray-400 text-center font-normal">
You can use Matrix chat if you already have a federated account. To join the conversation:
</p>
</div>
<div class="bg-indigo-100 rounded p-3">
<div tabindex="0" aria-label="copy link" class="focus:outline-none flex items-center">
<svg tabindex="0" aria-label="copy link icon" role="img" class="focus:outline-none" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.18213 7.76799L8.47513 7.05999L9.18213 6.35299C9.41594 6.12122 9.60168 5.84554 9.72866 5.54179C9.85565 5.23804 9.92139 4.9122 9.92211 4.58298C9.92283 4.25375 9.85852 3.92763 9.73286 3.62332C9.60721 3.31902 9.42268 3.04253 9.18989 2.80974C8.95709 2.57694 8.6806 2.39241 8.3763 2.26676C8.072 2.1411 7.74587 2.07679 7.41665 2.07751C7.08742 2.07823 6.76158 2.14397 6.45783 2.27096C6.15408 2.39795 5.8784 2.58368 5.64663 2.81749L4.93963 3.52499L4.23213 2.81799L4.94013 2.11099C5.59654 1.45458 6.48682 1.08582 7.41513 1.08582C8.34343 1.08582 9.23372 1.45458 9.89013 2.11099C10.5465 2.7674 10.9153 3.65769 10.9153 4.58599C10.9153 5.5143 10.5465 6.40458 9.89013 7.06099L9.18263 7.76799H9.18213ZM7.76813 9.18199L7.06063 9.88899C6.40422 10.5454 5.51393 10.9142 4.58563 10.9142C3.65732 10.9142 2.76704 10.5454 2.11063 9.88899C1.45422 9.23258 1.08545 8.3423 1.08545 7.41399C1.08545 6.48569 1.45422 5.59541 2.11063 4.93899L2.81813 4.23199L3.52513 4.93999L2.81813 5.64699C2.58431 5.87877 2.39858 6.15445 2.27159 6.4582C2.1446 6.76195 2.07886 7.08779 2.07814 7.41701C2.07742 7.74624 2.14173 8.07236 2.26739 8.37667C2.39305 8.68097 2.57757 8.95746 2.81037 9.19025C3.04317 9.42305 3.31965 9.60758 3.62396 9.73323C3.92826 9.85889 4.25438 9.9232 4.58361 9.92248C4.91284 9.92176 5.23868 9.85602 5.54243 9.72903C5.84618 9.60204 6.12185 9.41631 6.35363 9.18249L7.06063 8.47549L7.76813 9.18249V9.18199ZM7.41413 3.87849L8.12163 4.58599L4.58613 8.12099L3.87863 7.41399L7.41413 3.87899V3.87849Z"
fill="#4338CA"
/>
</svg>
<p class="text-xs pl-3 pr-4 leading-3 text-indigo-700">
/join #glauth_community:gitter.im
</p>
</div>
</div>
<button aria-label="close modal" class="cursor-pointer absolute top-0 right-0 mt-4 mr-5 dark:text-gray-100 text-gray-400 hover: dark:text-gray-100 text-gray-600 transition duration-150 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black rounded" @click="showChatModal=false">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="20" height="20" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<line x1="18" y1="6" x2="6" y2="18" />
<line x1="6" y1="6" x2="18" y2="18" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!-- hero -->
<div class="bg-gray-100">
<div class="container mx-auto flex flex-col items-center py-8 sm:py-16">
<div class="w-11/12 sm:w-2/3 mb-5 sm:mb-10">
<h1 class="text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl text-center text-gray-800 font-extrabold leading-tight">
Setup secure authentication in under 5 minutes
</h1>
<p class="mt-5 sm:mt-10 text-gray-600 font-normal text-center text-lg sm:text-lg">
Providing central user authentication typically is a burden, requiring a network admin battling active directory for days, if not weeks;
you need to invest in beefy servers and perform regular maintenance. <br>
→ With GLAuth, security is as easy as running a single, portable executable on the OS of your choice, and ocasionally updating your users' list.
</p>
</div>
<div class="flex justify-center items-center">
<a href="https://github.com/glauth/glauth/releases"><button class="focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 bg-indigo-700 transition duration-150 ease-in-out hover:bg-indigo-600 rounded text-white px-4 sm:px-10 py-2 sm:py-4 text-sm">Download and run now</button></a>
<a href="comparison/"><button class="flex ml-4 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 bg-white transition duration-150 ease-in-out hover:border-indigo-600 hover:text-indigo-600 rounded border border-indigo-700 text-indigo-700 px-4 sm:px-10 py-2 sm:py-4 text-sm"><img src="assets/img/paper-plane.png" class="h-4"> Compare to the rest!</button></a>
</div>
<div> </div>
<div class="flex justify-center items-center">
<a href="planet/">
<div class="flex rounded-lg shadow transition hover:shadow-lg items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 bg-white transition duration-150 ease-in-out hover:border-indigo-600 hover:text-indigo-600 rounded border border-indigo-700 text-indigo-700 text-sm pt-0" >
<img src="assets/img/b1.png" class="object-cover w-full h-full" style="filter: blur(2px);">
<div class="absolute pt-0 block text-2xl font-bold text-indigo-600 backdrop-filter backdrop-blur-lg bg-opacity-30 drop-shadow-md">
Directory
</div>
</div>
</a>
</div>
</div>
</div>
<!-- features -->
<div class="dark:bg-gray-900">
<section class="mx-auto container py-20">
<div class="flex justify-center items-center flex-col">
<div class="lg:text-4xl md:text-3xl text-2xl font-black leading-10 text-center text-gray-800 dark:text-white">
<h1>Use Cases</h1>
</div>
<div class="pt-12 grid lg:grid-cols-3 md:grid-cols-2 justify-center items-start xl:gap-y-16 gap-y-20 gap-x-16 lg:gap-x-20 xl:gap-x-0 lg:px-10 xl:px-0">
<!-- f -->
<div class="cursor-pointer hover:shadow py-6 xl:px-4 rounded xl:w-96 w-60 flex justify-center items-center flex-col">
<div class="mb-6">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.2079 0.175992L0.781281 6.91599C0.68372 6.96073 0.601072 7.03256 0.543175 7.12294C0.485278 7.21331 0.454572 7.31842 0.454712 7.42575C0.454853 7.53308 0.485833 7.63811 0.543966 7.72833C0.6021 7.81856 0.684936 7.89017 0.782614 7.93466L15.3226 14.6253C15.7519 14.8227 16.2479 14.8227 16.6773 14.6253L31.2173 7.93466C31.315 7.8903 31.3979 7.81879 31.4562 7.72865C31.5145 7.6385 31.5456 7.53351 31.5459 7.42618C31.5461 7.31885 31.5156 7.2137 31.4578 7.12325C31.4 7.0328 31.3175 6.96086 31.2199 6.91599L16.792 0.175992C16.544 0.0601174 16.2736 6.10352e-05 15.9999 6.10352e-05C15.7263 6.10352e-05 15.4559 0.0601174 15.2079 0.175992Z"
fill="#818CF8"
/>
<path
d="M31.22 15.568L28.24 14.176C28.0266 14.0763 27.794 14.0243 27.5584 14.0236C27.3229 14.0229 27.09 14.0735 26.876 14.172L16.6773 18.8653C16.4649 18.963 16.2338 19.0136 16 19.0136C15.7662 19.0136 15.5351 18.963 15.3227 18.8653L5.12267 14.172C4.90885 14.0737 4.67621 14.0232 4.4409 14.0239C4.20559 14.0246 3.97324 14.0765 3.76001 14.176L0.780006 15.568C0.682503 15.6128 0.599949 15.6848 0.54217 15.7752C0.48439 15.8657 0.453823 15.9708 0.454103 16.0782C0.454384 16.1855 0.485502 16.2905 0.543754 16.3806C0.602006 16.4708 0.684937 16.5423 0.782674 16.5866L15.3227 23.276C15.535 23.3742 15.7661 23.4251 16 23.4251C16.2339 23.4251 16.465 23.3742 16.6773 23.276L31.2173 16.5866C31.3151 16.5423 31.398 16.4708 31.4563 16.3806C31.5145 16.2905 31.5456 16.1855 31.5459 16.0782C31.5462 15.9708 31.5156 15.8657 31.4578 15.7752C31.4001 15.6848 31.3175 15.6128 31.22 15.568Z"
fill="#C7D2FE"
/>
<path
d="M31.22 24.144L28.24 22.752C28.0266 22.6522 27.794 22.6002 27.5585 22.5995C27.3229 22.5989 27.09 22.6495 26.876 22.748L16.6774 27.44C16.4649 27.5376 16.2338 27.5882 16 27.5882C15.7662 27.5882 15.5351 27.5376 15.3227 27.44L5.12269 22.7466C4.90887 22.6484 4.67623 22.5978 4.44091 22.5985C4.2056 22.5992 3.97326 22.6511 3.76002 22.7506L0.780019 24.144C0.682891 24.189 0.600708 24.2609 0.543205 24.3512C0.485701 24.4415 0.455288 24.5464 0.455568 24.6535C0.455849 24.7605 0.486813 24.8653 0.544789 24.9553C0.602765 25.0453 0.685324 25.1168 0.782686 25.1613L15.3227 31.852C15.752 32.0493 16.248 32.0493 16.6774 31.852L31.2174 25.1613C31.3147 25.1168 31.3973 25.0453 31.4553 24.9553C31.5132 24.8653 31.5442 24.7605 31.5445 24.6535C31.5448 24.5464 31.5143 24.4415 31.4568 24.3512C31.3993 24.2609 31.3172 24.189 31.22 24.144Z"
fill="#6366F1"
/>
</svg>
</div>
<div class="text-gray-800 dark:text-white text-2xl font-semibold text-center">
<h2>Progressive Rollout</h2>
</div>
<div class="text-gray-600 dark:text-gray-300 mt-2 text-lg text-center">
<p>
Keep using your legacy systems. GLAuth, as a gateway, injects security features like Two-Factor or TLS support.
</p>
</div>
</div>
<!-- /f -->
<div class="cursor-pointer hover:shadow py-6 xl:px-4 rounded xl:w-96 w-60 flex justify-center items-center flex-col">
<div class="mb-6">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33325 1.33337H30.6666L26.6666 9.33337H1.33325L5.33325 1.33337Z" fill="#818CF8" />
<path d="M5.33325 12H30.6666L26.6666 20H1.33325L5.33325 12Z" fill="#6366F1" />
<path d="M5.33325 22.6667H30.6666L26.6666 30.6667H1.33325L5.33325 22.6667Z" fill="#C7D2FE" />
</svg>
</div>
<div class="text-gray-800 dark:text-white text-2xl font-semibold text-center">
<h2>Complete Deployment</h2>
</div>
<div class="text-gray-600 dark:text-gray-300 mt-2 text-lg text-center">
<p>
Use GLAuth standalone and implement support for groups, SSH keys, home environments, Two-Factor, app passwords and physical tokens.
</p>
</div>
</div>
<div class="cursor-pointer hover:shadow py-6 xl:px-4 rounded xl:w-96 w-60 flex justify-center items-center flex-col">
<div class="mb-6">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.66658 1.33331H2.66659C2.31296 1.33331 1.97382 1.47379 1.72378 1.72384C1.47373 1.97388 1.33325 2.31302 1.33325 2.66665V29.3333C1.33325 29.6869 1.47373 30.0261 1.72378 30.2761C1.97382 30.5262 2.31296 30.6666 2.66659 30.6666H6.66658V1.33331Z" fill="#C7D2FE" />
<path
d="M9.33325 30.6666H22.6666V1.33331H9.33325V30.6666ZM15.9999 25.3333C15.6463 25.3333 15.3072 25.1928 15.0571 24.9428C14.8071 24.6927 14.6666 24.3536 14.6666 24C14.6666 23.6464 14.8071 23.3072 15.0571 23.0572C15.3072 22.8071 15.6463 22.6666 15.9999 22.6666C16.3535 22.6666 16.6927 22.8071 16.9427 23.0572C17.1928 23.3072 17.3333 23.6464 17.3333 24C17.3333 24.3536 17.1928 24.6927 16.9427 24.9428C16.6927 25.1928 16.3535 25.3333 15.9999 25.3333ZM15.9999 6.66665C16.3535 6.66665 16.6927 6.80712 16.9427 7.05717C17.1928 7.30722 17.3333 7.64636 17.3333 7.99998C17.3333 8.3536 17.1928 8.69274 16.9427 8.94279C16.6927 9.19284 16.3535 9.33331 15.9999 9.33331C15.6463 9.33331 15.3072 9.19284 15.0571 8.94279C14.8071 8.69274 14.6666 8.3536 14.6666 7.99998C14.6666 7.64636 14.8071 7.30722 15.0571 7.05717C15.3072 6.80712 15.6463 6.66665 15.9999 6.66665ZM15.9999 14.6666C16.3535 14.6666 16.6927 14.8071 16.9427 15.0572C17.1928 15.3072 17.3333 15.6464 17.3333 16C17.3333 16.3536 17.1928 16.6927 16.9427 16.9428C16.6927 17.1928 16.3535 17.3333 15.9999 17.3333C15.6463 17.3333 15.3072 17.1928 15.0571 16.9428C14.8071 16.6927 14.6666 16.3536 14.6666 16C14.6666 15.6464 14.8071 15.3072 15.0571 15.0572C15.3072 14.8071 15.6463 14.6666 15.9999 14.6666Z"
fill="#818CF8"
/>
<path d="M29.3333 1.33331H25.3333V30.6666H29.3333C29.6869 30.6666 30.026 30.5262 30.2761 30.2761C30.5261 30.0261 30.6666 29.6869 30.6666 29.3333V2.66665C30.6666 2.31302 30.5261 1.97388 30.2761 1.72384C30.026 1.47379 29.6869 1.33331 29.3333 1.33331Z" fill="#6366F1" />
</svg>
</div>
<div class="text-gray-800 dark:text-white text-2xl font-semibold text-center">
<h2>Backends</h2>
</div>
<div class="text-gray-600 dark:text-gray-300 mt-2 text-lg text-center">
<p>
Store your users in your backend of choice: simple flat files, local or in S3; OwnCloud; SQL Databases or LDAP.
</p>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- logos -->
<div class="w-full">
<div class="dark:bg-gray-900">
<section class="mx-auto container w-full py-20">
<div class="flex justify-center items-center flex-col">
<div class="">
<h2 class="lg:text-4xl text-center md:text-3xl text-2xl font-black leading-10 text-gray-800 dark:text-white">Used daily with...</h2>
</div>
<div class="mt-14">
<div class="grid lg:grid-cols-4 md:grid-cols-3 grid-cols-2 md:gap-x-10 gap-x-2 md:gap-y-10 gap-y-2 px-8 md:px-0">
<div class="w-full flex-1">
<div class="flex items-center justify-center flex-1 h-full px-6 py-9 cursor-pointer hover:bg-gray-100 bg-white shadow">
<img src="assets/logos/Ubuntu.png" />
</div>
</div>
<div class="w-full flex-1">
<div class="flex items-center justify-center flex-1 h-full px-6 py-9 cursor-pointer hover:bg-gray-100 bg-white shadow">
<img src="assets/logos/FortiClient.png" />
</div>
</div>
<div class="w-full flex-1">
<div class="flex items-center justify-center flex-1 h-full px-6 py-9 cursor-pointer hover:bg-gray-100 bg-white shadow">
<img src="assets/logos/Redhat.png" />
</div>
</div>
<div class="w-full flex-1">
<div class="flex items-center justify-center flex-1 h-full px-6 py-9 cursor-pointer hover:bg-gray-100 bg-white shadow">
<img src="assets/logos/Openvpn.png" />
</div>
</div>
<div class="w-full flex-1">
<div class="flex items-center justify-center flex-1 h-full px-6 py-9 cursor-pointer hover:bg-gray-100 bg-white shadow">
<img src="assets/logos/Activedirectory.png" />
</div>
</div>
<div class="w-full flex-1">
<div class="flex items-center justify-center flex-1 h-full px-6 py-9 cursor-pointer hover:bg-gray-100 bg-white shadow">
<img src="assets/logos/Sogo.png" />
</div>
</div>
<div class="w-full flex-1">
<div class="flex items-center justify-center flex-1 h-full px-6 py-9 cursor-pointer hover:bg-gray-100 bg-white shadow">
<img src="assets/logos/Gitlab.png" />
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Stats -->
<div class="w-full">
<div class="flex flex-col items-center">
<div class="mt-24">
</div>
<div class="pb-10">
<div class="h-full flex items-center justify-center">
<img src="https://i.ibb.co/RBfMCx4/Group-220.png" alt="graph decoration image" class="w-full h-auto absolute sm:-mt-0 -mt-4" />
<div class="md:flex md:flex-wrap w-full relative z-20 space-x-24 items-center">
<div>
<div class="flex flex-col space-y-5 items-center justify-end w-48 h-20 mt-20">
<p role="contentinfo" class="md:text-5xl text-2xl font-bold leading-10 text-gray-800">2.4K</p>
<p role="contentinfo" class="md:text-2xl text-xl leading-normal text-gray-800 text-center">Stars<br>
<i><small>x2 since July '21</small></i></p>
</div>
</div>
<div class="md:mx-36 md:my-0 my-8">
<div class="flex flex-col space-y-5 items-center justify-end w-32 h-20 mt-20">
<p role="contentinfo" class="md:text-5xl text-2xl font-bold leading-10 text-gray-800">34.7K</p>
<p role="contentinfo" class="md:text-2xl text-xl leading-normal text-gray-800 text-center">Downloads<br>
<i><small>x4.28</small></i></p>
</div>
</div>
<div>
<div class="flex flex-col space-y-5 items-center justify-end w-32 h-20 mt-20">
<p role="contentinfo" class="md:text-5xl text-2xl font-bold leading-10 text-gray-800">10.3M</p>
<p role="contentinfo" class="md:text-2xl text-xl leading-normal text-gray-800 text-center">Docker Pulls<br>
<i><small>x40!</small></i></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="pt-16">
<div tabindex="0" class="focus:outline-none w-screen bg-indigo-100 py-12 border-gray-300 border-t lg:mx-auto md:mx-auto">
<div class="container mx-auto xl:flex lg:flex text-center xl:text-left lg:text-left">
<div class="xl:w-3/6 lg:w-3/6 sm:w-full text-center xl:text-left mb-6 xl:mb-0 lg:mb-0">
<p tabindex="0" class="focus:outline-none text-gray-800">2021 The GLAuth Project Contributors.</p>
</div>
<div class="xl:w-3/6 lg:w-3/6 sm:w-full">
<ul class="xl:flex lg:flex md:flex sm:flex justify-around">
<li class="text-gray-800 hover:text-gray-900 mb-3 xl:mb-0 lg:mb-0 md:mb-0 sm:mb-0">
<a class="focus:outline-none focus:underline hover:text-gray-500" href="https://opensource.org/licenses/MIT">MIT License</a>
</li>
<li class="text-gray-800 hover:text-gray-900 mb-3 xl:mb-0 lg:mb-0 md:mb-0 sm:mb-0">
<a class="focus:outline-none focus:underline hover:text-gray-500" href="javascript:void(0)"></a>
</li>
<li class="text-gray-800 hover:text-gray-900 mb-3 xl:mb-0 lg:mb-0 md:mb-0 sm:mb-0">
<a class="focus:outline-none focus:underline hover:text-gray-500" href="javascript:void(0)"></a>
</li>
<li class="text-gray-800 hover:text-gray-900 mb-3 xl:mb-0 lg:mb-0 md:mb-0 sm:mb-0">
<a class="focus:outline-none focus:underline hover:text-gray-500" href="javascript:void(0)"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>