-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (68 loc) · 4.19 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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="web.css">
<title>Home</title>
</head>
<body>
<table border="1px solid black" border-collapse="collapse" style="position: absolute; left: 50%; transform: translate(-50%, 0);">
<tbody>
<tr>
<th onclick="press('B')"><img id="il" src="src/browser_action/images/bulbasaur.jpg" data-toggle="tooltip" title="Bulbasaur"></th>
<th onclick="press('C')"><img id="i" src="src/browser_action/images/charmander.png" data-toggle="tooltip" title="Charmander"></th>
<th onclick="press('G')"><img id="sam" src="src/browser_action/images/gible.png" data-toggle="tooltip" title="Gible"></th>
</tr>
<tr>
<th onclick="press('J')"><img id="sa" src="src/browser_action/images/jigglypuff.png" data-toggle="tooltip" title="Jigglypuff"></th>
<th onclick="press('L')"><img id="o" src="src/browser_action/images/lucario.png" data-toggle="tooltip" title="Lucario"></th>
<th onclick="press('M')"><img id="yuk" src="src/browser_action/images/magikarp.png" data-toggle="tooltip" title="Magikarp"></th>
</tr>
<tr>
<th onclick="press('O')"><img id="chil" src="src/browser_action/images/onix.png" data-toggle="tooltip" title="Onix"></th>
<th onclick="press('P')"><img id="pal" src="src/browser_action/images/pikachu.png" data-toggle="tooltip" title="Pikachu"></th>
<th onclick="press('S')"><img id="gu" src="src/browser_action/images/squirtle.png" data-toggle="tooltip" title="Squirtle"></th>
</tr>
</tbody>
</table>
<div style="position:absolute; top:69%; left:0; right:0; text-align: center;">
<div id="abc"></div>
<br/><button type="button" class="btn btn-danger" id="validate" disabled>GO</button>
</div>
<div class="bg"></div>
<p id="code" hidden></p>
<div class="container-fluid">
<div class="row">
<div class="col-9 py-1">
<h1 class="display-2">Cache'em all</h1>
<p class="lead">This google chrome extension is able to convert any url into a sequence of 4 pokémon images. From there, you can share those images with your friends, and from there, your friends are able to easily access the same website from across the world!</p>
</div>
</div>
<div class="row">
<div class="col-9 py-1">
<h2>Why images?</h2>
<p>Images are definitely much more fun and easier to memorize than a boring string of random letters and numbers! It's also much faster to click on four images than copying a long string of text by hand.</p>
</div>
</div>
<div class="row">
<div class="col-9 py-1">
<h2>Why pokémon?</h2>
<p>Pokémon is awesome! This is a cool project that we undertook during UofT's 2020 Newhacks hackathon, so we wanted to make it as fun as possible for all of us!</p>
</div>
</div>
<div class="row">
<div class="col-9 py-1">
<h2>How do I use this?</h2>
<p>Download <a href="https://github.com/EugMJang/Cache-em_all">this folder</a> as a zip and unzip it. Then, while you are managing your extensions, just click on "Load Unpacked" (make sure you have developer mode turned on) and select the unzipped file in your file directory, and the extension should be installed!</p>
</div>
</div>
<div class="row col">
<p>Collaborators: Edward Lee, Eugene Jang, Jisahn Kim</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
<script src="web.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>