-
Notifications
You must be signed in to change notification settings - Fork 0
/
editprofile.html
59 lines (56 loc) · 12.5 KB
/
editprofile.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
<!doctype html>
<html>
<head>
<!-- CREDIT TO https://stibarc.com -->
<!-- CREDIT TO https://reddit.com -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Edit Profile - STiBaRC</title>
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
<link rel="manifest" href="favicons/site.webmanifest">
<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="styles/reddit-fonts.css" />
<link rel="stylesheet" href="styles/main.css" />
</head>
<body>
<!-- START -->
<div class="nav">
<div style="display:inline-block;"><a class="Home" href="index.html"><img src="stibarc-logo-text.png" alt="STiBaRC"></a></div>
<div style="display:inline-block;" class="search-bar s34qbm0-3 hdeFUB" id="SearchDropdown">
<label class="s34qbm0-1 uTQbZ" for="header-search-bar"><svg class="_3jiriKeNer8y0-1r6oWIFM s34qbm0-2 cHARgT" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"><g><path d="M12.4743167,11.1299698 L14.6957506,13.2817166 C15.0924476,13.665969 15.1025359,14.2990536 14.7182834,14.6957506 C14.334031,15.0924476 13.7009464,15.1025359 13.3042494,14.7182834 L11.0486163,12.5334103 C10.0079655,13.2768564 8.73367013,13.7142857 7.35714286,13.7142857 C3.84600096,13.7142857 1,10.8682847 1,7.35714286 C1,3.84600096 3.84600096,1 7.35714286,1 C10.8682847,1 13.7142857,3.84600096 13.7142857,7.35714286 C13.7142857,8.76975383 13.2536226,10.0747029 12.4743167,11.1299698 Z M11.7142857,7.35714286 C11.7142857,4.95057046 9.76371525,3 7.35714286,3 C4.95057046,3 3,4.95057046 3,7.35714286 C3,9.76371525 4.95057046,11.7142857 7.35714286,11.7142857 C9.76371525,11.7142857 11.7142857,9.76371525 11.7142857,7.35714286 Z"></path></g></svg></label><form action="search.html?q=" autocomplete="off" method="get"><input type="search" class="s34qbm0-0 itxuZb" id="header-search-bar" name="q" placeholder="Search STiBaRC" role="search" value=""></form></div>
<div class="items">
<svg class="_3jiriKeNer8y0-1r6oWIFM s34qbm0-2 cHARgT small-q bgcolor-transition" id="search-btn" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"><g><path d="M12.4743167,11.1299698 L14.6957506,13.2817166 C15.0924476,13.665969 15.1025359,14.2990536 14.7182834,14.6957506 C14.334031,15.0924476 13.7009464,15.1025359 13.3042494,14.7182834 L11.0486163,12.5334103 C10.0079655,13.2768564 8.73367013,13.7142857 7.35714286,13.7142857 C3.84600096,13.7142857 1,10.8682847 1,7.35714286 C1,3.84600096 3.84600096,1 7.35714286,1 C10.8682847,1 13.7142857,3.84600096 13.7142857,7.35714286 C13.7142857,8.76975383 13.2536226,10.0747029 12.4743167,11.1299698 Z M11.7142857,7.35714286 C11.7142857,4.95057046 9.76371525,3 7.35714286,3 C4.95057046,3 3,4.95057046 3,7.35714286 C3,9.76371525 4.95057046,11.7142857 7.35714286,11.7142857 C9.76371525,11.7142857 11.7142857,9.76371525 11.7142857,7.35714286 Z"></path></g></svg>
<a class="btn margin-add-nav-btn" href="register.html" id="loggedout2">SIGN UP</a><a id="loggedout" class="btn outline" href="login.html">LOG IN</a><a class="btn margin-add-nav-btn" href="editprofile.html" id="loggedin2" style="display: none;">PROFILE</a><a class="btn outline" href="logout.html" id="loggedin" style="display: none;">LOG OUT</a>
</div>
</div>
<div class="body-content">
<div class="sm-search-bar" id="sm-search-bar">
<label for="sm-search-bar"><svg class="cHARgT" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"><g><path d="M12.4743167,11.1299698 L14.6957506,13.2817166 C15.0924476,13.665969 15.1025359,14.2990536 14.7182834,14.6957506 C14.334031,15.0924476 13.7009464,15.1025359 13.3042494,14.7182834 L11.0486163,12.5334103 C10.0079655,13.2768564 8.73367013,13.7142857 7.35714286,13.7142857 C3.84600096,13.7142857 1,10.8682847 1,7.35714286 C1,3.84600096 3.84600096,1 7.35714286,1 C10.8682847,1 13.7142857,3.84600096 13.7142857,7.35714286 C13.7142857,8.76975383 13.2536226,10.0747029 12.4743167,11.1299698 Z M11.7142857,7.35714286 C11.7142857,4.95057046 9.76371525,3 7.35714286,3 C4.95057046,3 3,4.95057046 3,7.35714286 C3,9.76371525 4.95057046,11.7142857 7.35714286,11.7142857 C9.76371525,11.7142857 11.7142857,9.76371525 11.7142857,7.35714286 Z"></path></g></svg></label><form action="search.html?q=" autocomplete="off" method="get"><input type="search" class="itxuZb" id="sm-search-bar" name="q" placeholder="Search STiBaRC" role="search" value=""></form></div>
<div id="page">
<div id="main">
<h2>Edit profile</h2>
<a class="btn outline" id="profile-link" style="display:inline-block;" href="">Profile</a>
<h5>Profile Picture</h5><div class="profile-upload"><img id="pfp" src="data:image/png;base64,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" style="height:44px;width:44px;border-radius:5px 0 0 5px;display: inline;vertical-align: middle;" class="pb2"><input style="width:calc(100% - 45px);display: inline;border-radius:0 5px 5px 0;vertical-align: middle;" type="file" id="pfp-file" accept="image/*"></div>
<small class="light-text">*New photo must be 100kb or less</small><br />
<h5>Name</h5> <input type="text" id="name"> <input type="checkbox" id="showname"><i style="font-size:70%">Show?</i><br />
<h5>Email</h5> <input type="email" id="email"> <input type="checkbox" id="showemail"><i style="font-size:70%">Show?</i><br />
<h5>Birthday</h5> <input type="text" id="birthday"> <input type="checkbox" id="showbday"><i style="font-size:70%">Show?</i>
<br /><h5>Bio</h5><br />
<textarea id="bio" rows="5" cols="35"></textarea>
<i style="font-size:70%"><input type="checkbox" id="showbio">Show?</i><br><br />
<small>Show pfp by comments/posts: </small><input type="checkbox" id="showpfp"><br />
<br><button class="btn" id="submit">Update</button><br><br>
<a href="passwd.html" class="button">Change password</a><br /><br /><a href="mailto:herronjo110@gmail.com?subject=STiBaRC%20User%20Verification%20Request" class="button">Request user verification</a><br>
</div>
<br/>
</div>
</div><!-- end body-content -->
<script src="scripts/global.js"></script>
<script src="scripts/editprofile.js"></script>
</body>
</html>