index.html 4.21 KB
Newer Older
1 2
<!doctype html>
<html lang="en">
3 4 5 6 7 8 9 10 11
    <head>
        <meta charset="UTF-8">
            <title>%%WEBINTF_TITLE%%</title>
            <link rel="stylesheet" href="style.css">
                <link rel="stylesheet" href="playerControl.css">
                    <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
                    <script type="text/javascript" src="jquery.ui.widget.js"></script>
                    <script type="text/javascript" src="jquery.iframe-transport.js"></script>
                    <script type="text/javascript" src="jquery.fileupload.js"></script>
David Loiret's avatar
David Loiret committed
12
                    <script type="text/javascript" src="/web_resources.js"></script>
13 14 15 16 17 18 19 20 21 22 23 24
                    <script type="text/javascript" src="main.js"></script>
                    <script type="text/javascript" src="playerControl.js"></script>
                    </head>
    <body>
        <div id="header">
            <div class="nav">
                <a class="btn linkBtn" href="http://www.videolan.org" target="_blank"><div class="icon"></div></a>
                <div class="btn uploadBtn">
                    <input id="fileupload" type="file" name="files[]" data-url="upload.json" multiple>
                        +
                        </div>
            </div>
25
        </div>
26
        <div class="main">
27
            <div class="display-message"></div>
28 29 30 31 32 33 34
            <div class="uploads">
                <ul></ul>
            </div>
            <div class="messageUpload">
                <h1>%%WEBINTF_DROPFILES%%</h1>
                <p>%%WEBINTF_DROPFILES_LONG%%</p>
            </div>
35 36 37 38 39 40 41 42
            <form class="open-url">
                <div>
                    <input type="text" placeholder="%%WEBINTF_OPEN_URL%%">
                    <button type="submit" class="submit-button">
                        +
                    </button>
                </div>
            </form>
43 44 45 46 47 48 49 50 51 52 53 54 55
            
            <div class="player-control">
                <div class="title"></div>
                <div class="play-pause play">
                    <span class="play-button"></span>
                    <div class="pause-button"><span> </span><span> </span></div>
                </div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="button-holder">
                            <div class="progress-button"> </div>
                        </div>
                    </div>
56
                    <div class="time"><span class="ctime"></span>
57
                        <span class="stime"> / </span>
58
                        <span class="ttime"></span></div>
59 60 61 62 63 64 65 66 67 68 69
                    <div class="buffered"></div></div>
                <div class="volume">
                    <div class="volume-holder">
                        <div class="volume-bar-holder">
                            <div class="volume-bar">
                                <div class="volume-button-holder">
                                    <div class="volume-button"> </div>
                                </div>
                            </div>
                        </div>
                    </div>
70
                    <div class="volume-icon v-change-0"></div>
71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
                </div>
            </div>
            
            <div id="footer">
                <p>VLC for tvOS is free, open-source software published by <a href="http://www.videolan.org" target="_blank">VideoLAN</a>. <br />Modification and redistribution is subject to both the <a href="http://opensource.org/licenses/GPL-2.0" target="_blank">GPLv2 (or later)</a> and the <a href="http://opensource.org/licenses/MPL-2.0" target="_blank">MPLv2</a> as well as further rights reserved by the VideoLAN non-profit organization.<br />You can find more information about licensing in the About dialog within the app.<br />VideoLAN, VLC and VLC media player are internationally registered trademarks of the <a href="http://www.videolan.org/videolan/" target="_blank">VideoLAN non-profit organization</a>.</p>
            </div>
        </div>
        <div id="overlay" class="">
            <div id="modal">
                <ul class="downloads cf">
                    <!-- content of div.content goes here -->
                </ul>
            </div>
        </div>
    </body>
86
</html>