source: trunk/MobileIndico/indico.html@ 18637

Last change on this file since 18637 was 18636, checked in by tbretz, 8 years ago
First version of an access to an indico timetable for mobile devices.
File size: 1.6 KB
Line 
1<!DOCTYPE html>
2<html>
3
4<head>
5 <title>Mobile Indico</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
8 <link rel="stylesheet" href="indico.css">
9 <!--<script src="jquery.mobile.custom.min.js"></script>-->
10 <!--<script src="jquery-custom-2.1.1.min.js"></script>-->
11 <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
12 <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
13 <script src="indico.js"></script>
14</head>
15
16<div data-role="page" id="page1">
17
18 <!-- HEADER -->
19 <div id="header" data-role="header">
20 <h1>Timetable&nbsp;<a id='indico-link'><img src='indico.svg' style='vertical-align:text-bottom' height="18px"/></a></h1>
21 </div>
22
23 <!-- MAIN -->
24 <div role="main" class="ui-content">
25
26 <form>
27 <input data-type="search" id="filter" />
28 </form>
29
30 <div id="list" data-role="collapsible-set" data-filter="true" data-children="> div, > div div" data-input="#filter" data-mini="true" data-theme="a" data-content-theme="a" data-inset="false">
31 </div>
32
33 </div>
34
35 <!-- FOOTER -->
36 <div id="footer" data-role="footer" data-position="fixed">
37 <h1 style="font-size:75%;color:#999;">Mobile Indico powered by&nbsp;
38 <img src='rwth.svg' style='vertical-align:text-bottom' height='16px' />
39 </h1>
40 </div>
41
42 <p id="debug"></p>
43
44</div>
45
46</html>
Note: See TracBrowser for help on using the repository browser.