-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (116 loc) · 6.61 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
<!DOCTYPE html>
<html>
<head>
<title>Batman: Detective Work</title>
</head>
<body>
<div class="title">
<div>
<h1>Batman: Detective Work</h1>
</div>
<div>
<img class="bsym" src="https://i.insider.com/56e71048dd0895ed158b4693?width=750&format=jpeg&auto=webp">
</div>
<button class="start">START</button>
</div>
<div class="s1">
<p>The Batcomputer is telling me of an incoming new case. Should I look into it?</p>
<img class="bcomp" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6201dcce-88a7-40b7-9995-e5c9ff1429c2/d74vy2m-6d82278c-7253-4ead-ba73-38045eac75e3.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNjIwMWRjY2UtODhhNy00MGI3LTk5OTUtZTVjOWZmMTQyOWMyXC9kNzR2eTJtLTZkODIyNzhjLTcyNTMtNGVhZC1iYTczLTM4MDQ1ZWFjNzVlMy5qcGcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.EvyNtxC0MIcmd7gBOdroSIcrxL-lgaW_9cZ9roSek-8">
<div>
<button class="yes1">Yes</button>
<button class="no1">NO</button>
</div>
</div>
<div class="end1">
<p>Not my problem anyways.</p>
<img class="chill" src="https://chasemagnett.files.wordpress.com/2015/07/sdcc-relax.png">
<button class="restart">Restart?</button>
</div>
<div class="s2">
<div>
<p>Using my detictive vision, which clue should I look into? (click item)</p>
<img class="dv" src="https://static.giantbomb.com/uploads/original/0/5310/1564656-142.jpg">
</div>
</div>
<div class="items">
<img class="f2coin" src="https://images-na.ssl-images-amazon.com/images/I/818Bd2ypOzL._AC_SL1500_.jpg">
<img class="jc" src="https://gtswiki.gt-beginners.net/decal/png/16/24/54/5980789179221542416_1.png">
<img class="rt" src="https://www.geekalerts.com/u/batman-riddler-trophy.jpg">
</div>
<div class="f2cont">
<p>There is no way Two-Face would go anywhere without his double-headed silver dollar. This was most likey put here intentionally. I can look more into this or look at the other clues</p>
<img class="f2coin2" src="https://cdn11.bigcommerce.com/s-182a4/images/stencil/1280x1280/products/36/6854/Bat_Coin_Set-1__21550.1596837121.jpg?c=2">
</div>
<div class="buttons">
<button class="back">Go back</button>
<button class="f2follow">Follow Clue</button>
</div>
<div class="end3">
<div>
<p>The coin had very small traces of fluoroantimonic acid. The world's strongest superacid, and it was in the acid used to make Harvey Dent into Two-Face. The only location toxic fumes as strong are at an abondoned law offices building. Two-Face will be there. (Double click to continue)</p>
</div>
<div>
<img class="batfly" src="https://www.dccomics.com/sites/default/files/FS_BM_Cv1_5ff3cafb023824.19174084.jpg">
</div>
<button class="f2end">Continue</button>
</div>
<div class="end3c">
<p>I found Harvey at the offices and easily took him down since he was desperately looking for his coin and sent him to Arkham with it. Although the case wasn't solved, a crimnal is behind bars and a crime was stopped.</p>
<img class="harvey" src="https://i.ytimg.com/vi/4y8-381Odpo/maxresdefault.jpg">
<h1>Two-Faced End</h1>
<button class="restart">Restart?</button>
</div>
<div class="jccont">
<p>Usually Joker marks his crime with laughing gas and a message for me. This card is out of place with what happened here. I could analyze the other clues or look more into this card.</p>
<img class="jc2" src="https://image.spreadshirtmedia.com/image-server/v1/mp/designs/12669418,width=178,height=178,colors%5B0%5D%3D000000,colors%5B1%5D%3D0091D3,colors%5B2%5D%3DD31818/1940-joker-card.png">
<div>
<button class="back">Go back</button>
<button class="jcend">Investigate</button>
</div>
</div>
<div class="end4">
<p>Joker is in Arkham right now. I should have a word with him to see if he knows anything.</p>
<img class="joker1" src="https://i.pinimg.com/originals/cf/2d/c5/cf2dc51bb24799a1f0af79f4eddfc772.jpg">
<button class="jokerend">Interrogate</button>
</div>
<div class="end4c">
<p>On a closer look, this is not the Joker! "WHERE IS HE?"</p>
<img class="jokeimg" src="https://i.ytimg.com/vi/iKNX_GArEs8/maxresdefault.jpg">
<p>To be continued</p>
<h1>The Ending Joke</h1>
<button class="restart">Restart?</button>
</div>
<div class="rtcont">
<div>
<p>It seems like Nigma left one of his riddler boxes with a key hole. That could mean that the other clues were just to throw me off. (double click continue)</p>
</div>
<div>
<img class="rt2" src="https://www.geekalerts.com/u/batman-riddler-trophy.jpg">
</div>
<div>
<button class="back">Go back</button>
<button class="rtcontbtn">Continue</button>
</div>
</div>
<div class="s3">
<div>
<img class="enb" src="http://images.plurk.com/dbdeac5e0ec3ad20dd59af0713703a87.jpg">
</div>
<div>
<p>The box says "To unlock me you need to find the key, hover around to see where I’ll be."</p>
</div>
<button class="hint">Hint?</button>
<p class="rhint">Left is right, Right is wrong, Right is right, Left is left. Where am I?</p>
<img class="key" src="https://media.istockphoto.com/photos/question-mark-key-i-picture-id173027683?k=6&m=173027683&s=170667a&w=0&h=xEJi_kVpYp8RXogp9dC4ZBWk95zVbv-KtxCSOqz61NQ=">
</div>
<div class="end2">
<img src="http://fanbasepress.com/images/stories/ComicsB/Wayne-Batman_1.jpg">
<div>
<p>Riddler's voice fom the box says</p>
<p> "I put those other clues to see if you are really Batman. Congratulations Bruce Wayne, if that is really who you are. I swear that I will find your true identity. You will never fool me!"</p>
</div>
<h1>The End</h1>
<button class="restart">Restart?</button>
</div>
</body>
</html>