-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (85 loc) · 3.71 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
<!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">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/index.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
</head>
<body>
<div style="float: left; margin-right: 50px;">
Hello World<a href="main.html">🐎main</a><br>
이건 터미널에서<a href="record/basin_pop_up_plug.html">🐎</a><br>
디아2 수정중.<a href="Game/D2.html">🐎</a><br>
</div>
<!-- 시간 start -->
<body onload="myFunctionKST()">
<div style="border:double #dedede; width:300px; height:100px; line-height:50px; color:white; font-size:50px; text-align:center; float: left;" id="kst">
</div>
<!-- 시간 end -->
<!-- 유튜브 start -->
<p>
<div style="max-width: 600px; margin-bottom: 60px; clear:both;" >
아래 주소를 보면서 드디어 만들었습니다.🎊<br>
<a href="https://pages.github.com/">pages.github.com</a>
<div class="relative">
<iframe width="560" height="315" src="https://www.youtube.com/embed/2MsN8gpT6jY" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
해당 페이지의 영상을 올려봤습니다.<br>
</div>
</p>
<!-- 유튜브 end -->
<hr>
<!-- 트위치 start -->
<p>
<div class="">
<h1>트위치 방송 페이지 확인용.</h1>
<p>밥아저씨</p>
<a href="https://dev.twitch.tv/docs/embed/video-and-clips">html twitch로 검색</a>
<script src="https://player.twitch.tv/js/embed/v1.js"></script>
<div id="bobross"></div>
<script type="text/javascript">
var options = {
height: 500,
width: 740,
channel: "bobross", // <- 여기에 보고싶은 방송의 ID를 넣어준다. (https://www.twitch.tv/ID)
};
var player = new Twitch.Player("bobross", options);
player.setVolume(0.5);
</script>
</div>
</p>
<!-- 트위치 end -->
<!-- 시간 start -->
<script>
function myFunctionKST() {
var cTime = document.getElementById("kst");
var d = new Date();
var h = position(d.getHours());
var m = position(d.getMinutes());
var s = position(d.getSeconds());
var calendar = d.getFullYear() + "." + (d.getMonth() + 1) + "." + d.getDate()
// if (h > 23) return cTime.innerHTML = calendar + "<br>" + "<span>KST</span>" + (h-24) + ":" + m + ":" + s;
// if (h < 0) return cTime.innerHTML = calendar + "<br>" + "<span>KST</span>" + (24+h*1) + ":" + m + ":" + s;
cTime.innerHTML = calendar+"<br>" + "<span>KST</span>" + h + ":" + m + ":" + s;
setTimeout("myFunctionKST()", 1000);
}
function position(x) {
var zero = '';
x = x.toString();
if (x.length < 2) {
for (i = 0; i < 2 - x.length; i++) {
zero += '0';
}
}
return zero + x;
}
</script>
<!-- 시간 end -->
</body>
</html>