-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
70 lines (67 loc) · 2.9 KB
/
login.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
<!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">
<title>MyProfile</title>
<style>
.visible-block {
display: block;
}
.hidden-block {
display: none;
}
</style>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/login.css">
</head>
<body>
<header style="background-color:#66CCFF; color:white;">
<h1><a href="index.html" style="color:white; text-decoration:none;">My Profile</a></h1>
<nav id="global-navi" >
<ul style="list-style:none;">
<li><a href="login.html" style="color:white; text-decoration:none;">Login</a></li>
<li><a style="color:white; text-decoration:none;">Guest</a></li>
<li><a style="color:white; text-decoration:none;" class="visible-on-login" id="logout-button">Logout</a></li>
</ul>
</nav>
</header>
<div id="main" class="visible-on-logout">
<h4><span style="color:white; background-color:#66CCFF; border-radius:20px;"> My Profile </span>にログイン</h4>
<form style="color:#777777;">
<p>MAIL:<input type="text" id="user-mail"></p>
<p>PASS:<input type="password" id="user-pass"></p>
<button type="button" id="login-button" class="btn btn-success">ログイン</button>
</form>
</div>
<div id="main-login" class="visible-on-login">
<h4>+編集する</h4>
<section id="profile-main">
<div><img src="https://pbs.twimg.com/profile_images/894374324857053184/dXX7ivJr_400x400.jpg" style="border-radius:50%;"></div>
<div>亀梨(本人)</div>
<div>kat-tunの亀梨和也(本人)です。よろしくお願いします。</div>
</section>
</div>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-storage.js"></script>
<script>
// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyCi0jdBOPln7il7uQDsxs9t1i4DNvVWxj8",
authDomain: "myprofile-10c24.firebaseapp.com",
databaseURL: "https://myprofile-10c24-default-rtdb.firebaseio.com",
projectId: "myprofile-10c24",
storageBucket: "myprofile-10c24.appspot.com",
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.7.2/js/all.js"></script>
<script src="js/login.js"></script>
</body>
</html>