Statistics
| Branch: | Revision:

peerstreamer-src / Public / player.html @ 7423bfb7

History | View | Annotate | Download (1.89 KB)

1 f6084213 Luca Baldesi
<!DOCTYPE html>
2
<html>
3
<head>
4
        <title>PeerSteamer-ng</title>
5
6
        <!-- Twitter Bootstrap -->
7
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
8
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
9
        <script src="/assets/psng.js"></script>
10
11
</head>
12
<body>
13
        <div id=main-container class=container>
14
                <div class=jumbotron>
15
                        <h1>PeerStreamer-ng</h1>
16
                        Your friendly-neighborhood streaming platform
17
                </div>
18
        </div>
19
20
        
21
        <nav class="navbar navbar-default ">
22
                <div class="container-fluid">
23
                        <div class="navbar-header">
24
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
25
                                        <span class="sr-only">Toggle navigation</span>
26
                                        <span class="icon-bar"></span>
27
                                        <span class="icon-bar"></span>
28
                                        <span class="icon-bar"></span>
29
                                </button>
30
                        </div>
31
                        <div id="navbar" class="navbar-collapse collapse">
32
                                <ul class="nav navbar-nav">
33
                                        <li class="active"><a href="/player.html">Player</a></li>
34
                                        <li><a href="/mysources.html">My Sources</a></li>
35
                                        <li><a href="#">About</a></li>
36
                                </ul>
37
                        </div><!--/.nav-collapse -->
38
                </div><!--/.container-fluid -->
39
        </nav>
40
41
42
        <div class="row center-block">
43
                <div class="col-md-10">
44
                        <div class="row center-block">
45 0bfdcc3a Luca Baldesi
                                <h2 id="player-title" class="text-center">&lt;Pick a channel from the list&gt;</h2>
46 f6084213 Luca Baldesi
                        </div>
47 a5387db8 Nicolo' Facchi
                        <div id="video-player" class="row text-center" >
48 a888fb77 Luca Baldesi
                        </div>
49 f6084213 Luca Baldesi
                </div>
50
                <div class="col-md-2">
51
                        <div class="row center-block">
52
                                <h2 class="text-center">Channels</h2>
53
                        </div>
54
                        <ul class="list-group" id="channel-list">
55
                        </ul>
56
                </div>
57
        </div>
58
</body>
59
</html>