-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (94 loc) · 3.22 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
<!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="stylesheet" href="styles.css" />
<title>Campaign Lab Whatsapp Tools</title>
</head>
<body>
<div id="title-box">
<h1 id="title">Whatsapp Link Extractor</h1>
<img class="corner-keir" src="./public/keir.png" />
</div>
<div class="welcome-text">
<p class="intro card">
Organising on WhatsApp? Sharing links to important information on a
chat? Want a way to quickly download all the links that are useful to
your community?
<br /><br />
Our<span class="bold"> WhatsApp link extractor </span> is a tool that
makes it easy to export and download all the useful links from your
WhatsApp chat history. Get started, or read how it works in 3 easy
steps!
</p>
<div id="extractor">
<div class="file-input">
<input type="file" id="file" class="file" />
<label for="file">Select a chat file</label>
</div>
</div>
<ol class="card">
<h3>Instructions</h3>
<li>
<span class="bold bullet">Export your WhatsApp chat history</span>
</li>
<ul>
<li>
On Android, you can do this by opening a chat, opening the options
(the three dots on the top right), selecting 'More', and then
selecting "Export Chat." If there is no option to save to your
downloads, you could email the file to yourself and then download
the attachment.
</li>
<li>
On an iPhone, whilst in the chat to export, click on the chat name
at the top to access settings. Scroll down until you reach "Export
Chat"
</li>
<li>
Note that in both cases, the exported chat will be saved in the form
of a text file to your device. You can then share this file with
others or save it for your own records.
</li>
</ul>
<li>
<span class="bold bullet">Upload your chat history</span>
</li>
<ul>
<li>
Choose a file with the button above, or drag the file onto this
page! Our link extractor will scan the chat for links.
</li>
</ul>
<li>
<span class="bold bullet">Click 'Download as CSV' </span>
</li>
<ul>
<li>
This will download a spreadsheet file to your computer! Check the
links, as they might not be perfect.
</li>
</ul>
<p>
You can then use the list of links to do whatever you need with them!
It's that easy!
</p>
</ol>
</div>
<div class="card" id="full-chat"></div>
<div class="card">
<div>
Website created and designed by Curtis Turk and Harry Fox for Campaign
Lab
</div>
<div>
<a href="https://github.com/CampaignLab/whatsapp-link-extractor"
>Source Code</a
>
</div>
</div>
<script src="./index.js"></script>
</body>
</html>