master
1<!DOCTYPE html>
2<html>
3<head>
4 <title>Welcome to E3</title>
5
6 <link href="css/bulma.css" rel="stylesheet">
7 <link href="css/video-js.css" rel="stylesheet">
8 <link href="css/webticker.css" rel="stylesheet">
9 <link href="css/weather.css" rel="stylesheet">
10 <link href="css/main.css" rel="stylesheet">
11 <link href="css/unslider.css" rel="stylesheet">
12 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
13 <script src="js/video.js"></script>
14 <script>
15 videojs.options.flash.swf = "js/video-js.swf";
16 </script>
17</head>
18<body>
19 <div class="container is-fluid">
20 <div class="tile is-ancestor">
21 <div class="tile is-9">
22 <div class="tile is-vertical">
23 <div class="tile is-parent slider">
24 <ul class="tile is-child image is-16by9">
25 <figure><img src="slides/top/1.jpg"></figure>
26 <figure><img src="slides/top/2.jpg"></figure>
27 <figure><img src="slides/top/3.jpg"></figure>
28 </ul>
29 </div>
30 <div class="tile is-parent slider">
31 <ul class="tile is-child image is-16by9" >
32 <figure><img src="slides/bot/1.jpg"></figure>
33 <figure><img src="slides/bot/2.jpg"></figure>
34 <figure><img src="slides/bot/3.jpg"></figure>
35 </ul>
36 </div>
37 </div>
38 <div class="tile is-vertical" >
39 <div class="tile">
40 <article class="tile is-parent flex-center is-16by9" >
41 <div id="welcome" class="is-child box">
42 <div >
43 <p class="title is-1 has-text-centered">Welcome to E3!</p>
44 <p id="time" class="title is-2 has-text-centered"></p>
45 <p id="dow" class="title is-3 has-text-centered"></p>
46 <p id="date" class="title is-3 has-text-centered"></p>
47 </div>
48 </div>
49 </article>
50 </div>
51 <div class="tile is-parent slider-content">
52 <article class="tile is-child box is-16by9 ">
53 <li id="weather" class="box e3" location="Laurel, MD"></li>
54 <li id="map" class="box" lat="39.128672" lng="-76.857151"></li>
55 </article>
56 </div>
57 </div>
58 </div>
59 <div class="tile is-parent is-vertical is-3">
60 <div class="tile is-child box">
61 <video id="trafic_cam_1" class="video-js vjs-default-skin"
62 height="220" width="auto"
63 data-setup='{"techOrder": ["flash"], "controls":false, "autoplay":true, "preload":"auto"}'>
64 <source src="http://170.93.143.139:1935/rtplive/8eff12b900a400ff0047e33696235daa/playlist.m3u8" type='video/mp4' />
65 </video>
66 <video id="trafic_cam_2" class="video-js vjs-default-skin"
67 height="220" width="auto"
68 data-setup='{"techOrder": ["flash"], "controls":false, "autoplay":true, "preload":"auto"}'>
69 <source src="http://170.93.143.139:1935/rtplive/f201605800f700d700437a45351f0214/playlist.m3u8" type='video/mp4' />
70 </video>
71 <video id="trafic_cam_3" class="video-js vjs-default-skin"
72 height="220" width="auto"
73 data-setup='{"techOrder": ["flash"], "controls":false, "autoplay":true, "preload":"auto"}'>
74 <source src="http://170.93.143.138:1935/rtplive/53000a2a002d00cf004ae33696235daa/playlist.m3u8" type='video/mp4' />
75 </video>
76 <video id="trafic_cam_4" class="video-js vjs-default-skin"
77 height="220" width="auto"
78 data-setup='{"techOrder": ["flash"], "controls":false, "autoplay":true, "preload":"auto"}'>
79 <source src="http://170.93.143.139:1935/rtplive/63ff12a0008d00030048e33696235daa/playlist.m3u8" type='video/mp4' />
80 </div>
81 </div> <!-- /end videos/ -->
82 </div> <!-- /end tile 'row'/ -->
83 <div class="tile is-ancestor">
84 <div class="tile is-parent is-12">
85 <div class="tile is-child box webtickers">
86 <div class="ticker-title">CNN:</div><ul id="webticker1"></ul>
87 <div class="ticker-title">Al Jazeera:</div><ul id="webticker2"></ul>
88 <div class="ticker-title">ESPN:</div><ul id="webticker3"></ul>
89 </div >
90 </div>
91 </div> <!-- /end tile 'row'/ -->
92 </div> <!-- /end container/ -->
93
94 <script type="text/javascript" src="js/hls_streams.js"></script>
95 <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
96 <script type="text/javascript" src="js/jquery.webticker.js"></script>
97 <script type="text/javascript" src="js/jquery.simpleweather.js"></script>
98 <script type="text/javascript" src="js/moment.min.js"></script>
99 <script type="text/javascript" src="js/unslider-min.js"></script>
100 <script async defer
101 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDccSZlyIPb6kuoxraIlKNRAhmKM8KZAog">
102 </script>
103 <script type="text/javascript" src="js/webmon.js"></script>
104</body>
105</html>