threads-follower
Version:
Find who Find who's not following you back on Instagram
94 lines (71 loc) • 4.06 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Threads-Follower</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="bootstrap-5.1.1-dist/css/bootstrap.min.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js" integrity="sha512-42PE0rd+wZ2hNXftlM78BSehIGzezNeQuzihiBCvUEB3CVxHvsShF86wBWwQORNxNINlBPuq7rG4WWhNiTVHFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<style>
.user{
width: 60px ;
height: 60px ;
}
</style>
<section class="wrap">
<section class="introduction">
<h2 class="underline">Instagram-Follow-Back-Tracker</h2>
<div class="github-badge">
<img src="https://img.shields.io/github/last-commit/Xiang511/Instagram-Follow-Back-Tracker?display_timestamp=committer&style=flat-square"
alt=""></img>
<img src="https://img.shields.io/github/created-at/Xiang511/Instagram-Follow-Back-Tracker?style=flat-square"
alt="">
<img src="https://img.shields.io/github/license/Xiang511/Instagram-Follow-Back-Tracker?style=flat-square"
alt="">
<img src="https://hits.dwyl.com/Xiang511/Instagram-Follow-Back-Tracker.svg?style=flat-square" alt="">
<a href="https://github.com/Xiang511/Instagram-Follow-Back-Tracker" target="_blank"><img
src="https://img.shields.io/badge/Github-demo?style=flat-square&logo=github&color=%23000"
alt=""></a>
</div>
<h1>此方法利用 Instagram 的「下載您的資料」功能來取得追蹤者及追蹤者清單檔案。透過比較兩個檔案，您可以發現那些沒有回追你的人</h1>
<h1>只需要 <code>JSON</code> 文件，不需要任何授權或認證 <a target="_blank"
href="https://youtu.be/0XyRyZL3BO4?si=CVc7xN1tdGbtrgeK">觀看示範</a></h1>
</section>
<section class="feature">
<h2 class="underline">功能</h2>
<div class="todo">
<input type="checkbox" name="" id="" checked disabled> 查看在 Threads 上誰沒有回追你
</br>
<input type="checkbox" name="" id="" checked disabled> 優化網站介面 </br>
<input type="checkbox" name="" id="" checked disabled> 顯示個別用戶在甚麼時候開始追蹤你
</div>
</section>
</section>
<section class="feature">
<div class="wrap">
<section class="main">
<h2 class="underline">上傳你的 JSON 檔案</h2>
<div class="follower">
<h3>Follower file</h3>
<div class="input-group">
<input class="form-control" type="file" id="fileInput" name="fileInput" accept=".json">
<!-- <button class="btn btn-outline-secondary" id="uploadButton">上傳</button> -->
</div>
</div>
<input type="checkbox" class="ui-checkbox" id="YMDCheck" name=""> 顯示詳細日期
<button class="btn btn-outline-primary my-3" onclick="main()">開始搜尋</button>
</div>
<div class="wrap">
<section class="main">
<h2 class="underline">結果</h2>
<ol class="list-group list-group-flush" id="result">
</ol>
</section>
</div>
</body>
<script src="js/main.js"></script>
</html>