-
Notifications
You must be signed in to change notification settings - Fork 0
/
febreze.html
202 lines (196 loc) · 9.2 KB
/
febreze.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var mobileUrl = "mobile/";
var isMobile = (navigator.userAgent.match(/mobile/i)) ? true : false;
var isIPad = (navigator.platform.indexOf("iPad") != -1) ? true : false;
if (isMobile && !isIPad) {
location.replace(location.href + mobileUrl);
}
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Febreze it</title>
<meta name="description" content="">
<meta name="author" content="ARACY">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
<meta property="og:url" content="http://goo.gl/OPOZQ" />
<meta property="og:image" content="http://febreze.stagingserver.com.au/images/logo.jpg" />
<meta property="og:title" content="My whole sofa now has long lasting freshness with Febreze!" />
<meta property="og:description" content="My whole sofa now has long lasting freshness with Febreze!" />
<link rel="stylesheet" href="css/fonts/stylesheet.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.mobile-1.1.1.min.js"></script>
<script src="js/settings.js"></script>
<script src="js/functions.js"></script>
<script src="js/main.js"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('.title_02');
Cufon.replace('.left_w');
Cufon.replace('.step_01');
Cufon.replace('.step_02');
Cufon.replace('.step_03');
Cufon.replace('.title');
</script>
<!-- load Modernizr -->
<script src="js/modernizr.custom.17622.js"></script>
<script type="text/javascript" src="js/jquery.imgpreload.min.js"></script>
<script type="text/javascript">
$(function () {
var height = $(window).height();
$('.loadpage').height(height);
});
</script>
</head>
<body>
<div class="loadpage" id="loadingPage">
<!--<img src="images/bg2.jpg" alt="game loading,please wait" style="visibility: hidden" />-->
<div class="load-header2"><a href="#" class="logo"></a></div>
<div class="loadbox">
<img src="images/load_b.png" width="280" height="245">
<div class="loadshow" id="loadshow">0<sup>%</sup></div>
</div>
<div class="load-intro2">
Can you spray the bad odours quicker than your friends?<br />
The exciting new febreze game is loading, one moment please...
</div>
<!--<a href="#" class="close"></a>-->
</div>
<div id="game" class="wrapper">
<div class="teachbox" id="howtoplay" style="display: none">
<div class="step_01">
Tap to get rid of each
<br />
smell. Larger icons will
<br />
require multiple taps..
</div>
<div class="step_02">
Guests are on their<br />
way over for dinner,
<br />
complete the challenge<br />
within the time limit!
</div>
<div class="step_03">
Share your time with<br />
your friends, challenge<br />
them to beat you!
</div>
<a href="javascript:;" id="play" onclick=" _gaq.push(['_trackEvent', 'pad-getstart', 'getstart']);"></a>
</div>
<div class="main" style="display: none;">
<img src="images/bg02.jpg" width="100%" alt="" class="bg" />
<div class="odor_container">
</div>
<img src="images/painting.png" alt="painting" class="painting" />
<img src="images/table.png" width="336" height="326" alt="" class="table" />
<img src="images/sofa.png" width="938" height="467" alt="" class="sofa" />
<div class="gameTimer">
<img src="images/txt.png" alt="You're almost there!" class="txt_tip" />
<span id="secondsId">30<sup>sec</sup></span>
</div>
<div class="sprayBottle" id="bottle"><span class="spray" id="spray" style="display: none;"></span></div>
<footer>
<img src="images/footer.png" width="100%" height="138" />
<img src="images/footer-txt1.png" alt="of bad odours removed!" class="footer-txt1" />
<span class="percent" id="percent">0<sup>%</sup></span>
<div class="logos">
<img src="images/footer-txt2.png" alt="Eliminate 2x more odours with" class="footer-txt2" />
<a href="#" class="febreze_logo"></a>
<a href="#" class="ambipur_logo"></a>
</div>
</footer>
<a href="#" class="close"></a>
</div>
<div id="unlucky" class="unlucky" style="display: none;">
<!--teach-->
<div class="left_bar">
<div class="title">Unlucky...</div>
<div class="title_01">You came close</div>
<div class="title_02">
But, you didn¡¯t remove<br />
all the odours in time!
</div>
<div class="btn">
<a href="javascript:;" id="replay1" onclick=" _gaq.push(['_trackEvent', 'pad-unlucky', 'tapagain']);">
<img src="images/btn.png" width="354" height="104"></a>
</div>
</div>
<div class="right_bar">
<div class="share_t">
<a href="http://survey.questionmarket.com/surv/994551/ai_start.php?site=3&from_ec=0" onclick="_gaq.push(['_trackEvent','pad-survey-unlucky','survey']);" target="_blank"></a>
</div>
<div class="share_b">
<div class="left_w">
Tap to share with your friends<br />
and get them involved!
</div>
<a href="javascript:;" class="facebook" onclick="_gaq.push(['_trackEvent', 'pad-unlucky', 'facebookShare']);"></a>
</div>
</div>
<!--/teach-->
</div>
<div id="welldone" class="unlucky" style="display: none;">
<!--teach-->
<div class="left_bar">
<div class="title">Well done!</div>
<div class="title_01_01">Congratulations!</div>
<div class="title_02">
You successfully removed<br />
all the bad odours in:
</div>
<div class="btn btn02"><span class="percent"><span id="result">0</span><sup>sec</sup></span></div>
</div>
<div class="right_bar02">
<div class="share_t">
<a href="http://survey.questionmarket.com/surv/994551/ai_start.php?site=3&from_ec=0" onclick="_gaq.push(['_trackEvent','pad-survey-welldone','survey']);" target="_blank"></a>
</div>
<div class="share_b">
<div class="left_w">
Tap to share your time<br />
with your friends!
</div>
<a href="javascript:;" class="facebook" onclick="_gaq.push(['_trackEvent', 'pad-welldone', 'facebookShare']);"></a>
</div>
<div class="btn">
<a href="javascript:;" id="replay2" onclick="_gaq.push(['_trackEvent', 'pad-welldone', 'tapagain']);">
<img src="images/btn.png" width="354" height="104"></a>
</div>
</div>
<!--/teach-->
</div>
</div>
<div id="rotate" class="loadpagea" style="display:none">
<div class="load-header"><a href="#" class="logo"></a></div>
<div class="load-intro">
<p>Can you spray the bad odours<br />
quicker than your friends?</p>
<p>Rotate your device to play the<br />
exciting new febreze game and find out!</p>
</div>
<div class="load-rotate">
<img src="images/rotate.png" width="90" alt="" /></div>
<div class="load-picshow">
<img src="images/load-pic.png" width="320" alt="" /></div>
<div style="height: 20px; width: 100%;" id="rebandDiv"></div>
</div>
<div class="hidelayer" style="display: none"></div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32078636-6']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>