-
Notifications
You must be signed in to change notification settings - Fork 2
/
story.html
135 lines (107 loc) · 6.91 KB
/
story.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<!------------------LIght BOx for Gallery-------------->
<link rel="stylesheet" href="lightbox.min.css">
<script type="text/javascript" src="lightbox-plus-jquery.min.js"></script>
<!------------------LIght BOx for Gallery-------------->
<title>Application</title>
</head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-bs4.min.css" rel="stylesheet">
<body>
<!-------------------------------NAvigation Starts------------------>
<nav class="navbar navbar-expand-md navbar-dark" style="background-color:#3097D1">
<a href="index.html" class="navbar-brand"><img src="img/brand-white.png" alt="logo" class="img-fluid" width="80px" height="100px"></a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#responsive"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="responsive">
<ul class="navbar-nav mr-auto text-capitalize">
<li class="nav-item"><a href="index.html" class="nav-link">home</a></li>
<li class="nav-item"><a href="profile.html" class="nav-link active">profile</a></li>
<li class="nav-item"><a href="#modalview" data-toggle="modal" class="nav-link">messages</a></li>
<li class="nav-item"><a href="notification.html" class="nav-link">notifications</a></li>
<!-- <li class="nav-item"><a href="#" class="nav-link d-md-none">growl</a></li>
<li class="nav-item"><a href="#" class="nav-link d-md-none">logout</a></li> -->
</ul>
<form action="" class="form-inline ml-auto d-none d-md-block">
<input type="text" name="search" id="search" placeholder="Search" class="form-control form-control-sm">
</form>
<a href="notification.html" class="text-decoration-none" style="color:#CBE4F2;font-size:22px;"><i class="far fa-bell ml-3 d-none d-md-block"></i></a>
<a href="#modallogout" data-toggle="modal"><img src="https://thumbs.dreamstime.com/b/default-avatar-profile-icon-vector-social-media-user-portrait-176256935.jpg" alt="" class="rounded-circle ml-3 d-none d-md-block" width="32px" height="32px" id="profileImage"></a>
<div class="modal" id="modallogout" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">CodeXplorers</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Do you want to logout?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" onclick="googleSignout()">Log Out</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</nav>
<!---------------------------------------------Ends navigation------------------------------>
<div style="width: 100%; text-align: center;">
Write your story Here:
<br>
<textarea name="entry" id="summer" style="width:80%" rows="10"></textarea>
<br>
<button id="save" class="btn-dark">Save</button>
<button id="view" class="btn-light">View Journal</button>
</div>
<script>
$("#save").click(function(){
var code = $("#summer").val();
console.log(code);
addJournalEntry(code);
});
</script>
<!--------------------Image Portfolio----------------->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.6.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-storage.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-database.js"></script>
<script src="js/config.js"></script>
<script src="js/login.js"></script>
<script src="js/database.js"></script>
<script>
firebase.auth().onAuthStateChanged((user) => {
if (user) {
var uid = user.uid;
console.log(user);
document.getElementById('profileImage').src=user.photoURL;
document.getElementById('profileImage1').src=user.photoURL;
document.getElementById("profileName1").innerText=user.displayName;
} else {
alert("please login or signup");
location.replace("http://127.0.0.1/firebase");
}
});
</script>
</body>
</html>