-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (62 loc) · 4.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>HTTP Basic Auth Demo</title>
<meta name="description" content="This demo shows how to use the Aerobatic HTTP Basic Auth plugin">
<meta name="author" content="Aerobatic">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/skeleton.css">
<link rel="stylesheet" href="/css/custom.css">
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="/js/site.js"></script>
</head>
<body class="code-snippets-visible">
<div class="navbar-spacer"></div>
<nav class="navbar">
<div class="container">
<a href="http://www.aerobatic.com"><img src="/images/aerobatic_logo.png"></a>
</div>
</nav>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<section class="header">
<h1 class="title">HTTP Basic Auth Demo</h1>
</section>
<!-- Why use Skeleton -->
<div class="docs-section" id="intro">
<p style="font-weight: bold;">We now recommend you use the <a href="https://www.aerobatic.com/docs/plugins/password-protect/">password-protect plugin</a> instead of basic-auth.</p>
<p>Sometimes you just need to provide a global basic username/password protection on an app. Often HTTP basic authentication is a “good enough” solution. This plugin lets you secure all or part of your app with a username and password stored in environment variables.</p>
<p>We offer two flavors of basic auth: standard and custom. With standard basic auth, unauthenticated users are prompted to enter the website username and password in the browser's built-in authorziation dialog. This gets the job done, but it doesn't allow for any customization or branding. Custom basic auth, available only for paid plans, allows you to present your website visitors a fully custom login html page.</p>
</div>
<!-- Example -->
<div class="docs-section examples" id="examples">
<h6 class="docs-header">Example</h6>
<div class="row example">
<p>Access to this site is restricted to our clients.</p>
<p>
<a class="button button-primary" href="/protected-standard/" role="button">Standard auth</a>
<a class="button button-primary" href="/protected-custom/" role="button">Custom auth</a>
</p>
<p> p.s. Since this is just a demo, the username and password are 'aerobatic'.</p>
<p>To implement basic auth in your web app, see the Aerobatic <a href="http://www.aerobatic.com/docs/plugins/basic-auth/">documentation</a> or view the <a href="https://github.com/aerobatic/basic-auth-demo">source code</a> for this demo.</p>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>