forked from ConnieLuong/CaMo
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprofile.html
More file actions
125 lines (115 loc) · 4.08 KB
/
profile.html
File metadata and controls
125 lines (115 loc) · 4.08 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Camo - Profile</title>
<!--Stylesheets-->
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/profile.css">
</head>
<body>
<!--Menu Bar-->
<nav id="menu"></nav>
<!--Profile Header / User-->
<div id="profile-header" class="row" style="width:100%; margin: 0; padding-top: 40px;">
<div class="col-md-3" style="padding-top: 40px;">
<h1 style="color:white">" Hello</h1>
<h3 style="color:white"><span id="user"></span> "</h3>
</div>
<div class="col-md-6">
<img src="image/userProfileImage.png" class="center">
<!--<a href="more_page/accountSettings.html"><button class="edit-profile"> Edit Profile</button></a>-->
<button id="logout" class="log-out" onclick="clickLogOut()" style="cursor:pointer"> Log Out</button></a>
</div>
<div class="col-md-3" style="padding-top:40px;">
<h3 style="color:white">"I want to explore</h3>
<h3 style="color:white">Cafes in</h3>
<h1 style="color:white">San Diego "</h1>
</div>
</div>
<!--Your Collections--
<div class="container" >
<div class="collection-wrapper">
<--Preset Collections--
<h2> Your Collections </h2>
<div class="row">
<div class="col-md-3">
<a href="collections/collection.html?collection_page=bomb">
<figure>
<img src="image/bomb.jpg" style="width:100%;">
<figcaption> Bomb </figcaption>
</figure>
</a>
</div>
<div class="col-md-3">
<a href="collections/collection.html?collection_page=wishlist">
<figure>
<img src="image/wish-list.jpg" style="width:100%;">
<figcaption> Wish List </figcaption>
</figure>
</a>
</div>
<div class="col-md-3">
<a href="collections/collection.html?collection_page=coolaf">
<figure>
<img src="image/cool-af.jpg" style="width:100%;">
<figcaption> Cool AF </figcaption>
</figure>
</a>
</div>
<div class="col-md-3">
<a href="collections/collection.html?collection_page=momsfaves">
<figure>
<img src="image/momsfaves.jpg" style="width:100%;">
<figcaption> Mom's Favs </figcaption>
</figure>
</a>
</div>
</div>
<--Add Collection Here--
<div class='row' id="addedCollection"></div>
</div>
<-- Add new collection button--
<div class="col-md-3" id="addCollectionButton">
<figure>
<--<img src="image/newCollection1.png" onclick="add()" style="width:100%;">
<--<button onclick="add()" style="border: 3px solid black; padding: 10px; margin: auto;">Add New Collection</button>
<--layover--
<div id="myModal" class="modal" style="width: 50vw; margin:auto; margin-top: 20vh;">
<div class="modal-content">
<div class="modal-header" style="text-align: center">
<h3>Add a new collection</h3>
<span class="close">×</span>
</div>
<div>
<form name="form" style="width: 40vw; margin: 0 auto;">
<--<h6 style="text-align: center; display: inline;">Collection Name: </h6>--
<input name="collection" type="text" id="inputCollectionName" placeholder="Type new category name" style="width: 100%; text-align: center; border: 2px solid black; border-radius: 3px; margin: 2rem; margin-left: -0.4rem;">
</form>
</div>
<div class="modal-footer">
<button id="cancel">Cancel</button>
<button id="add" onclick="addCollection()">Add</button>
</div>
</div>
</div>
</figure>
</div>
</div>
<-- Cafe Card Template --
<script id="cafeCard" type="text/x-handlebars-template">
<div class="col-md-3">
<a href="#">
<figure>
<img src="image/newCollection3.png" style="width:100%;">
<figcaption>{{newCollectionName}}</figcaption>
</figure>
</a>
</div>
</script>-->
<!-- Load Scripts-->
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/mainpages.js"></script>
<script src="js/handlebars-v4.0.11.js"></script> <!-- for templating -->
<script src="js/profile.js"></script>
</body>
</html>