-
Notifications
You must be signed in to change notification settings - Fork 0
/
arrangement02.html
167 lines (131 loc) · 5.73 KB
/
arrangement02.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
---
permalink: /02/
---
<!DOCTYPE html>
<html>
<head>
<script src="{{ site.url }}/js/logging.js"></script>
<script src="{{ site.url }}/js/multiPage.js"></script>
<link rel="stylesheet" type="text/css" href="{{ site.url }}/css/index.css">
</head>
<body>
<div id="header">
<span id="logo">Craigslist</span>
<input type="text" id="search" placeholder="Search...">
<nav id="menu">
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</nav>
</div>
<div id="content">
<div id="log-version">02</div>
<div id="view-landing" class="view">
<button id="create-post-btn" class="btn-medium">Create New Post</button>
<div id="curated-posts"></div>
<div id="community-recs"></div>
</div>
<div id="view01" class="view">
<form id="form01">
<div><strong>What type of posting is this?</strong></div>
<br>
<input type="radio" id="job-offered" name="post_type" value="Job Offered">
<label for="job-offered">Job Offered</label>
<br>
<input type="radio" id="gig-offered" name="post_type" value="Gig Offered">
<label for="gig-offered">Gig Offered</label>
<br>
<input type="radio" id="job-wanted" name="post_type" value="Job Wanted">
<label for="job-wanted">Resume / Job Wanted</label>
<br><br>
<input type="radio" id="housing-offered" name="post_type" value="Housing Offered">
<label for="housing-offered">Housing Offered</label>
<br>
<input type="radio" id="housing-wanted" name="post_type" value="Housing Wanted">
<label for="housing-wanted">Housing Wanted</label>
<br><br>
<input type="radio" id="for-sale-owner" name="post_type" value="For Sale by Owner">
<label for="for-sale-owner">For Sale by Owner</label>
<br>
<input type="radio" id="for-sale-dealer" name="post_type" value="For Sale by Dealer">
<label for="for-sale-dealer">For Sale by Dealer</label>
<br>
<input type="radio" id="wanted-owner" name="post_type" value="Wanted by Owner">
<label for="wanted-owner">Wanted by Owner</label>
<br><br>
<input type="radio" id="service-offered" name="post_type" value="Service Offered">
<label for="service-offered">Service Offered</label>
<br><br>
<input type="radio" id="community" name="post_type" value="Community">
<label for="community">Community</label>
<br>
<input type="radio" id="event" name="post_type" value="Event / Class">
<label for="event">Event / Class</label>
<br><br><br>
<input type="submit" value="Continue" class="btn-medium">
</form>
</div>
<div id="view02" class="view">
<form id="form02">
<div><strong>Please choose a category:</strong></div>
<br>
<input type="radio" id="activity-partners" name="post_type" value="Activity Partners">
<label for="activity-partners">Activity Partners</label>
<br>
<input type="radio" id="artists" name="post_type" value="Artists">
<label for="artists">Artists</label>
<br>
<input type="radio" id="childcare" name="post_type" value="Childcare">
<label for="childcare">Childcare</label>
<br>
<input type="radio" id="general-community" name="post_type" value="General Community">
<label for="general-community">General Community</label>
<br>
<input type="radio" id="groups" name="post_type" value="Groups">
<label for="groups">Groups</label>
<br>
<input type="radio" id="local-news-views" name="post_type" value="Local News and Views">
<label for="local-news-views">Local News & Views</label>
<br>
<input type="radio" id="lost-found" name="post_type" value="Lost and Found">
<label for="lost-found">Lost & Found</label>
<br>
<input type="radio" id="missed-connections" name="post_type" value="Missed Connections">
<label for="missed-connections">Missed Connections</label>
<br>
<input type="radio" id="musicians" name="post_type" value="Musicians">
<label for="musicians">Musicians</label>
<br>
<input type="radio" id="pets" name="post_type" value="Pets">
<label for="pets">Pets</label>
<br>
<input type="radio" id="politics" name="post_type" value="Politics">
<label for="politics">Politics</label>
<br>
<input type="radio" id="rants-raves" name="post_type" value="Rants and Raves">
<label for="rants-raves">Rants & Raves</label>
<br>
<input type="radio" id="rideshare" name="post_type" value="Rideshare">
<label for="rideshare">Rideshare</label>
<br>
<input type="radio" id="volunteers" name="post_type" value="Volunteers">
<label for="volunteers">Volunteers</label>
<br><br><br>
<input type="submit" value="Continue" class="btn-medium">
</form>
</div>
<div id="view03" class="view">
<form id="create-post-form">
<input type="text" placeholder="Title" value="Dummy Post Title" disabled>
<textarea placeholder="Enter post description" disabled>This is a dummy post description.</textarea>
<input type="submit" value="Create Post" class="btn-medium">
</form>
</div>
<div id="view-post-created" class="view">
Congratulations! Your post was created successfully.
</div>
</div>
</body>
</html>