-
Notifications
You must be signed in to change notification settings - Fork 0
/
tm.html
90 lines (85 loc) · 3.49 KB
/
tm.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Touch Music | 樂•讀</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<!-- build:css ./css/style_youtube.css -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- endbuild -->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div class="g-container">
<div class="youtube draggable resizable">
<div id="player"></div>
</div>
<!--<img src="./img/refresh.png" alt="" data-bind="click: refresh"/>-->
<div class="g-content">
<div class="swiper-container" data-bind="style: {width: notationWidth, height: notationHeight}">
<div class="notation-wrapper swiper-wrapper" data-bind="foreach: notations">
<div class="swiper-slide" data-bind="foreach: pages">
<div class="page"
data-bind="foreach: rubbings, attr: {id: 'page_' + page}, css: {active: $root.currentPageIndex() === page}, style: style">
<!-- ko foreach: sections-->
<div class="section"
data-bind="attr: {id: id}, style: style, css: {active: $root.currentSectionIndex() === index}, click: $root.changeSection"></div>
<!-- ko foreach: notes-->
<div class="note" data-bind="attr: {id: id}, style: style"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: $root.currentRubbingIndex() === index,
component: {name: 'notation-cursor', params: {cursor: cursor.cursor, cursorStyle: cursorStyle, page: $data}}"></div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next swiper-button-black" data-bind="visible: hasArrow" style="display: none"></div>
<div class="swiper-button-prev swiper-button-black" data-bind="visible: hasArrow" style="display: none"></div>
</div>
<div class="tool-bar">
<ul class="tool-bar-menu" style="display: none;">
<li>
<button class="icon icon-back"></button>
</li>
<li>
<button class="icon icon-refresh"></button>
</li>
<li>
<button class="icon icon-play"></button>
</li>
<li>
<button class="icon icon-visible active"></button>
</li>
</ul>
<button class="tool-bar-toggle icon icon-toggle"></button>
</div>
</div>
<!-- build:js ./js/vendor_youtube.js -->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/jquery-ui.js"></script>
<script src="js/vendor/jquery.ui.touch-punch.min.js"></script>
<script src="js/vendor/knockout.js"></script>
<script src="js/vendor/swiper.min.js"></script>
<!-- endbuild -->
<!-- build:js ./js/app_youtube.js -->
<script src="js/notation.js"></script>
<script src="js/plugins.js"></script>
<script src="js/youtube.js"></script>
<!-- endbuild -->
</body>
</html>