forked from David-Byrne/Hangons
-
Notifications
You must be signed in to change notification settings - Fork 0
/
faq.html
99 lines (93 loc) · 5.05 KB
/
faq.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hangons FAQ</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="description" content="Commonly asked questions about Hangons">
<meta name="author" content="David Byrne">
<meta name="theme-color" content="#1AA260">
<link rel="icon" sizes="192x192" type="image/png" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="https://bootswatch.com/paper/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="hangons.css" />
<script src="https://bootswatch.com/bower_components/jquery/dist/jquery.js"></script>
<script src="https://bootswatch.com/bower_components/bootstrap/dist/js/bootstrap.js"></script>
</head>
<body id="body">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img src="images/Hangons3.png" class="pull-left " id="logo" alt="Hangons Logo">
<!--Source for logo: http://romannurik.github.io/AndroidAssetStudio/ -->
<a class="navbar-brand" href="index.html">Hangons</a>
<p class="navbar-text hidden-xs">Frequently Asked Questions</p>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="faq.html">FAQ</a></li>
<li><a href="contribute.html">Contriubte</a></li>
<li><a href="https://github.com/David-Byrne/Hangons">Github</a></li>
</ul>
</div>
</div>
</nav>
<div id="mainContent" class="container">
<div class="panel panel-default text-left">
<div class="panel-heading">
<h5>1: Is it secure?</h5></div>
<div class="panel-body">
Yes, the code all runs client-side so your data never leaves your machine. Feel free to check the source code if you don't
believe me or even download the files and run it yourself.
</div>
</div>
<div class="panel panel-default text-left">
<div class="panel-heading">
<h5>2: Where do I get the Hangouts.json?</h5></div>
<div class="panel-body">
Go to <a href="https://takeout.google.com/settings/takeout" target="_blank">Google Takeout</a>, make sure the Hangouts
option is selected and create the archive. When it is ready open the zip and extract all files. In the Hangouts folder
there should be the hangouts.json file you're looking for.
</div>
</div>
<div class="panel panel-default text-left">
<div class="panel-heading">
<h5>3: How can I open the files?</h5></div>
<div class="panel-body">
A basic text editor like notepad should be able to open any of the files. Even many browsers can open them.
</div>
</div>
<div class="panel panel-default text-left">
<div class="panel-heading">
<h5>4: Can you add...?</h5></div>
<div class="panel-body">
Maybe. I'm only doing this in my free time as a side project but I'm very happy to get feedback. Submit your request
<a href="https://docs.google.com/forms/d/1YEmJ5ScZbtJ6_U6RtpCLdhoSZs1i6kMipM0jVOBQnpc/viewform?usp=send_form">here</a> and I'll see what I can do.
</div>
</div>
<div class="panel panel-default text-left">
<div class="panel-heading">
<h5>5: What do the class names mean in the HTML file?</h5></div>
<div class="panel-body">
To reduce file size, the <abbr title="Cascading Style Sheets">CSS</abbr> styles in the HTML format are shortened
to abbreviations. They are: m for messages, s for sent messages, r for received messages, d for message details
(sender and time), c for the circle next to the sender's name and nl for the new line that forces messages
to appear below the last sent message.
</div>
</div>
<div class="panel panel-default text-left">
<div class="panel-heading">
<h5>6: Can I tip you?</h5></div>
<div class="panel-body">
I don't expect anyone to but if you have bitcoins and you want to leave me something check out the
<a href="contribute.html">contribute page</a>. I'm happy with just knowing people are finding this useful though!
</div>
</div>
</div>
</body>
</html>