-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (155 loc) · 8.48 KB
/
index.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="keywords" content = "무서운이야기, 사실안무서움, 이야기도 많이없음">
<meta name = "description" content ="무서운 이야기는 많이 없지만 빗소리라도 들으면 좋은 사이트..!">
<meta name="author" content="KimHyunMin">
<script src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.22.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.22.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.22.0/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.22.0/firebase-database.js"></script>
<script src="firebases/init.js"></script>
<script src="main.js"></script>
<script type="text/javascript" src="OpenSide.js"></script>
<link rel="stylesheet" type="text/css" media="(min-width: 768px)" href="computer_main.css">
<link rel="stylesheet" type="text/css" media="(max-width: 768px) and (min-width:480px)" href="tablet_main.css">
<link rel="stylesheet" type="text/css" media="(max-width: 480px)" href="phone_main.css">
<title>Behind_You</title>
</head>
<body onmousemove="checkLogin()">
<header onclick="playVideo()">
<span id="Menu_Button" onclick="openNav()">=</span>
<p><a href="https://4444.kmuwink.com/">BEHIND YOU</a></p>
<div id="Login_Button" onclick="openAside()"><i class="fas fa-sign-in-alt"></i></div>
</header>
<div id="nav_main_aside">
<nav id = "Board_List">
<div>
<p class="hand">Scared Story</p>
<ul>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">도시 괴담</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">인터넷 괴담</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">귀신 이야기</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">요괴 이야기</a></li>
</ul>
</div>
<span id = "Nav_Close" onclick="closeNav()">X</span>
<div id = "nav_second">
<p class="hand">BOARD Anithing</p>
<ul>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">자유 게시판</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">괴담 게시판</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">이야기 후기</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_List.html" class="menu">?????????</a></li>
</ul>
</div>
</nav>
<main onclick="playVideo()">
<section>
<div class="hand">Today's Story</div>
<ul>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">오늘의 첫번째 이야기</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">두번째 이야기는 너무너무 무서운 이야기</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">세번째는 뭐라뭐라뭐라뭐라라야</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">지금 네 뒤에 귀신이 보여</a></li>
</ul>
</section>
<section id="main_second">
<div class="hand">Popular Story</div>
<ul>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">인기많은 무서운 이야기는 여기에 올림</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">두번째 이야기는 너무너무 무서운 이야기</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">아무 이야기 쏼라쏼라쏼라 뒤를 조심해!!</a></li>
<li><a href="https://20171609.github.io/kimhyunmin-chrome-start-page/Behind_You_Board.html" class="main" target="_self">나는 네가 지난 여름에 무엇을 했는지 알고있다..</a></li>
</ul>
</section>
<div id="watch_out">Watch out!</div>
</main>
<aside id="Login_Form">
<div id="login">
<span id = "Aside_Close" onclick="closeAside()">X</span>
<p class="noComputer">Login</p>
<div id="SignInForm">
<form>
<label>ID <input id="ID" type="text" value=""></label>
<label>PW <input id="PW" type="password" value=""></label>
</form>
<button id="sign_in" onclick="remainSignIn()">LogIn</button>
</div>
<div id="forgot">
<a href="" >아이디 찾기</a>
<a href="" >비밀번호 찾기</a>
</div>
<div id="SignedForm">
<p id="hello"><a href="https://4444.kmuwink.com/Add_Board.html">안녕!</a></p>
</div>
<div id="SignOut">
<button onclick="signOut()">로그아웃</button>
</div>
<div id="sign_up">
<a href="https://4444.kmuwink.com/Sign_Up">회원가입</a>
</div>
<div id="search_Box">
<div id="icon"><i class="fas fa-search"></i></div>
<input id="search" type="text" value="">
</div>
</div>
<div id="advertise">
<a href="https://tanger2ne.kmuwink.com/" target="_blank">
<img src="image/song.jpg" class="adimg">
</a>
<a href="https://jjutopia.kmuwink.com/" target="_blank">
<img src="image/zzootopia.png" class="adimg">
</a>
<a href="https://wwjdtm.kmuwink.com/" target="_blank">
<img src="image/milk.jpg" class="adimg">
</a>
</div>
</aside>
</div>
<footer onclick="stopVideo()">
<div>copyright by HYUNMIN</div>
<div id="player"></div>
</footer>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
let tag = document.createElement('script');
tag.src = 'https://www.youtube.com/iframe_api';
let firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
let player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId: 'acYH78c5tuQ',
playerVars: { 'autoplay': 1, 'controls': 0 },
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange,
}
});
}
function onPlayerReady(event) {
event.target.setVolume(7);
event.target.playVideo();
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
if (event.data === YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000000);
done = true;
}
}
function playVideo(){
player.playVideo();
}
function stopVideo() {
player.stopVideo();
}
</script>
</body>
</html>