-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
39 lines (34 loc) · 1.99 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
<!DOCTYPE html>
<html style="height: 100%;">
<head>
<title>Sample Form Actions</title>
<script src="saveAuth.js"></script>
</head>
<body style="margin: 0; height: 100%; font-family: arial;">
<div style="height: 100%; background: #00A3D9;">
<div style="text-align: center; padding: 100px 0; background: #00BFFF;">
<h1 style="color: #fff;">Auth App</h1>
</div>
<div style="text-align: center; padding: 50px 0;">
<h2 style="color: #fff;">Login Form</h2>
<form style="text-align: left; max-width: 600px; margin: 0 auto;">
<input id="username" type="text" style="padding: 10px; width: 100%; border: 1px solid rgba(0,0,0,0.4); border-radius: 4px; color: #555; margin-bottom: 20px;" placeholder="Enter Your Name" />
<input id="password" type="password" style="padding: 10px; width: 100%; border: 1px solid rgba(0,0,0,0.4); border-radius: 4px; color: #555;" placeholder="Enter Your Password" />
<input type="button" style="display: block; background: #444; border: none; padding: 10px 50px; margin: 30px auto; color: #fff; cursor: pointer;" onclick='saveSettings()' value="Save Auth File"/>
</form>
</div>
<div style="text-align: center; padding: 50px 0;">
<h2 style="color: #fff;">Upload Form</h2>
<form style="text-align: left; max-width: 600px; margin: 0 auto;" action="/cgi-bin/upload.cgi" method="post" enctype="multipart/form-data">
File to upload: <input type="file" name="fileSelection">
<input type="submit" style="display: block; background: #444; border: none; padding: 10px 50px; margin: 30px auto; color: #fff; cursor: pointer;" value="Upload"/>
</form>
</div>
<div style="text-align: center; padding: 50px 0; background: #B6B455;">
<h2 style="color: #444;">Your Input</h2>
<div id="info-div" style="padding: 20px; line-hieght: 40px; max-width: 400px; min-height: 40px; background: rgba(255,255,255,0.6); margin: 0 auto; border-radius: 4px;">
Test Block</div>
</div>
</div>
</body>
</html>