forked from dfarrenk/ProjectOne
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (121 loc) · 5.16 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Secret Santa Dashboard</title>
<!-- Firebase link -->
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-messaging.js"></script>
<!-- initializing firebase -->
<script src="assets/javascript/firebase_initialization.js"></script>
<!-- JQuery link -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Materialize CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<!--------------------->
<!-- Manual Styling -->
<link rel="stylesheet" href="assets/css/indexStyle.css" type="text/css" />
</head>
<body>
<div id="header" class="valign-wrapper">
<img src="assets/images/secretSanta.png" alt="Secret Santa Image">
</div>
<div class="container">
<div class="row">
<div class="col s12 col l5">
<div class="card">
<div class="card-content">
<span>First time here?</span>
<span class="card-title"> Create/Join Group </span>
<form>
<div class="input-field">
<input id="loginNewGroup" type="text" class="validate">
<label for="loginNewGroup">Create New Group</label>
</div>
<div class="input-field">
<input id="loginJoinGroup" type="text" class="validate">
<label for="loginJoinGroup">Join An Existing Group</label>
</div>
<button id="startRegisterButton" type="button" class="btn-floating btn-large right"><i class="material-icons">arrow_forward</i></button>
</form>
</div>
</div>
</div>
<div class="col s12 col l5 offset-l2">
<div class="card">
<div class="card-content">
<span>Already have an account?</span>
<span class="card-title">Login</span>
<form>
<div class="input-field">
<input id="loginEmail" type="email" class="validate">
<label for="loginEmail">Email</label>
</div>
<div class="input-field">
<input id="loginPassword" type="password" class="validate">
<label for="loginPassword">password</label>
</div>
<button id="loginButton" type="button" class="btn-floating btn-large right"><i class="material-icons">arrow_forward</i></button>
</form>
</div>
</div>
</div>
</div>
<div id="registerModal" class="modal">
<div class="modal-content">
<div class="row">
<h5>Register your account.</h5>
</div>
<div class="row">
<div id="formLeft" class="col s12 m5">
<div class="input-field">
<input id="registerAlias" type="text">
<label for="registerAlias">Create Alias</label>
</div>
<div class="input-field">
<input id="registerName" type="text">
<label for="registerName">Name</label>
</div>
</div>
<div id="formRight" class="col s12 m5 offset-m2">
<div class="input-field">
<input id="registerEmail" type="email" class="validate">
<label for="registerEmail">Email</label>
</div>
<div class="input-field">
<input id="registerPassword" type="password" class="validate">
<label for="registerPassword">Password</label>
</div>
<div class="input-field">
<input id="registerPasswordConfirm" type="password" class="validate">
<label for="registerPasswordConfirm">Confirm Password</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button id="registerButton" type="button" class="btn">Register</button>
</div>
</div>
<div id="messageModal" class="modal">
<div class="modal-content">
<h4>Oops!</h4>
<p id="message" class="center"></p>
</div>
<div class="modal-footer">
<button id="acknowledgeButton" type="button" class="btn">Ok</button>
</div>
</div>
</div>
<script src="assets/javascript/indexScript.js"></script>
<script src="assets/javascript/index_user_authentication.js"></script>
</body>
</html>