forked from howtoarchiveit/howtoarchiveit.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
310 lines (249 loc) · 15.2 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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How To Archive It</title>
<link rel="icon" href="favicon.ico">
<style>
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
background-color: #FFFFFF;
font-family: 'Archivo', Arial, Helvetica, sans-serif;
color: #272425;
}
h1 {
color: #000000;
text-shadow: #e0e0e0 1px 1px 0;
text-align: center;
}
h2 {
color: #272425;
text-align: center;
}
h3 {
color: #494244;
text-align: center;
}
a:link {
text-decoration: none;
color: #494244;
font-weight: bold;
}
a:visited {
text-decoration: none;
color: #494244;
}
a:hover {
text-decoration: none;
color: #6D6365;
}
a:active {
text-decoration: none;
color: #494244;
}
.menubox{
background-color: #F7F7F7;
padding: 20px;
border-radius: 10px;
margin-top: 40px;
width: fit-content;
margin-left: auto;
margin-right: auto;
list-style-type: none;
text-align: center;
font-weight: bold;
display: grid;
grid-template-columns: auto auto auto;
}
.menulink{
background-color: #C2C2C2;
border-radius: 5px;
margin: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 20px;
padding-right: 20px;
}
.menulink:hover {
background-color: #a8a8a8;
}
.contentbox{
background-color: #F7F7F7;
padding-left: 60px;
padding-right: 60px;
padding-top: 3px;
padding-bottom: 20px;
border-radius: 10px;
margin-top: 40px;
margin-bottom: 40px;
width: 60%;
margin-left: auto;
margin-right: auto;
}
.instructionscode {
font-family: 'Courier Prime', Courier New, serif;
text-align: center;
}
.backtothetop {
text-align: center;
font-weight: bold;
}
</style>
<script src="https://kit.fontawesome.com/8d5f570144.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Title -->
<h1><a href="#">How To Archive It</a></h1>
<!-- Title -->
<!-- About -->
<div id="about" class="contentbox">
<h2>About</h2>
<p>Have you asked yourself how to archive all the content you have published in social websites and message services? Here there are a compilation of manuals and instructions on how to preserve profiles on social media and messaging services. If you have an improvement idea or suggestion, please write to <a href="mailto:howtoarchiveit@protonmail.com">howtoarchiveit@protonmail.com</a> or send a commit to the <a href="https://github.com/howtoarchiveit/howtoarchiveit.github.io">repository</a>.</p>
</div>
<!-- About -->
<!-- Menu -->
<div class="menubox">
<a href="#Facebook"><div class="menulink"><h3><i class="fab fa-brands fa-facebook"></i> Facebook</h3></div></a>
<a href="#Google"><div class="menulink"><h3><i class="fab fa-brands fa-google"></i> Google</h3></div></a>
<a href="#Instagram"><div class="menulink"><h3><i class="fab fa-brands fa-instagram"></i> Instagram</h3></div></a>
<a href="#Signal"><div class="menulink"><h3><!--<i class="fab fa-brands fa-signal"></i>--> Signal</h3></div></a>
<a href="#Snapchat"><div class="menulink"><h3><i class="fab fa-brands fa-snapchat"></i> Snapchat</h3></div></a>
<a href="#Telegram"><div class="menulink"><h3><i class="fab fa-brands fa-telegram"></i> Telegram</h3></div></a>
<a href="#TikTok"><div class="menulink"><h3><i class="fab fa-brands fa-tiktok"></i> TikTok</h3></div></a>
<a href="#Twitter"><div class="menulink"><h3><i class="fab fa-brands fa-twitter"></i> Twitter</h3></div></a>
<a href="#WhatsApp"><div class="menulink"><h3><i class="fab fa-brands fa-whatsapp"></i> WhatsApp</h3></div></a>
<a href="#YouTube"><div class="menulink"><h3><i class="fab fa-brands fa-youtube"></i> YouTube</h3></div></a>
</div>
<!-- /Menu -->
<!-- Facebook -->
<div id="Facebook" class="contentbox">
<h2 title="Facebook"><i class="fab fa-brands fa-facebook"></i> Facebook</h2>
<p class="instructionscode"><a href="https://www.facebook.com/settings/">Settings</a> → <a href="https://www.facebook.com/settings?tab=your_facebook_information">Your Facebook Information</a> → <a href="https://www.facebook.com/dyi/">Download</a></p>
<p>With Facebook you have the option to download your own profile with posts and photos and videos. You can choose the file format, media quality and date range for your download. HTML format is easy to view while JSON format allows another service to more easily import the file. Media quality is the quality of your photos and videos but also affects file size.</p>
<ul>
<li><a href="https://www.docnow.io/workshops/social-control-2019/">Social Control 2019 Zine</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /Facebook -->
<!-- Google -->
<div id="Google" class="contentbox">
<h2 title="Google"><i class="fab fa-brands fa-google"></i> Google</h2>
<p class="instructionscode"><a href="https://myaccount.google.com">Google Account</a> → <a href="https://myaccount.google.com/data-and-personalization">Data & personalisation</a> → <a href="https://takeout.google.com">Google Takeout</a></p>
<p>Export a copy of content in your Google Account to back it up or use it with a service outside of Google.</p>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /Google -->
<!-- Instagram -->
<div id="Instagram" class="contentbox">
<h2 title="Instagram"><i class="fab fa-brands fa-instagram"></i> Instagram</h2>
<p class="instructionscode"><a href="https://www.instagram.com/accounts/edit/">Settings</a> → <a href="https://www.instagram.com/accounts/privacy_and_security/">Privacy and Security</a> → Data Download → <a href="https://www.instagram.com/download/request/">Request Download</a></p>
<p>They will email you a link to a file with your information. You can receive it in HTML, which may be easier to view, or JSON, which may be easier to import to another service.</p>
<ul>
<li><a href="https://www.docnow.io/workshops/social-control-2019/">Social Control 2019 Zine</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /Instagram -->
<!-- Signal -->
<div id="Signal" class="contentbox">
<h2 title="Signal"><!--<i class="fab fa-brands fa-signal"></i>--> Signal</h2>
<p class="instructionscode">Settings → Chats and media → TURN ON</p>
<p>Using backups can store Signal messages, pictures, files, and other contents locally on your device, or can use it to move your local Signal data between mobile phone devices.</p>
<ul>
<li><a href="https://www.businessinsider.in/tech/apps/how-to/how-to-backup-and-restore-messages-in-signal-app/articleshow/80226649.cms">How to backup and restore messages in Signal app | Business Insider India</a></li>
<li><a href="https://support.signal.org/hc/en-us/articles/360007059752-Backup-and-Restore-Messages">Backup and Restore Messages – Signal Support</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /Signal -->
<!-- Snapchat -->
<div id="Snapchat" class="contentbox">
<h2 title="Facebook"><i class="fab fa-brands fa-snapchat"></i> Snapchat</h2>
<p class="instructionscode"><a href="http://accounts.snapchat.com">Manage My Account</a> → My Data → Submit Request</p>
<p>Snapchat collects certain information from their users, like phone number and email address. Also collect information about how they use the services, like which Snaps have submitted to Spotlight and Snap Map.</p>
<ul>
<li><a href="https://support.snapchat.com/en-us/a/download-my-data">Download My Data • Snapchat Support</a></li>
<li><a href="https://www.docnow.io/workshops/social-control-2019/">Social Control 2019 Zine</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /Snapchat -->
<!-- Telegram -->
<div id="Telegram" class="contentbox">
<h2 title="Telegram"><i class="fab fa-brands fa-telegram"></i> Telegram</h2>
<p class="instructionscode"><a href="https://desktop.telegram.org">Telegram Desktop</a> → Settings → Advanced → Export Telegram data</p>
<p>Telegram brings an easy way to save conversations on your disk. In just a few taps, you can export some (or all) of your chats, including photos and other media they contain. As a result you’ll get all your data accessible offline in JSON-format or in beautifully formatted HTML. To use this feature, make sure you have the latest version of Telegram Desktop installed on your computer, then click Settings > Export Telegram data. This tool will be particularly useful for users who have millions of messages and can’t easily access the oldest parts of their messaging history.</p>
<ul>
<li><a href="https://telegram.org/blog/export-and-more">Chat Export Tool, Better Notifications and More</a></li>
<li><a href="https://www.reddit.com/r/Telegram/comments/piuhht/can_you_download_your_own_database_of_chats/hbs97tm/">can you download your own database of chats, channels, groups and bots? : Telegram</a></li>
<li><a href="https://www.gadgetsnow.com/how-to/how-to-export-chats-media-account-details-from-telegram-a-step-by-step-guide/articleshow/80928597.cms">How to export chats, media, account details from Telegram: A step-by-step guide</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /Telegram -->
<!-- TikTok -->
<div id="TikTok" class="contentbox">
<h2 title="TikTok"><i class="fab fa-brands fa-tiktok"></i> TikTok</h2>
<p class="instructionscode">Privacy → Personalize and data → Download TikTok Data</p>
<p>There is no setting available to automatically save all of the TikToks you post, but you have the option to save each video manually after you've posted it. Exported data can be downloaded in TXT format for an easy-to-read text file or JSON for a file you can import elsewhere.</p>
<ul>
<li><a href="https://support.tiktok.com/en/account-and-privacy/personalized-ads-and-data/requesting-your-data">Requesting your data | TikTok Help Center</a></li>
<li><a href="https://backlightblog.com/download-video-from-tiktok">How to download TikTok videos, even without the watermark</a></li>
<li><a href="https://www.makeuseof.com/how-to-download-your-tiktok-data/">How to Download All of the Data TikTok Has About You</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /TikTok -->
<!-- Twitter -->
<div id="Twitter" class="contentbox">
<h2 title="Twitter"><i class="fab fa-brands fa-twitter"></i> Twitter</h2>
<p class="instructionscode"><a href="https://twitter.com/settings/account">Settings and privacy</a> → <a href="https://twitter.com/settings/download_your_data">Download an archive of your data</a> → Request archive</p>
<p>Reviewing your Twitter data can give you insights into the type of information stored for your account. It provides an easy way for you to view details about your account, and to make changes as you see fit. You can request a ZIP file with an archive of your account information, account history, apps and devices, account activity, interests, and Ads data. You’ll get an in-app notification when the archive of your data is ready to download.</p>
<ul>
<li><a href="https://www.docnow.io/workshops/social-control-2019/">Social Control 2019 Zine</a></li>
<li><a href="https://help.twitter.com/en/managing-your-account/accessing-your-twitter-data">How to access and download your Twitter data | Twitter Help</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /Twitter -->
<!-- WhatsApp -->
<div id="WhatsApp" class="contentbox">
<h2 title="WhatsApp"><i class="fab fa-brands fa-whatsapp"></i> WhatsApp</h2>
<p class="instructionscode">Back up chats: WhatsApp → More options → Settings → Chats → Chat backup → BACK UP<br>
Export chat history: Open the individual or group chat → More options → More → Export chat</p>
<p>WhatsApp chats are automatically backed up and saved daily to your phone's memory. Depending on your settings, you can also periodically back up your WhatsApp chats to Google Drive. But if you want an offline copy of all the chats and don't to lose any of your messages, can manually back up your chats.</p>
<ul>
<li><a href="https://faq.whatsapp.com/android/chats/how-to-save-your-chat-history/">WhatsApp Help Center - How to save your chat history </a></li>
<li><a href="https://www.xatakandroid.com/tutoriales/como-guardar-chat-entero-whatsapp-sus-imagenes-stickers-demas">Cómo guardar un chat entero de WhatsApp con sus imágenes, stickers y demás</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /WhatsApp -->
<!-- YouTube -->
<div id="YouTube" class="contentbox">
<h2 title="YouTube"><i class="fab fa-brands fa-youtube"></i> YouTube</h2>
<p class="instructionscode"><a href="https://myaccount.google.com">Google Account</a> → <a href="https://myaccount.google.com/data-and-personalization">Data & personalisation</a> → <a href="https://takeout.google.com">Google Takeout</a></p>
<p>Export a copy of content in your Google Account to back it up or use it with a service outside of Google.</p>
<ul>
<li><a href="https://www.genbeta.com/a-fondo/asi-es-youtube-dl-un-software-libre-para-bajar-videos-de-youtube-o-facebook-desde-la-linea-de-comandos">Así es YouTube-dl, un sencillo programa libre para bajar vídeos de casi cualquier web con la línea de comandos</a></li>
<li><a href="https://citizenevidence.org/2019/12/10/the-only-tool-you-need-to-preserve-video-from-virtually-any-online-source/">The Only Tool You Need to Preserve Video from Virtually Any Online Source – Citizen Evidence Lab – Amnesty International</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- /YouTube -->
<!-- Credits -->
<div class="contentbox" id="creditsbox">
<h2>Credits</h2>
<ul>
<li>Web desing inspired in: <a href="https://www.privacytools.io">Privacy Tools: Encryption Against Mass Surveillance</a></li>
<li>Icons by: <a href="https://fontawesome.com/kits">Your Kits | Font Awesome</a></li>
<li>Contact: <a href="mailto:howtoarchiveit@protonmail.com">howtoarchiveit@protonmail.com</a></li>
</ul>
<p class="backtothetop"><a href="#" title="Back to the privacy tools category menu"><br><i class="fas fa-angle-double-up"></i><br>Back to the top</a></p>
</div>
<!-- About -->
</body>
</html>