/
index.html
137 lines (117 loc) · 7.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!doctype html>
<!-- Conditional comment for mobile ie7 http://blogs.msdn.com/b/iemobile/ -->
<!--[if IEMobile 7 ]> <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Ekomobi-Vote</title>
<meta name="description" content="Ekomobi-Live">
<meta name="author" content="Daniel Lauzon">
<!-- Mobile viewport optimization http://goo.gl/z0PA8 -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Home screen icon Mathias Bynens http://goo.gl/6nVq0 -->
<!-- For iPhone 4 with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/icon/apple-touch-icon-114x114-precomposed.png">
<!-- For first-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/icon/apple-touch-icon-72x72-precomposed.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="img/icon/apple-touch-icon-57x57-precomposed.png">
<!-- For nokia devices: -->
<link rel="shortcut icon" href="img/icon/apple-touch-icon-57x57.png">
<!-- iOS web app, deletable if not needed -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 320x460 for iPhone 3GS -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and not (-webkit-min-device-pixel-ratio: 2)" href="img/startup/startup.png">
<!-- 640x920 for retina display -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="img/startup/startup-retina.png">
<!-- iPad Portrait 768x1004 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: portrait)" href="img/startup/startup-tablet-portrait.png">
<!-- iPad Landscape 1024x748 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: landscape)" href="img/startup/startup-tablet-landscape.png">
<!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading -->
<meta http-equiv="cleartype" content="on">
<!-- more tags for your 'head' to consider https://gist.github.com/849231 -->
<!-- jquery mobile can replace with roller-theme+structure-->
<!-- <link rel="stylesheet" href="//code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> -->
<link rel="stylesheet" href="css/client-grev2.min.css" />
<link rel="stylesheet" href="//code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css?v=1">
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/libs/modernizr-custom.js"></script>
<!-- Media Queries Polyfill https://github.com/h5bp/mobile-boilerplate/wiki/Media-Queries-Polyfill -->
<script>Modernizr.mq('(min-width:0)') || document.write('<script src="js/libs/respond.min.js"><\/script>')</script>
</head>
<body>
<div id="home" data-role="page">
<div data-role="header">
<!-- <a href="#status" data-icon="arrow-l">Scrutin</a> -->
<h1>Gala reconnaissance Estrie</h1>
<!-- <a href="#winner" data-iconpos="right" data-icon="arrow-r">Gagnant</a> -->
</div><!-- /header -->
<div data-role="content">
<!-- <div data-role="fieldcontain" >
</div> -->
<!-- <label for="quest-q-name">Votre nom:</label> -->
<input class="quest-q" type="text" data-quest-q="name" id="quest-q-name" value="" placeholder="Entrez votre nom" data-theme="a"/>
<label for="quest-q-detail" class="select">Faites vos prédictions</label>
<!-- <label for="quest-q-detail" class="select">Commerce de détail:</label> -->
<select class="quest-q" data-quest-q="detail" id="quest-q-detail" data-theme="b">
<option value="0">Commerce de détail</option>
<option value="1">COOP UdeS</option>
<option value="2">McDONALDS</option>
</select>
<!-- <label for="quest-q-pme" class="select">Petite entreprise:</label> -->
<select class="quest-q" data-quest-q="pme" id="quest-q-pme" data-theme="b">
<option value="0">Petite entreprise</option>
<option value="1">MOTO SUR 2 ROUES</option>
<option value="2">PMCTIRE.COM</option>
<option value="3">VOODOO</option>
</select>
<!-- <label for="quest-q-manufact" class="select">Entreprise manufacturière:</label> -->
<select class="quest-q" data-quest-q="manufact" id="quest-q-manufact" data-theme="b">
<option value="0">Entreprise manufacturière</option>
<option value="1">ENERKEM</option>
<option value="2">PORTABLE WINCH</option>
<option value="3">MAÇONNERIE CORRIVEAU</option>
</select>
<div class="statusMessage"></div>
<div style="float:right;" >
<a class="grevote" style="float:right;" data-role="button" data-iconshadow="true" data-icon="check" data-inline="true" >Votez!</a>
<a class="greunvote" style="display:none;float:right;" data-role="button" data-iconshadow="true" data-icon="delete" data-inline="true" >Annuler</a>
</div>
<!-- Footer in content area -->
<div style="clear:both"></div>
<!-- <a class="rndvote" style="float:right;" data-theme="d" data-role="button" data-iconshadow="true" data-icon="refresh" data-inline="true" >R</a> -->
<p style="text-align: center; font-size: 20px !important; font-variant: small-caps;">
propulsé par<br />
<a href="http://ekomobi.com" rel="external" class="ui-link">
<img width="160" src="img/ekomobi-blanc.png" alt="ekomobi">
</a>
</p>
</div><!-- content -->
</div><!-- /page -->
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.4.min.js"><\/script>')</script>
<!-- jQuery Mobile-->
<script src="//code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<!-- scripts concatenated and minified via ant build script -->
<script src="js/libs/jquery.cookie.js"></script>
<script src="js/mylibs/helper.js"></script>
<!-- end concatenated and minified scripts-->
<!-- not yet to be minified-->
<script src="js/vote-app.js"></script>
<script>
// iPhone Scale Bug Fix, read this when using http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
// Not used for now since wen do not want to preserve scaling
if (0) window.onload = function() {
MBP.scaleFix();
}
</script>
</body>
</html>