PageSourceSearch

https://z358z358.github.io/avalon-helper/

html z358z358.github.io collected 2026-10-03 10:14:04 UTC 13,822 bytes, 268 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-tw">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta name="msvalidate.01" content="99159065F2EE7E40E66EC5A326023769" />
9    <meta name="google-site-verification" content="kYcmjzq-TI-hxjlWzRE1goDJJ8GUrBd03awieiYpjBw" />
10    <link rel="icon" href="images/favicon.jpg">
11    <title>阿瓦隆小幫手 網頁版</title>
12    <meta name="description" content="阿瓦隆小幫手,免主持人,免安裝,免下載,機器人幫你說台詞!">
13    <meta name="og:description" content="阿瓦隆小幫手,免主持人,免安裝,免下載,機器人幫你說台詞!" />
14    <meta property="fb:app_id" content="1606433366287698" />
15    <meta property="og:locale" content="zh_TW" />
16    <meta property="og:title" content="阿瓦隆小幫手 網頁版" />
17    <meta property="og:type" content="website" />
18    <meta property="og:url" content="https://z358z358.github.io/avalon-helper/" />
19    <meta property="og:site_name" content="阿瓦隆小幫手 網頁版" />
20    <meta property="og:description" content="阿瓦隆小幫手,免主持人,免安裝,免下載,機器人幫你說台詞!" />
21    <meta property="og:image" content="https://z358z358.github.io/avalon-helper/images/1200x630.png" />
22    <meta property="og:image:width" content="1200" />
23    <meta property="og:image:height" content="630" />
24    
24<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async></script>
24
25    
25<script type="text/javascript" src="https://www.google.com/jsapi"></script>
25
26    
26<script type="text/javascript">
27    google.load("visualization", "1", {
28        packages: ["corechart"]
29    });
30    </script>
30
31    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
32    <link rel="stylesheet" type="text/css" href="assets/my.css">
33</head>
34
35<body>
36    <nav class="navbar navbar-inverse navbar-fixed-top">
37        <div class="container">
38            <div class="navbar-header">
39                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
40                    <span class="sr-only">阿瓦隆小幫手</span>
41                    <span class="icon-bar"></span>
42                    <span class="icon-bar"></span>
43                    <span class="icon-bar"></span>
44                </button>
45                <a class="navbar-brand" href=".">阿瓦隆小幫手</a>
46            </div>
47            <div id="navbar" class="collapse navbar-collapse">
48                <ul class="nav navbar-nav">
49                    <li class=""><a href="javascript:void(0)" data-toggle="modal" data-target="#ins-modal">使用說明</a></li>
50                    <li class=""><a href="javascript:void(0)" data-toggle="modal" data-target="#rule-modal">阿瓦隆規則</a></li>
51                    <li>
52                        <div id="share"></div>
53                    </li>
54                </ul>
55                <ul class="nav navbar-nav navbar-right">
56                    <li>
57                        <a href="https://z358z358.github.io/one-night-ultimate-werewolf-helper/">一夜終極狼人小幫手</a>
58                    </li>
59                    <li>
60                        <a href="https://resume.onininon.com/" target="_blank" titile="關於作者"><i class="fa fa-id-card"></i></a>
61                    </li>
62                </ul>
63            </div>
64            <!--/.nav-collapse -->
65        </div>
66    </nav>
67    <div class="container">
68        <!-- github another -->
69        <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5518310153941700" data-ad-slot="7231649277" data-ad-format="auto"></ins>
70        
70<script>
71        (adsbygoogle = window.adsbygoogle || []).push({});
72        </script>
72
73        <div class="text-center">
74            <div class="col-xs-6">
75                <span>好人勝場<span class="role-count good-count"></span></span><br>
76                <button class="btn-score btn btn-default btn-sm" data-role="good" data-add="1">+1</button>
77                
78                <button class="zero-hide btn-score btn btn-default btn-sm" data-role="good" data-add="-1">-1</button>
79            </div>
80            <div class="col-xs-6">
81                <span>壞人勝場<span class="role-count bad-count"></span></span><br>
82                <button class="btn-score btn btn-default btn-sm" data-role="bad" data-add="1">+1</button>
83                
84                <button class="zero-hide btn-score btn btn-default btn-sm" data-role="bad" data-add="-1">-1</button>
85            </div>
86        </div>
87        <div class="clearfix"></div>
88        <div class="progress zero-hide">
89            <div class="progress-bar progress-bar-striped good-bar">
90                <span class=""></span>
91            </div>
92            <div class="progress-bar progress-bar-striped progress-bar-danger bad-bar">
93                <span class=""></span>
94            </div>
95        </div>
96        <hr>
97        <div class="one-card text-center col-md-3 col-xs-6">
98            <div class="flip-container click-card together" data-role="percival">
99                <div class="flipper">
100                    <div class="front">
101                        <img class="img-thumbnail" src="images/percival.png">
102                    </div>
103                    <div class="back">
104                        <img id="bind-img" class="img-thumbnail" src="images/back.png">
105                    </div>
106                </div>
107            </div>
108        </div>
109        <div class="one-card text-center col-md-3 col-xs-6">
110            <div class="flip-container click-card together" data-role="mormna">
111                <div class="flipper">
112                    <div class="front">
113                        <img class="img-thumbnail" src="images/mormna.png">
114                    </div>
115                    <div class="back">
116                        <img class="img-thumbnail" src="images/back.png">
117                    </div>
118                </div>
119            </div>
120        </div>
121        <div class="one-card text-center col-md-3 col-xs-6">
122            <div class="flip-container click-card" data-role="oberon">
123                <div class="flipper">
124                    <div class="front">
125                        <img class="img-thumbnail" src="images/oberon.png">
126                    </div>
127                    <div class="back">
128                        <img class="img-thumbnail" src="images/back.png">
129                    </div>
130                </div>
131            </div>
132        </div>
133        <div class="one-card text-center col-md-3 col-xs-6">
134            <div class="flip-container click-card" data-role="mordred">
135                <div class="flipper">
136                    <div class="front">
137                        <img class="img-thumbnail" src="images/mordred.png">
138                    </div>
139                    <div class="back">
140                        <img class="img-thumbnail" src="images/back.png">
141                    </div>
142                </div>
143            </div>
144        </div>
145        <hr>
146        <p id="sheep-text">
147            請所有人閉上眼睛低頭雙手握拳放在自己面前,<span class="more only-oberon">除了奧伯倫以外</span>請壞人張開眼睛確認彼此身份,5,4,3,2,1,請壞人閉上眼睛,<span class="more only-mordred">除了莫德雷德之外</span>請所有壞人豎起你們的大拇指,請梅林張開眼睛確認壞人身份,5,4,3,2,1,請壞人收起大拇指請梅林閉上眼睛<span class="more only-percival">,請梅林和莫甘娜豎起你們的大拇指,請派希維爾張開眼睛確認身分,5,4,3,2,1,請梅林和莫甘娜收回大拇指請派希維爾閉上眼睛</span>,請所有人張開眼睛遊戲開始。
148        </p>
149        <hr>
150        <button id="play-voice" class="col-xs-6 btn btn-primary btn-lg">播放語音</button>
151        <div id="media" class="col-xs-3"></div>
152        <button id="reset" class="btn text-danger col-xs-3">初始化</button>
153        <div class="clearfix"></div>
154        <hr>
155        <form id="settings">
156            <h5>選擇語者<small> (來源:<a href="http://tts.itri.org.tw/index.php" target="_blank">工研院</a>) </small></h5>
157            <div class="form-group">
158                <label class="radio-inline">
159                    <input type="radio" name="Speaker" value="Bruce" checked="">Bruce</label>
160                <label class="radio-inline">
161                    <input type="radio" name="Speaker" value="Angela">Angela</label>
162                <label class="radio-inline">
163                    <input type="radio" name="Speaker" value="AKoan">AKoan(台語)</label>
164            </div>
165            <div class="form-group">
166                <label>語音速度 (
167                    <span id="speed"></span> )</label>
168                <input class="bar" type="range" name="speed" min="0.5" max="2" value="1" step="0.1" />
169            </div>
170            <input type="hidden" name="oberon" value="1">
171            <input type="hidden" name="mordred" value="1">
172            <input type="hidden" name="percival" value="1">
173            <input type="hidden" name="mormna" value="1">
174        </form>
175        <div>
176            <div>
177                <hr />
178                <div class="fb-comments" data-href="https://z358z358.github.io/avalon-helper/" data-numposts="5"></div>
179            </div>
180        </div>
181        <div class="voices hidden">
182            <audio preload></audio>
183        </div>
184        <hr />
185        <!-- github2 -->
186        <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5518310153941700" data-ad-slot="5554403276" data-ad-format="auto"></ins>
187        
187<script>
188        (adsbygoogle = window.adsbygoogle || []).push({});
189        </script>
189
190        <div id="fb-root"></div>
191    </div>
192    <!-- /.container -->
193    <!-- 規則 -->
194    <div class="modal fade" id="rule-modal" tabindex="-1" role="dialog" aria-labelledby="rule-modalLabal" aria-hidden="true">
195        <div class="modal-dialog">
196            <div class="modal-content">
197                <div class="modal-header">
198                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
199                    <h4 class="modal-title" id="users-modalLabel">規則</h4>
200                </div>
201                <div class="modal-body">
202                    <div class="video-container">
203                        <iframe src="https://www.youtube.com/embed/cuUys0SnwXs?rel=0" frameborder="0" allowfullscreen></iframe>
204                    </div>
205                    <a target="_blank" href="http://mj9981168.pixnet.net/blog/post/196168065">部落格版本:阿瓦隆(the-resistance:avalon)</a>
206                </div>
207            </div>
208        </div>
209    </div>
210    <!-- 說明 -->
211    <div class="modal fade" id="ins-modal" tabindex="-1" role="dialog" aria-labelledby="ins-modalLabal" aria-hidden="true">
212        <div class="modal-dialog">
213            <div class="modal-content">
214                <div class="modal-header">
215                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
216                    <h4 class="modal-title" id="users-modalLabel">使用說明</h4>
217                </div>
218                <div class="modal-body">
219                    <p>將沒使用的角色排覆蓋(點擊即可),然後按“播放語音”按鈕</p>
220                </div>
221            </div>
222        </div>
223    </div>
224    <!-- Bootstrap core JavaScript
225    ================================================== -->
226    <!-- Placed at the end of the document so the pages load faster -->
227    
227<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
227
228    
228<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
228
229    
229<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.min.js"></script>
229
230    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
231    <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.css" />
232    <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials-theme-flat.css" />
233    
233<script src="audiojs/audio.min.js?032401"></script>
233
234    
234<script src="assets/my.js?032601"></script>
234
235    
235<script>
236    (function(d, s, id) {
237        var js, fjs = d.getElementsByTagName(s)[0];
238        if (d.getElementById(id)) return;
239        js = d.createElement(s);
240        js.id = id;
241        js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.4&appId=482845198525908";
242        fjs.parentNode.insertBefore(js, fjs);
243    }(document, 'script', 'facebook-jssdk'));
244    </script>
244
245    <!-- Google Tag Manager -->
vendor: 75 bytes, lines 245-247
245
246    <noscript>
247        <iframe src="//www.googletagmanager.com/ns.html?id=
247GTM-MNGDS4
vendor: 92 bytes, lines 247-249
247" height="0" width="0" style="display:none;visibility:hidden"></iframe>
248    </noscript>
249    
249<script>
vendor: 492 bytes, lines 249-263
249
250    (function(w, d, s, l, i) {
251        w[l] = w[l] || [];
252        w[l].push({
253            'gtm.start': new Date().getTime(),
254            event: 'gtm.js'
255        });
256        var f = d.getElementsByTagName(s)[0],
257            j = d.createElement(s),
258            dl = l != 'dataLayer' ? '&l=' + l : '';
259        j.async = true;
260        j.src =
261            '//www.googletagmanager.com/gtm.js?id=' + i + dl;
262        f.parentNode.insertBefore(j, f);
263    })(window, document, 'script', 'dataLayer', '
263GTM-MNGDS4
vendor: 8 bytes, lines 263-264
263');
264    
264</script>
264
265    <!-- End Google Tag Manager -->
266</body>
267
268</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.