-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (128 loc) · 6.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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ajada - Your Dating Secretary</title>
<link rel="stylesheet" type="text/css" href="lib/bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="styles/main.css">
</head>
<body>
<div id="container">
<!-- HOME PAGE -->
<section id="entry-screen" class="page">
<h1 id="homeTitle">Ajada</h1>
<p id="homeSlogan">Your dating secretary.</p>
<div id="home-page">
<div id="content">
<input class="middle form-control" type="text" id="email" placeholder="Enter Email">
<input class="middle form-control" type="password" id="password" placeholder="Enter Password">
<!-- Login -->
<button class="middle page-turn btn btn-default" type="button" id="login" next="profile-page">Login</button>
<!-- Signup -->
<button class="middle page-turn btn btn-default" type="button" id="signupButton" next="sign-up">Sign Up</button>
</div>
</div>
</section>
<!-- SIGN UP PAGE -->
<section class="page sign-up">
<div id="ajada-header">
<img src="./images/ajada-head.png" class="head">
<h2>Ajada Says, "Sign Up, Please!"</h2>
</div>
<div id="account-creation-page">
<div id="content" class="create-account">
<input class="middle form-control" type="text" id="create-firstname" placeholder="Enter First Name">
<input class="middle form-control" type="text" id="create-lastname" placeholder="Enter Last Name">
<input class="middle form-control" type="text" id="create-email-input" placeholder="Enter Email">
<input class="middle form-control" type="text" id="create-username-input" placeholder="Enter Username">
<input class="middle form-control" type="password" id="create-password-input" placeholder="Enter Password">
<input class="middle form-control" type="text" id="age-input" placeholder="Enter Age">
<div id="gender-options">
<input class="middle form-control" type="radio" value="male" name="gender" id="gender-input-m"><label>Male</label>
<input class="middle form-control" type="radio" value="female" name="gender" id="gender-input-f"><label>Female</label>
</div>
<div id="orientation-options">
<input class="middle form-control" type="radio" value="straight" name="orientation" id="gender-input-straight"><label>Straight</label>
<input class="middle form-control" type="radio" value="gay" name="orientation" id="orientation-input-gay"><label>Gay</label>
<input class="middle form-control" type="radio" value="bisexual" name="orientation" id="orientation-input-bi"><label>Bisexual</label>
</div>
<div id="essay">
<textarea class="middle form-control" type="text" placeholder="Tell Us A Little About Yourself!" id="essayText"></textarea>
</div>
<!-- TBD: UPLOAD PHOTO FUNCTIONALITY
<input class="middle form-control" type="text" id="password" placeholder="Upload Photo"> -->
<button class="middle page-turn btn btn-default" type="button" id="submit-created-profile" next="profile-page">Submit Info</button>
</div>
</div>
</section>
<!-- PROFILE PAGE -->
<section class="page profile-page">
<div id="ajada-header">
<img src="./images/ajada-head.png" class="head">
<h2>Ajada Says, "Welcome!"</h2>
</div>
<div id="profile-page">
<div id="content">
<div id="profile-content">
</div>
<div>
<div id="event-list-header">
<h3>YOUR MATCHES</h3>
<button class="middle page-turn btn btn-default" type="button" id="login" next="activity-page">Search Matches</button>
</div>
<div id="people-list">
</div>
</div>
<div>
<div id="event-list-header">
<h3>YOUR EVENTS</h3>
<button class="middle page-turn btn btn-default" type="button" id="login" next="activity-page">Choose New Activity</button>
</div>
<div id="event-list">
</div>
</div>
</div>
</div>
</section>
<!-- POTENTIAL ACTIVITIES LISTING PAGE -->
<section class="page activity-page">
<h1 id="homeTitle">ActiveAjada</h1>
<p id="homeSlogan">This is the activity page.</p>
<div id="home-page">
<div id="content">
<button class="middle page-turn btn btn-default" type="button" id="login" next="activity-page">Filter1</button>
<button class="middle page-turn btn btn-default" type="button" id="login" next="activity-page">Filter2</button>
<button class="middle page-turn btn btn-default" type="button" id="login" next="activity-match-page">Clear Filter</button>
<p>List of activities</p>
</div>
</div>
</section>
<!-- ACTVITY MATCH PAGE -->
<section class="page activity-match-page">
<h1 id="homeTitle">matchAjada</h1>
<p id="homeSlogan">This is the activity match page.</p>
<div id="home-page">
<div id="content">
<img src="" style="width: 100px; height: 100px; background-color: red;">
<p>Event info</p>
<p>Profile matches with buttons.</p>
<button class="middle page-turn btn btn-default" type="button" id="login" next="confirm-activity-page">Clear Filter</button>
</div>
</div>
</section>
<!-- FINAL CONFIRM ACTIVITY PAGE -->
<section class="page confirm-activity-page">
<h1 id="homeTitle">confirmAjada</h1>
<p id="homeSlogan">This is the confirmed activity page.</p>
<div id="home-page">
<div id="content">
<img src="" style="width: 100px; height: 100px; background-color: red;">
<p>Confirmation info</p>
<p>Contact info and mini messaging.</p>
</div>
</div>
</section>
</div>
<script data-main="javascripts/dating-site" src="lib/bower_components/requirejs/require.js"></script>
</body>
</html>