-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrandomPage.html
54 lines (46 loc) · 1.86 KB
/
randomPage.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
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<!-- start of random page -->
<div data-role="page" id="randomPage" data-theme="a" data-content-theme="a">
<div data-role='header' class="nav-lioli" data-id='lioli-header' data-position="fixed">
<div data-role="navbar" class="nav-lioli" data-grid="d">
<ul>
<li><a href="#recentsPage" id="recents" data-transition="fade" data-icon="custom">Recents</a></li>
<li><a href="#randomPage" class='ui-btn-active ui-state-persist' id="random" data-transition="fade" data-icon="custom">LIOLI</a></li>
<li><a href="#searchPage" id="search" data-transition="fade" data-icon="custom">Search</a></li>
<li><a href="#submitPage" id="submit" data-transition="fade" data-icon="custom">Submit</a></li>
<li><a href="#aboutPage" id="about" data-transition="fade" data-icon="custom">About</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /header -->
<div data-role="content">
<div class="title"></div>
<div id="randomDetails">
<span id="randomID" class="ID-display"></span>
<br />
<span id="randomAge" class="age-display"></span>
<span id="randomGender" class="gender-display"></span>
<br />
<br />
<br />
<span id="randomBody" class="vote-display"></span>
<br />
<br />
<br />
<div id="voteWrapper">
<img id="randomForLove" class='love-display' width='130px' height='56px' src="./static/images/votebuttons/loveButton.png"></img>
<img id="randomForLeave" class='leave-display' width='130px' height='56px' src="./static/images/votebuttons/leaveButton.png"></img>
<span id="randomLoves" class="love-display"></span>
<span id="randomLeaves" class="leave-display"></span>
</div>
<div id="buttonWrapper">
<button id="nextButton" onclick="nextButtonClick();" >Next</button>
</div>
</div><!-- /randomDetails -->
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>