-
Notifications
You must be signed in to change notification settings - Fork 0
/
tryOut.html
49 lines (39 loc) · 1.87 KB
/
tryOut.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>People say I sit and try</title>
<link rel="icon" type="image/png" href="/StoreOfTheFutureDemo/asset/favicon.png"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.sound.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="virtualFittingRoom.js"></script>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="timeline.css">
<script src="timeline.js"></script>
</head>
<body>
<div id="timeline" data-currentTime="6"></div>
<div id="p5">
</div>
<audio id="audioPlayer" class="noselect showMe" controls>
<source class="center" src="asset/voiceOver/AI_voice_5.mp3" type="audio/wav">
Your browser does not support the audio element.
</audio>
<a class="showMe" href="checkout.html">
<button type="button" class="storeButton" >
Proceed
</button>
</a>
<div id="sideTextContainer">
<p>
Now you can try out the piece of clothing you received. When you are visiting the cube your surroundings will adjust to your selected event. Now you can see and experience the clothing in a similar context to your plans.
<p>
</p>
Aim : Immersing the participant into the context of the planned activity when trying on the new clothing. Creating a seamless transition from buying to wearing clothing.
</p>
</div>
</body>
</html>