-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
88 lines (88 loc) · 5.57 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
<!doctype html>
<html>
<head>
<meta charset="utf8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title data-bind="text: title">Twitch Plays Pokemon - Live Updates</title>
<link rel="shortcut icon" data-bind="attr: {href: favicon}">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<div class="container">
<div class="page-header">
<h1>Twitch Plays Pokemon <small>Live Updates — <a href="/stream">Watch Live!</a></small></h1>
</div>
<h3 class="goal">Current Goal: <span data-bind="text: goal"></span></h3>
<p>Live updates for <a href="http://twitch.tv/twitchplayspokemon">Twitch Plays Pokemon</a>, a live stream controlled by the masses by means of
Twitch chat. The "commentary" tag shows live commentary for the game, and the other tags show major events. If you've been away for a while, try
turning off "commentary" to get an idea of what you missed. Feedback? <a href="http://redd.it/1yolr5" target="_blank">Share it here</a>. Did you know
that this site is <a href="https://github.com/SirCmpwn/TPP-Updates">open source</a>?</p>
<div class="row">
<div class="col-md-4 col-md-push-8">
<h3>Inventory <small data-bind="text: '$' + balance()"></small></h3>
<div class="badges" data-bind="foreach: badges">
<img width=30 height=30 data-bind="attr: { src: '/images/' + $data + 'badge.png' }" />
</div>
<div class="row" data-bind="foreach: inventory">
<div class="col-md-6">
<span data-bind="text: count"></span>
<span data-bind="text: name"></span>
</div>
</div>
<h3>Party</h3>
<div class="row" data-bind="foreach: party">
<div class="col-md-12 pokemon">
<h4><span data-bind="text: species"></span>, "<span data-bind="text: nickname"></span>" <small>Lvl </small><small data-bind="text: level"></small></h4>
<div class="row" data-bind="foreach: moves">
<div class="col-md-6" data-bind="text: $data"></div>
</div>
</div>
</div>
<p>Website made with love by <a href="https://twitter.com/sircmpwn">@sircmpwn</a>.</p>
</div>
<div class="col-md-8 col-md-pull-4">
<h3>Live Updates</h3>
<div class="filter">
<strong>Click to toggle:</strong>
<span data-bind="foreach: filter_options">
<a href="#" data-bind="text: $data, attr: { 'data-category': $data }, click: $parent.updateFilter" class="label"></a>
</span>
</div>
<hr />
<div class="sidebar" data-bind="foreach: filtered">
<div class="update" data-bind="attr: { 'data-category': category }">
<div class="title">
<img data-bind="attr: { src: '/images/' + mode + '.png', title: 'This update was in ' + mode + ' mode.' }" class="pull-left" width=24 height=24 style="margin-right: 3px;" />
<span data-bind="html: title"></span>
</div>
<p data-bind="visible: description, html: description"></p>
<p><span class="label" data-bind="text: category, attr: { 'data-category': category }"></span><span> @ <span data-bind="text: $parent.timeConvert(time), attr: { title: time }"></span> <span data-bind="visible: updater">—</span> <span data-bind="text: updater"></span></span></p>
</div>
<hr />
</div>
</div>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<script src="/js/index.js?1"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48307517-1', 'aninext.tv');
ga('send', 'pageview');
</script>
<script id="stream" type="text/x-template">
<object type="application/x-shockwave-flash" height="450" width="750"
data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon"
bgcolor="#000000"><param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" />
<param name="flashvars" value="hostname=www.twitch.tv&channel=twitchplayspokemon&auto_play=true&start_volume=25" />
</object>
</script>
</body>
</html>