Add loader gif when loading the video
[oweals/peertube.git] / client / index.html
1 <html>
2   <head>
3     <title>PeerTube</title>
4     <meta name="viewport" content="width=device-width, initial-scale=1">
5     <link rel="stylesheet" href="/app/stylesheets/index.css">
6
7     <!-- 1. Load libraries -->
8     <!-- IE required polyfills, in this exact order -->
9     <script src="/app/node_modules/es6-shim/es6-shim.min.js"></script>
10     <script src="/app/node_modules/systemjs/dist/system-polyfills.js"></script>
11     <script src="/app/node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
12
13     <script src="/app/node_modules/angular2/bundles/angular2-polyfills.js"></script>
14     <script src="/app/node_modules/systemjs/dist/system.src.js"></script>
15     <script src="/app/node_modules/rxjs/bundles/Rx.js"></script>
16     <script src="/app/node_modules/angular2/bundles/angular2.dev.js"></script>
17     <script src="/app/node_modules/angular2/bundles/router.dev.js"></script>
18     <script src="/app/node_modules/angular2/bundles/http.dev.js"></script>
19     <script src="/app/node_modules/jquery/dist/jquery.js"></script>
20     <script src="/app/node_modules/jquery.ui.widget/jquery.ui.widget.js"></script>
21     <script src="/app/node_modules/blueimp-file-upload/js/jquery.fileupload.js"></script>
22     <script src="/app/node_modules/webtorrent/webtorrent.min.js"></script>
23
24
25     <!-- 2. Configure SystemJS -->
26     <script>
27       System.config({
28         packages: {
29           '/app': {
30             components: {
31               format: 'register',
32               defaultExtension: 'js'
33             }
34           }
35         },
36         map: {
37           'angular-pipes/src/math/bytes.pipe': '/app/node_modules/angular-pipes/src/math/bytes.pipe.js'
38         }
39       });
40       System.import('/app/angular/bootstrap')
41             .then(null, console.error.bind(console));
42     </script>
43
44     <base href="/">
45   </head>
46
47   <!-- 3. Display the application -->
48   <body>
49     <my-app>Loading...</my-app>
50   </body>
51 </html>