-
Notifications
You must be signed in to change notification settings - Fork 0
/
login page.html~
121 lines (94 loc) · 4.69 KB
/
login page.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
<!DOCTYPE html>
<!--
Copyright (c) 2016 Google Inc.
Copyright (c) 2020 Justin H+Z
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login Page</title>
<link rel="stylesheet" href="css/login.css">
<link rel="stylesheet" href="css/w3.css">
</head>
<body>
<center>
<img src="img/the%20ultimate%20face%20swap.png">
<center style="font-size: 60px">Login into your account here!</center>
<center>
<button onclick="document.getElementById('id01').style.display='block'" style="width:auto; font-size: 60px; padding-bottom: 5px">Login</button>
<div id="id01" class="modal">
<form class="modal-content animate" action="/action_page.php" method="post">
<div class="imgcontainer">
<center>
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
<img src="img/derp.jpg" alt="Avatar" class="avatar">
</center>
</div>
<div class="container">
<!-- <label for="uname"><b>Username</b></label>-->
<!-- <input type="text" placeholder="Enter Username" name="uname" required>-->
<label for="e-mail"><b>Email</b></label>
<input type="email" id="email" placeholder="Enter Email" name="e-mail" required>
<label for="psw"><b>Password</b></label>
<input type="password" id="password" placeholder="Enter Password" name="psw" required>
<button type="submit">Login</button>
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
</label>
</div>
<div class="container" style="background-color:#f1f1f1">
<center>
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
<span class="psw"><a href="https://piv.pivpiv.dk/">Forgot password?</a></span>
</center>
</div>
</form>
</div>
</center>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.8.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.8.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.8.0/firebase-firestore.js"></script>
<!-- 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.8.0/firebase-analytics.js"></script>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyDGyQdy-CT43NjY_ethrt1i1jXJ2BBxOt4",
authDomain: "photosharingsite-cbcad.firebaseapp.com",
databaseURL: "https://photosharingsite-cbcad.firebaseio.com",
projectId: "photosharingsite-cbcad",
storageBucket: "photosharingsite-cbcad.appspot.com",
messagingSenderId: "152090885656",
appId: "1:152090885656:web:603da499c64da26eff0d6d",
measurementId: "G-7SPBSQPCMF"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
// make auth and firestore references (note: copied from Net Ninja Tutorial)
const auth = firebase.auth();
const db = firebase.firestore();
</script>
<script>
// Get the modal
var modal = document.getElementById('id01');
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</body>
</html>