-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (63 loc) · 2.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.png">
<title>Unfollower Tracker - heismauri</title>
<link rel="stylesheet" href="css/bootstrap.custom.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="container mw-540 p-3 pb-custom">
<header>
<div class="brand-name d-flex mb-4">
<div class="me-2">
<img src="favicon.png" width="80" height="80" alt="App logo">
</div>
<div class="ms-1 flex-grow-1">
<h1 class="mb-0">Unfollower Tracker</h1>
<h4 class="fw-light mb-3">made to work with Instagram</h4>
</div>
</div>
<h2 class="m-0">How to use it</h2>
<hr class="my-2">
<ol>
<li>Request your <i>Instagram Data</i>, <a href="https://help.instagram.com/181231772500920">here</a> is a tutorial on how to do it. <strong>IMPORTANT: The requested format should be JSON.</strong> Depending on your account this might take some hours.</li>
<li>Download your <i>Instagram Data</i>, and find the folder <code>followers_and_following</code>. Then upload the <code>following.json</code> and <code>followers.json</code> files in the form below.</li>
<li>Click <strong>"Find who unfollowed you!"</strong> and a list of people will be shown at the end of the page.</li>
</ol>
</header>
<form id="json-form" class="border p-3 mb-3" action="#">
<div class="d-flex align-items-center mb-3 flex-sm-nowrap flex-wrap">
<label for="followingfile" class="form-label me-2 mb-sm-0">following.json:</label>
<input type="file" id="followingfile" class="form-control rounded-0" name="followingfile" accept=".json">
</div>
<div class="d-flex align-items-center mb-3 flex-sm-nowrap flex-wrap">
<label for="followersfile" class="form-label me-2 mb-sm-0">followers.json:</label>
<input type="file" id="followersfile" class="form-control rounded-0" name="followersfile" accept=".json">
</div>
<div class="text-end">
<button type="submit" class="btn btn-primary rounded-0">Find who unfollowed you!</button>
</div>
</form>
<div class="row text-center">
<div class="col-6 pe-2">
<a class="btn btn-outline-primary rounded-0" href="https://ko-fi.com/heismauri">Love <strong>Unfollower Tracker</strong>? Buy me a Ko-fi!</a>
</div>
<div class="col-6 ps-2">
<a class="btn btn-outline-secondary rounded-0" href="https://github.com/heismauri">Find more about this project on GitHub</a>
</div>
</div>
<div class="non-followers-area">
<ul id="non-followers" class="m-0">
</ul>
</div>
</section>
<footer class="copyright text-center py-4">
<a href="https://www.heismauri.com/">www.heismauri.com</a>
</footer>
<script src="main.js"></script>
</body>
</html>