-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (228 loc) · 8.51 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html lang="en">
<head>
<title>IPkib - Get IP Address</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
header {
background-color: yellow;
padding: 30px;
text-align: center;
color: black;
border-style: solid;
border-radius: 5px;
}
.desc{
font-size: 25px;
}
section {
display: -webkit-flex;
display: flex;
}
nav {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px;
}
nav ul {
list-style-type: none;
padding: 0;
}
article {
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
background-color: #ffffff;
padding: 10px;
margin: 10px;
border-color: black;
border-radius: 20px;
border: #777;
border-style: solid;
}
li{
border-radius: 5px;
background-color: yellow;
margin-bottom: 5px;
padding: 15px;
color: black;
border-style: solid;
}
a{
text-decoration: none;
color: brown;
font-size: 20px;
}
h1{
font-size: 30px;
}
footer {
background-color: yellow;
padding: 10px;
text-align: center;
color: white;
}
@media (max-width: 600px) {
section {
-webkit-flex-direction: column;
flex-direction: column;
}
}
.container {
text-align: center;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 20px;
max-width: 400px;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
label {
font-weight: bold;
margin-bottom: 5px;
}
input {
padding: 10px;
border: 1px solid #ccc;
border-radius: 3px;
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 10px;
border: none;
border-radius: 3px;
cursor: pointer;
width: 100%;
}
#generatedUrl {
display: none;
margin-top: 20px;
}
#urlOutput {
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
#copyButton {
background-color: #008CBA;
}
#copyButton:hover {
background-color: #007A9B;
}
</style>
</head>
<body>
<header>
<h1>IPkib - Get IP Address</h1>
<p class="desc">Get the IP address of anyone using a link. Share the link with the target and then get the
target's IP address on Discord using webhook.</p>
<small>Developed by <a href="https://twitter.com/sigmakib"><b><u>Sigmakib</u></b></a></small>
<h5><a style="color: black;" href="https://github.com/Sigmakib2/IPkib-Get-IP-Address">IPkib GitHub</a></h5>
</header>
<section>
<nav>
<ul>
<li><a href="#">Before You Use</a></li>
<li><a href="#otg">Test Using API</a></li>
<li><a href="#">How To Setup</a></li>
<li><a href="#">How To Host</a></li>
</ul>
</nav>
<article>
<h1>Before You Use</h1>
<p>We, as the creators of this tool, would like to emphasize that our intention behind its development is
purely for educational purposes. The tool is designed to provide insights into IP addresses and device
information, which can be helpful for learning and understanding networking concepts. However, we
strongly condemn any illicit or malicious activities that may violate the law or infringe upon the
privacy and security of others.</p>
<p>We wish to make it explicitly clear that this tool should never be used for any form of cybercrime or
unauthorized access to computer systems, networks, or personal data. Any misuse of this tool is entirely
against our principles, and we distance ourselves from any such activities.</p>
<p>When using this tool, you, the user, must act responsibly and within the bounds of the law. Here are some
key points to keep in mind:</p>
<p><b>Legal Compliance:</b> Ensure that you comply with all applicable laws and regulations regarding
internet
usage and data privacy. Unauthorized access or intrusion into someone's computer system is illegal
and can lead to severe consequences.</p>
<p><b>Consent:</b> Always obtain explicit consent from the target person before attempting to gather any
information about them. Using this tool without proper consent is a breach of privacy and is
unacceptable.</p>
<p><b>Ethical Use:</b> Utilize this tool solely for educational purposes, legitimate network analysis, or
understanding how IP addresses and device information function in the context of networking.</p>
<p><b>Non-Harmful Intent:</b> Refrain from using this tool with the intent to cause harm, defraud, or engage
in any
form of cyberbullying or harassment.</p>
<p><b>Responsible Disclosure:</b> If you discover any potential vulnerabilities or weaknesses while using
this
tool, we encourage you to report them responsibly to the affected parties or the tool's developers.
</p>
<p>By proceeding with the use of this tool, you acknowledge and accept the responsibility to act ethically
and legally. The creators of this tool disclaim any liability for any misuse or inappropriate actions
taken by users.</p>
<p>Remember, responsible usage of technology promotes a safer and more secure digital environment
for
everyone. Let's contribute positively to the technological landscape and use our knowledge to
empower and protect others.</p>
<h2 id="otg">Test This API With Your Discord Webhook</h2>
<div class="container">
<form id="inputForm">
<label for="webhookUrl">Discord Webhook URL:</label>
<input type="text" id="webhookUrl" required>
<br>
<label for="destinationUrl">Destination Link:</label>
<input type="text" id="destinationUrl" required>
<br>
<button type="button" id="generateUrlButton">Generate URL</button>
</form>
<div id="generatedUrl" style="display: none;">
<p>Generated URL:</p>
<input type="text" id="urlOutput" readonly>
<button type="button" id="copyButton">Copy URL</button>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const generateUrlButton = document.getElementById("generateUrlButton");
const copyButton = document.getElementById("copyButton");
const webhookInput = document.getElementById("webhookUrl");
const destinationInput = document.getElementById("destinationUrl");
const generatedUrlDiv = document.getElementById("generatedUrl");
const urlOutput = document.getElementById("urlOutput");
generateUrlButton.addEventListener("click", function () {
const webhookUrl = encodeURIComponent(webhookInput.value);
const destinationUrl = encodeURIComponent(destinationInput.value);
const generatedUrl = `${'https://ipkib.netlify.app/api/discord-api.html'}?webhook=${webhookUrl}&redirect=${destinationUrl}`;
urlOutput.value = generatedUrl;
generatedUrlDiv.style.display = "block";
});
copyButton.addEventListener("click", function () {
urlOutput.select();
document.execCommand("copy");
alert("URL copied to clipboard!");
});
});
</script>
</article>
</section>
<footer>
<p style="color: black;">A project by Sigmakib using <a style="font-size: 18px;"
href="https://www.ipify.org/">ipify API</a></p>
</footer>
</body>
</html>