-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
402 lines (373 loc) · 20.3 KB
/
Copy pathindex.html
File metadata and controls
402 lines (373 loc) · 20.3 KB
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
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>CO-Auth - The companion after authentication</title>
<meta
content="CO-Auth - A Companion post Authentication. Which can be used for any verification / authentication purpose or even as a 2FA or MFA."
name="description" />
<meta
content="OAuth, OAuth 2.0, 2FA, MFA, Multi-factor authentication, QR Login, Time based OTP, Access Code, Passwordless login"
name="keywords" />
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon" />
<link href="assets/img/favicon.png" rel="apple-touch-icon" />
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet" />
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet" />
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet" />
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet" />
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
<script>
function workInProgress() {
alert("Work in Progress. Thank you for your patience. Coming Soon!");
}
</script>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center">
<a href="index.html" class="logo me-auto"><img src="assets/img/coauth_logo.png" alt="" class="img-fluid" /></a>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#home">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li>
<a class="nav-link scrollto" href="https://documentation.coauth.dev" target="_blank">Documentation</a>
</li>
<li>
<a class="nav-link scrollto" href="#faq">FAQ</a>
</li>
<li>
<a class="nav-link scrollto" href="https://github.com/coauth" target="_blank">Github</a>
</li>
<li>
<a class="nav-link scrollto" href="https://github.com/godwinpinto" target="_blank">Contact</a>
</li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<!-- .navbar -->
</div>
</header>
<!-- End Header -->
<!-- ======= Home Section ======= -->
<section id="home" class="d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1"
data-aos="fade-up" data-aos-delay="200">
<h1>CO-Auth: Your Guard after Authentication</h1>
<h2>
Protect your sensitive transactions with CO-Auth's authorization modules.
</h2>
<h2>Open Source and Free!!!</h2>
<div class="d-flex justify-content-center justify-content-lg-start">
<div>
<a href="https://documentation.coauth.dev" target="_blank" class="btn-get-started scrollto">Get
Started</a>
</div>
<div> </div>
<div>
<a href="https://github.com/coauth" target="_blank" class="btn-github scrollto">
<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-mark-github" aria-hidden="true">
<path
d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z">
</path>
</svg>
<span>Follow</span></a>
</div>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
<img src="assets/img/banner.png" class="img-fluid animated" alt="" />
</div>
</div>
</div>
</section>
<!-- End Home -->
<main id="main">
<!-- ======= Clients Section ======= -->
<section id="clients" class="clients section-bg">
<div class="container client-note">
<div class="row justify-content-center">
<div class="col-lg-8">
<h4>Companies using CO-Auth</h4>
<p>
Thank you for considering CO-Auth in your organization. We
would be glad to have your organization logo listed as an
adopter of CO-Auth.
</p>
</div>
</div>
</div>
</section>
<!-- End Cliens Section -->
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>About <strong>CO-Auth</strong></h2>
</div>
<div class="row content">
<div class="col-lg-6">
<p>
With CO-Auth you can choose the authorization for your Web applications, Desktop GUI and Cloud Shell from
a list of configurable options for your transactions (i.e. post authentication).<br/>
MFA / 2FA isn't part of Auth? :P. It's the extension step for verification i.e. authorization. With CO-Auth, plug them anywhere.
</p>
<ul>
<li><i class="ri-hourglass-line"></i> Time Based OTP (Work in progress)</li>
<li><i class="ri-hourglass-line"></i> Re-confirm (Work in progress)</li>
<li><i class="ri-time-line"></i> QR Code scan (Coming soon)</li>
<li><i class="ri-time-line"></i> Dynamic Access Codes (Coming soon)</li>
<li><i class="ri-time-line"></i> Regular OTP (Coming soon)</li>
<li><i class="ri-time-line"></i> Whatsapp Link verification (Coming soon)</li>
<li><i class="ri-time-line"></i> Voice OTP (Coming soon)</li>
<li><i class="ri-time-line"></i> Security questions (Coming soon)</li>
<li><i class="ri-time-line"></i> App Based verification (Coming soon)</li>
</ul>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
Why build your own authorizations / keep them updated when you can
quickly leverage with CO-Auth. More importantly, you transactional authorization
shouldn't be residing on the same system as your core
authentication.
</p>
<p>
Platforms supported / planned
</p>
<ul>
<li><i class="ri-check-double-line"></i> Web Applications (Work in progress)</li>
<li><i class="ri-time-line"></i> Desktop / GUI (Windows / Ubuntu / Mac) (Coming soon)</li>
<li><i class="ri-time-line"></i> Cloud Shell (Coming soon)</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End About Us Section -->
<!-- ======= Why Us Section ======= -->
<section id="why-us" class="why-us section-bg">
<div class="container-fluid" data-aos="fade-up">
<div class="row">
<div class="col-lg-7 d-flex flex-column justify-content-center align-items-stretch order-2 order-lg-1">
<div class="content">
<h3>Our <strong>Philosophy</strong></h3>
<p>Why we think CO-Auth makes sense...</p>
</div>
<div class="accordion-list">
<ul>
<li>
<a data-bs-toggle="collapse" class="collapse" data-bs-target="#accordion-list-1"><span>01</span>
Is SSO, SAML, Oauth, OpenID enough?
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-1" class="collapse show" data-bs-parent=".accordion-list">
<p>
SSO, SAML, OAuth, and OpenID excel at authentication, but they may lack post-authentication affirmation for sensitive actions. As a result, organizations often build additional verification methods like OTP and security questions to ensure comprehensive security beyond initial login.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" class="collapsed" data-bs-target="#accordion-list-2"><span>02</span>
Pretending, we dont share our passwords? What about screens / logged-in session?
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-2" class="collapse" data-bs-parent=".accordion-list">
<p>
Despite secure password policies, risks persist with shared screens and continuous logged-in sessions, especially in remote work. Organizations need to address these vulnerabilities to prevent unauthorized access effectively.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" class="collapsed" data-bs-target="#accordion-list-3"><span>03</span>
Your authorization Factors should be Seperate Systems?
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-3" class="collapse" data-bs-parent=".accordion-list">
<p>
Separating authorization factors into distinct systems adds an extra layer of security. If core application passwords are compromised, this segregation helps mitigate the risk and provides additional protection.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-4" class="collapsed"><span>04</span>
Don't Re-implement?
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-4" class="collapse" data-bs-parent=".accordion-list">
<p>
Avoid re-implementing Two-Factor Authentication (2FA) for each system. Instead, use a centralized approach when you have multiple applications requiring 2FA. This streamlines implementation, enhances consistency, and simplifies management.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-5" class="collapsed"><span>05</span>
Leave it to the experts
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-5" class="collapse" data-bs-parent=".accordion-list">
<p>
Emphasize best practices over just functional modules. Opt for widely adopted solutions and leave it to the experts to ensure robust security measures rather than reinventing the wheel.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-6" class="collapsed"><span>06</span> Bad
User Experience
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-6" class="collapse" data-bs-parent=".accordion-list">
<p>
Choosing a unified authorization module is ideal for a seamless user experience. However, with CO-Auth, you have the flexibility to cater to multiple faces.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-7" class="collapsed"><span>07</span>
Pluggable / Configurable
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-7" class="collapse" data-bs-parent=".accordion-list">
<p>
Opt for a pluggable and configurable authentication module that allows you to switch authentication methods without rewriting the entire logic. For instance, enabling access to banking codes via a mobile app instead of SMS, email, or TOTP during international travel. This flexibility enhances user experience and security adaptation.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-8" class="collapsed"><span>08</span>
Simple, modern but also secure 2nd to nth Auth
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-8" class="collapse" data-bs-parent=".accordion-list">
<p>
CO-Auth modules provide a blend of simplicity, modernity, and security. They can be utilized for various authentication methods, including QR Login or Whatsapp Login (beyond the memory recall password), ensuring a user-friendly yet secure authentication experience.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 align-items-stretch order-1 order-lg-2 img"
style="background-image: url('assets/img/why-us.png')" data-aos="zoom-in" data-aos-delay="150">
</div>
</div>
</div>
</section>
<!-- End Why Us Section -->
<!-- ======= Cta Section ======= -->
<section id="sponsor" class="cta">
<div class="container" data-aos="zoom-in">
<div class="row">
<div class="col-lg-9 text-center text-lg-start">
<h3>Considering to Contribute / Sponsor?</h3>
<p>
CO-Auth is a self funded open source work in extra time. Feel free to contribute with your knowledge by;
<ul style="list-style: none; color:#FFF">
<li><i class="ri-arrow-right-line"></i> Raising issues</li>
<li><i class="ri-arrow-right-line"></i> Testing</li>
<li><i class="ri-arrow-right-line"></i> Code Contribution</li>
<li><i class="ri-arrow-right-line"></i> Follow us on <a href="https://github.com/coauth"
target="_blank">Github</a></li>
<li><i class="ri-arrow-right-line"></i> Sponsorship. It will help us support the bills for
maintaining CO-Auth infrastructure also including lots of coffee :).</li>
</ul>
</p>
</div>
<div class="col-lg-3 cta-btn-container text-center">
<div></div>
<a class="cta-btn align-right" href="https://github.com/sponsors/godwinpinto" target="_blank">
<svg viewBox="0 0 16 16" width="16" height="16" class="octicon octicon-heart" aria-hidden="true">
<path
d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z">
</path>
</svg>
Visit Github Sponsor</a>
</div>
</div>
</div>
</section>
<!-- End Cta Section -->
<!-- ======= Frequently Asked Questions Section ======= -->
<section id="faq" class="faq section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Frequently Asked Questions</h2>
<p>Doubts or questions that you might have</p>
</div>
<div class="faq-list">
<ul>
<li data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-help-circle icon-help"></i>
<a data-bs-toggle="collapse" class="collapse" data-bs-target="#faq-list-1">Is there a paid / pro version?
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-1" class="collapse show" data-bs-parent=".faq-list">
<p>
Co-Auth is created as an OSS. Fully Open Source! There is no enterprise version with added benefits.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-help-circle icon-help"></i>
<a data-bs-toggle="collapse" data-bs-target="#faq-list-2" class="collapsed">I need professional
implementation, customization and support? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-2" class="collapse" data-bs-parent=".faq-list">
<p>
Connect with me on Twitter @godwin_pinto or linkedin.com/in/pinto-godwin. I can direct you to
organization that can facilitate this. <br /><br />However, there is no hard-and-fast rule. Any
software development company can facilitate with the knowledge of CO-Auth's tech stack. Refer documentation for more
details.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-help-circle icon-help"></i>
<a data-bs-toggle="collapse" data-bs-target="#faq-list-3" class="collapsed">Personal consultation
time?
<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-3" class="collapse" data-bs-parent=".faq-list">
<p>
Feel free to connect with me on Twitter @godwin_pinto or
linkedin.com/in/pinto-godwin, lets chat and see way forward.
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- End Frequently Asked Questions Section -->
</main>
<!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container footer-bottom clearfix">
<div class="copyright">
©
<strong><span>coauth.dev</span></strong>
</div>
<div class="credits">
Website template design by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer>
<!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<!-- <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
-->
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>