-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
75 lines (64 loc) · 3.3 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TCG to Excell</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital@1&display=swap" rel="stylesheet">
<script src="public/xlsx/dist/xlsx.full.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.3.0/exceljs.min.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9992694285997950"
crossorigin="anonymous"></script>
<script src="main.js">
</script>
</head>
<body>
<div id="bg">
<div class="container">
<div class="box">
<div class="presentation">
<p>This WebSite fetch data from <a href="https://pokemontcg.io/"
style="text-decoration: none; color: inherit;">https://pokemontcg.io/</a>
,
you can put the name of pokemon to get all cards that exist in a excell file
the query can be mane with the exact name such as "snorlax" to get the exact pokemon,
or you can put "char" to get all pokemon that start with char.</p>
</div>
</div>
<div class="box">
<div id="input-group" class="input-group">
<div class="selector">
<p>Please select the query type:</p>
<input type="radio" checked id="name" name="fav_language" value="name">
<label for="name">Card name</label><br>
<input type="radio" id="artist" name="fav_language" value="artist">
<label for="artist">Artist</label><br>
<input type="radio" id="set" name="fav_language" value="set">
<label for="set">Set</label>
</div>
<input id="input" type="text" placeholder="Search for cards">
<button id="btn" type="submit" onclick="showImages(event, 1)">
<img id="loading-gif" src="images/loading-circle.gif" style="display: none; width: 20px;">
<i class="fas fa-search"></i>
</button>
</div>
</div>
<div class="box">
<div id="paging" class="paging">
<button id="prev" class="count-btn"><i class="fas fa-arrow-left"></i></button>
<button id="next" class="count-btn"><i class="fas fa-arrow-right"></i></button>
</div>
<div id="loading" class="presentation" style="display: none;">Loading...</div>
<button id="exportExcell" type="submit" style="display: none;">
export to excell
</button>
<div id="image-container" alt="Large image"></div>
</div>
<div id="snackbar">This is a snackbar message!</div>
</div>
</div>
</body>
</html>