-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathprofile.html
78 lines (63 loc) · 2.49 KB
/
profile.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="analyze.css">
<!-- <link rel="stylesheet" href="explore.css"> -->
<link rel="stylesheet" href="profile.css">
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="Favicon.PNG" />
<script src="https://www.gstatic.com/firebasejs/8.2.10/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.10/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.0/firebase-database.js"></script>
<script src="signin.js"></script>
<script src="database.js"></script>
<script src="makePost.js"></script>
<script src="profile.js"></script>
<script src="handleLogin.js"></script>
<title>Profile</title>
</head>
<body>
<div id="mySidenav" class="sidenav">
<a style="cursor: pointer" class="closebtn" onclick="closeNav()">×</a>
<a href="analyze.html">Analyze Recipe</a>
<a href="explore.html">Explore</a>
<div class="login-co">
<a href="signin.html">Login</a>
</div>
</div>
<header>
<nav>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰</span>
<a href="index.html">Smart-Meal</a>
</nav>
</header>
<div id = 'nav-space'></div>
<div id = 'cont'>
<div id = "profile-img-cont">
<div id = "profile-img"></div>
</div>
<div id = 'about'>
<div id = 'username'>
<h3>USERNAME</h2>
</div>
<h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium
optio, eaque rerum!</h4>
</div>
<div id = "post-cont"></div>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
</body>
</html>