This repository has been archived by the owner on Jun 15, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
227 lines (215 loc) · 11.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; img-src *; connect-src *; media-src *; frame-src https://*.youtube.com https://*.vimeo.com">
<meta http-equiv="X-Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; img-src *; connect-src *; media-src *; frame-src https://*.youtube.com https://*.vimeo.com">
<link rel="stylesheet" href="node_modules/magnific-popup/dist/magnific-popup.css" />
<link rel="stylesheet" href="node_modules/pace-js/themes/red/pace-theme-minimal.css">
<link rel="stylesheet" href="css/tooltipster.bundle.min.css" />
<link rel="stylesheet" href="css/jquery-ui.structure.css" />
<link rel="stylesheet" href="css/jquery-ui.theme.min.css" />
<link rel="stylesheet" href="dist/styles.css" />
<title>IndiePass</title>
</head>
<body>
<div id="main">
<aside id="sidebar">
<nav id="nav">
<div class="menu nav-section">
<h3>Menu</h3>
<button tabindex="0" class="reader" title="Load reader">Reader</button>
<button tabindex="0" class="post" title="Create a post">Post</button>
<button tabindex="0" class="media" title="Upload media">Media</button>
<button tabindex="0" class="settings" title="Settings">Settings</button>
<button tabindex="0" class="about" title="Settings">About</button>
</section>
<hr />
<div class="nav-section">
<h3>Channels</h3>
<div class="channel-wrapper"></div>
</div>
</nav>
</aside>
<div id="views">
<div id="reader-container">
<div class="reader-top">
<div class="search-wrapper"><form id="search-form"><input type="text" class="search-field text" placeholder="search"></form></div>
<div class="reader-global-actions">
<div class="mark-read" title="Mark all read">Mark all read</div>
<div class="timeline-display" title="Change display">Display</div>
</div>
</div>
<div class="reader-wrapper">
<div id="timeline-container">
<div class="reader-sub-title"></div>
<div class="posts"></div>
<div class="pager"></div>
</div>
</div>
</div>
<div id="settings-container">
<h1>Settings</h1>
<h2>Reader</h2>
<div>
<label for="like-direct">Like without confirmation</label>
<input type="checkbox" name="like_direct" id="like-direct" class="checkbox" />
<div class="description">If not enabled, a confirmation dialog will show up first</div>
</div>
<div>
<label for="repost-direct">Repost without confirmation</label>
<input type="checkbox" name="repost_direct" id="repost-direct" class="checkbox" />
<div class="description">If not enabled, a confirmation dialog will show up first</div>
</div>
<div>
<label for="bookmark-direct">Bookmark without confirmation</label>
<input type="checkbox" name="bookmark_direct" id="bookmark-direct" class="checkbox" />
<div class="description">If not enabled, a confirmation dialog will show up first</div>
</div>
<div>
<label for="global-unread">Global unread</label>
<input type="checkbox" name="global_unread" id="global-unread" class="checkbox" />
<div class="description">Start screen of reader will show all unread items in card view.</div>
</div>
<div>
<label for="mark-read-direct">Mark (un)read without confirmation</label>
<input type="checkbox" name="mark_read_direct" id="mark-read-direct" class="checkbox" />
<div class="description">If not enabled, a confirmation dialog will show up first</div>
</div>
<div>
<label for="mark-read-overlay">Auto mark read in overlay</label>
<input type="checkbox" name="mark_read_overlay" id="mark-read-overlay" class="checkbox" />
<div class="description">Marks items read when reading in the overlay and clicking next/previous</div>
</div>
<div>
<label for="search">Enable search</label>
<input type="checkbox" name="search" id="search" class="checkbox" />
<div class="description">Leave disabled if your Microsub server does not support this.</div>
</div>
<div>
<label for="autoload-more">Autoload more posts</label>
<input type="checkbox" name="autoload_more" id="autoload-more" class="checkbox" />
<div class="description">Autoload more posts when the link comes in the viewport.</div>
</div>
<div>
<label for="hide-notifications-channel">Hide notifications channel</label>
<input type="checkbox" name="hide_notifications" id="hide-notifications-channel" class="checkbox" />
<div class="description">Leave disabled if your Microsub server does not support this channel.</div>
</div>
<div>
<label for="post-move">Enable move action</label>
<input type="checkbox" name="post_move" id="post-move" class="checkbox" />
<div class="description">Allows moving posts from one channel to another. Leave disabled if your Microsub server does not support this.</div>
</div>
<div>
<label for="post-move-default">Default move channel</label>
<select name="post_move_default" id="post-move-default"><option value="">No default</option></select>
<div class="description">Set a default channel when moving posts.</div>
</div>
<h2>General</h2>
<div>
<label for="dark-theme">Dark theme</label>
<input type="checkbox" name="dark_theme" id="dark-theme" class="checkbox" />
<div class="description">Sets the style of the application to the dark theme.</div>
</div>
<div>
<label for="debug-message">Debug messages</label>
<input type="checkbox" name="debug_message" id="debug-message" class="checkbox" />
<div class="description">Renders the response of requests in the console</div>
</div>
<h2>Account</h2>
<div>
<label for="micropub-endpoint">Post endpoint</label><br />
<input type="text" name="micropub_endpoint" id="micropub-endpoint" class="text" />
</div>
<div>
<label for="media-endpoint">Media endpoint</label><br />
<input type="text" name="media_endpoint" id="media-endpoint" class="text" />
</div>
<div>
<label for="microsub-endpoint">Reader endpoint</label><br />
<input type="text" name="microsub_endpoint" id="microsub-endpoint" class="text" /><br />
<div class="description">Enter the URL of your microsub endpoint here</div>
</div>
<div>
<label for="token">The token for both endpoints</label>
<div><textarea name="token" id="token" cols="80" rows="10" class="text"></textarea></div>
<div class="description token-description">This token will be send in the Authentication header.</div>
</div>
<div class="settings-button-wrapper">
<div class="button-wrapper"><span class="save-settings button" id="edit-submit">Save settings</span></div>
<div class="button-wrapper"><span class="reset-settings button" id="edit-reset">Reset</span></div>
</div>
</div>
<div id="posts-container">
<h1>Create a post</h1>
<div class="title">
<label for="title">Title</label><br />
<input type="text" name="title" id="title" class="text" />
</div>
<div class="published">
<label for="published">Publish date</label><br />
<input type="datetime-local" name="published" id="published" class="text" />
<div class="description">Leave empty for 'now'</div>
</div>
<div>
<label for="post-content">Content</label>
<div>
<textarea name="post_content" id="post-content" cols="80" rows="10" class="text"></textarea>
</div>
</div>
<div class="tags">
<label for="tags">Tags</label><br />
<input type="text" name="tags" id="tags" class="text" /> <span class="reload-tags button">Reload</span>
<div class="description">Separate multiple tags by comma. Click "Reload" to update categories from the server.</div>
</div>
<div class="syndication-targets-wrapper">
<label>Syndicate to</label>
<div class="targets"></div>
</div>
<div>
<label for="photo">Select a file:</label>
<input type="file" id="photo" name="photo">
</div>
<div>
<input type="checkbox" id="post-status" name="post_status">
<label for="post-status">Published</label>
</div>
<div class="post-buttons-wrapper">
<span class="send-post button" id="send-post">Send post</span>
<span class="reload-config button">Reload configuration</span>
</div>
</div>
<div id="media-container">
<h1>Media</h1>
<p>Upload a file to your media endpoint. On success, the URL will be printed underneath.</p>
<div class="media-url"></div>
<div>
<label for="file">Select a file:</label>
<input type="file" id="file" name="file">
</div>
<div class="post-buttons-wrapper">
<span class="send-media button" id="send-media">Upload</span>
</div>
</div>
<div id="about-container">
<h1>About</h1>
<p>IndiePass allows you to engage with the internet as you do on social media sites, but posts it all on your website. Use the built-in reader to read and respond to posts across the internet. IndiePass doesn't track or store any of your information. You choose a service you trust or host it yourself.<br /><br />Development happens on <a href="https://github.com/marksuth/indigenous-desktop" target="_blank">GitHub</a></p>
<h2>Keyboard shortcuts</h2>
<ul>
<li>Reader
<ul>
<li>p: previous post in feed or overlay
<li>n: next post in feed or overlay, triggers 'More posts' at end
<li>r or z: read the post in the overlay
<li>c or esc: close overlay when opened
</ul>
</li>
</ul>
<p>Found a bug? Don't hesitate to submit an issue at <a href="https://github.com/indiepass/indigenous-desktop" class="external-link">https://github.com/indiepass/indigenous-desktop</a></p>
</div>
</div>
</div>
<div class="snackbar"><div class="snackbar-wrapper"><div class="message"></div><div class="dismiss">Dismiss</div><div class="debug">Debug</div></div></div>
</body>
</html>