SLP_Demo.github.io/generic.html at master · yyeh26/SLP_Demo.github.io · GitHub

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
<!DOCTYPE HTML>
<!--
	Phantom by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<title>愛的36計</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="https://yyeh26.github.io/SLP_Demo.github.io/assets/css/main.css" />
	<link rel="dummy" href="https://yyeh26.github.io/SLP_Demo.github.io/assets/css/font.css" />s
	<noscript>
		<link rel="stylesheet" href="https://yyeh26.github.io/SLP_Demo.github.io/assets/css/noscript.css" /></noscript>

</head>

<body class="is-preload">
	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Header -->
		<header id="header">
			<div class="inner">

				<!-- Logo -->
				<a href="index.html" class="logo">
					<span class="symbol"><img
							src="https://scontent.ftpe11-2.fna.fbcdn.net/v/t1.15752-9/75456921_2584872068408484_6539470492825288704_n.jpg?_nc_cat=104&_nc_oc=AQkSpP8z1AM1iUCMmI6perKzdBx-GIDK4ECBwpzvzYtwG1Oofw036B4mZm_k0KMIWbtM9sN1-qVp_VsfDBvPMBZy&_nc_ht=scontent.ftpe11-2.fna&oh=bb76aaed26e3793e162d1e07017e83fa&oe=5E88B206"
							alt="" /></span><span class="title">Department of Speech Language Pathology and Audiology ,
						NTUNHS</span>
				</a>

				<!-- Nav -->
				<!-- <nav> -->
				<!--	<ul> -->
				<!--		<li><a href="#menu">Menu</a></li> -->
				<!--	</ul> -->
				<!-- </nav> -->

			</div>
		</header>

		<!-- Menu -->
		<!-- 	<nav id="menu">-->
		<!-- 		<h2>Menu</h2>-->
		<!-- 		<ul>-->
		<!-- 			<li><a href="index.html">首頁</a></li>-->
		<!-- 			<li><a href="generic.html">Ipsum veroeros</a></li>-->
		<!-- 			<li><a href="generic.html">Tempus etiam</a></li>-->
		<!-- 			<li><a href="generic.html">Consequat dolor</a></li>-->
		<!-- 			<li><a href="elements.html">Elements</a></li>-->
		<!-- 		</ul>-->
		<!-- 	</nav>-->

		<!-- Main -->
		<div id="main">
			<div class="inner">
				<table class="alt">
					<tbody>
						<tr align="center">
							<td>
								<div id="VideoSelector"></div>
							</td>
						</tr>
						<tr>
							<td>
								<div id="CaptionSelector"></div>
							</td>
						</tr>
					</tbody>
				</table>
				<a href="https://yyeh26.github.io/SLP_Demo.github.io/index.html" class="button primary fit">回到首頁</a>
			</div>
		</div>

	</div>

	<!-- Scripts -->
	<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/jquery.min.js"></script>
	<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/browser.min.js"></script>
	<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/breakpoints.min.js"></script>
	<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/util.js"></script>
	<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/main.js"></script>

	<script>
		var content;
		$.getJSON("https://yyeh26.github.io/SLP_Demo.github.io/content.json")
			.done(function (data) {

				var context_id = parseInt(eval(location.href.substring(location.href.indexOf("?") + 1)));

				content = data;
				console.log(context_id);
				console.log(content[context_id]);
				console.log(content[context_id]['url'].length);
				var randomIndex = Math.floor(Math.random() * content[context_id]['url'].length);
				var randomSelectedUrl = content[context_id]['url'][randomIndex];
				var randomSelectedCaptions = content[context_id]['content'][randomIndex];
				iframe_width = document.body.scrollWidth * 0.8
				iframe_height = iframe_width * (9 / 16)
				$("#VideoSelector").html(
					"<iframe class='random-iframe' src='" + randomSelectedUrl + "' width='" + iframe_width + "' height='" + iframe_height + "' frameborder='0' scrolling='yes' seamless='seamless'></iframe>");
				$("#CaptionSelector").html("<fieldset class='dummy' lang='zh-tw'>" + randomSelectedCaptions + "</fieldset>");
			});

	</script>
</body>

</html>