-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
85 lines (76 loc) · 3.01 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="
default-src 'none';
script-src 'self' 'sha256-C5RUxaoIkpRux1/UhIgLL5RalHWo6EOGHzWOhCMr8Fs=';
style-src 'self';
img-src 'self' https:;
font-src 'self';
script-src-attr 'none';
style-src-attr 'none';
connect-src https:;
base-uri 'none';
form-action 'none';">
<title>Skythread</title>
<link href="./fontawesome/fontawesome.min.css" rel="stylesheet">
<link href="./fontawesome/solid.min.css" rel="stylesheet">
<link href="./fontawesome/regular.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="loader"><img src="icons/sunny.png"></div>
<div id="search">
<form method="get">
🌤 <input type="text" placeholder="Paste a thread link or type a #hashtag" name="q">
</form>
</div>
<div id="github">
<a href="https://github.com/mackuba/skythread" target="_blank">
<img src="icons/github.png">
</a>
</div>
<div id="account">
<i class="fa-regular fa-user-circle fa-xl"></i>
</div>
<div id="account_menu">
<ul>
<li><a href="#" data-action="incognito" title="Temporarily load threads as a logged-out user">Incognito mode</a></li>
<li><a href="#" data-action="logout">Log out</a></li>
</ul>
</div>
<div id="login">
<form method="get">
<i class="close fa-circle-xmark fa-regular"></i>
<h2>🌤 Skythread</h2>
<p><input type="text" id="login_handle" required placeholder="name.bsky.social"></p>
<p><input type="password" id="login_password" required
placeholder="✱✱✱✱✱✱✱✱"></p>
<p class="info"><a href="#"><i class="fa-regular fa-circle-question"></i> Use an "app password" here</a></p>
<div class="info-box">
<p>Bluesky API currently doesn't allow apps to request fine-grained permissions, only access to the whole account. However, you can generate an "app password" in the Bluesky app settings for this specific app that you can later revoke at any time.</p>
<p>The password you enter here is only passed to the Bluesky API and isn't saved anywhere. The returned access token is only stored in your browser's local storage. You can see the complete source code of this app <a href="http://github.com/mackuba/skythread" target="_blank">on GitHub</a>.</p>
</div>
<p class="submit">
<input id="login_submit" type="submit" value="Log in">
<i id="cloudy" class="fa-solid fa-cloud fa-beat fa-xl"></i>
</p>
</form>
</div>
<div id="thread">
</div>
<script src="lib/purify.min.js"></script>
<script src="minisky.js"></script>
<script src="api.js"></script>
<script src="utils.js"></script>
<script src="rich_text_lite.js"></script>
<script src="models.js"></script>
<script src="embed_component.js"></script>
<script src="post_component.js"></script>
<script src="skythread.js"></script>
<script>
init();
</script>
</body>
</html>