|
|
@@ -0,0 +1,445 @@
|
|
|
1
|
+<?xml version="1.0" encoding="utf-8"?>
|
|
|
2
|
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
|
3
|
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
4
|
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
|
|
5
|
+<head>
|
|
|
6
|
+<!-- 2016-02-01 Mon 16:40 -->
|
|
|
7
|
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
|
|
8
|
+<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
9
|
+<title></title>
|
|
|
10
|
+<meta name="generator" content="Org-mode" />
|
|
|
11
|
+<meta name="author" content="Bob Mottram" />
|
|
|
12
|
+<meta name="description" content="Control Panel"
|
|
|
13
|
+ />
|
|
|
14
|
+<meta name="keywords" content="freedombox, debian, beaglebone, red matrix, email, web server, home server, internet, censorship, surveillance, social network, irc, jabber" />
|
|
|
15
|
+<style type="text/css">
|
|
|
16
|
+ <!--/*--><![CDATA[/*><!--*/
|
|
|
17
|
+ .title { text-align: center;
|
|
|
18
|
+ margin-bottom: .2em; }
|
|
|
19
|
+ .subtitle { text-align: center;
|
|
|
20
|
+ font-size: medium;
|
|
|
21
|
+ font-weight: bold;
|
|
|
22
|
+ margin-top:0; }
|
|
|
23
|
+ .todo { font-family: monospace; color: red; }
|
|
|
24
|
+ .done { font-family: monospace; color: green; }
|
|
|
25
|
+ .priority { font-family: monospace; color: orange; }
|
|
|
26
|
+ .tag { background-color: #eee; font-family: monospace;
|
|
|
27
|
+ padding: 2px; font-size: 80%; font-weight: normal; }
|
|
|
28
|
+ .timestamp { color: #bebebe; }
|
|
|
29
|
+ .timestamp-kwd { color: #5f9ea0; }
|
|
|
30
|
+ .org-right { margin-left: auto; margin-right: 0px; text-align: right; }
|
|
|
31
|
+ .org-left { margin-left: 0px; margin-right: auto; text-align: left; }
|
|
|
32
|
+ .org-center { margin-left: auto; margin-right: auto; text-align: center; }
|
|
|
33
|
+ .underline { text-decoration: underline; }
|
|
|
34
|
+ #postamble p, #preamble p { font-size: 90%; margin: .2em; }
|
|
|
35
|
+ p.verse { margin-left: 3%; }
|
|
|
36
|
+ pre {
|
|
|
37
|
+ border: 1px solid #ccc;
|
|
|
38
|
+ box-shadow: 3px 3px 3px #eee;
|
|
|
39
|
+ padding: 8pt;
|
|
|
40
|
+ font-family: monospace;
|
|
|
41
|
+ overflow: auto;
|
|
|
42
|
+ margin: 1.2em;
|
|
|
43
|
+ }
|
|
|
44
|
+ pre.src {
|
|
|
45
|
+ position: relative;
|
|
|
46
|
+ overflow: visible;
|
|
|
47
|
+ padding-top: 1.2em;
|
|
|
48
|
+ }
|
|
|
49
|
+ pre.src:before {
|
|
|
50
|
+ display: none;
|
|
|
51
|
+ position: absolute;
|
|
|
52
|
+ background-color: white;
|
|
|
53
|
+ top: -10px;
|
|
|
54
|
+ right: 10px;
|
|
|
55
|
+ padding: 3px;
|
|
|
56
|
+ border: 1px solid black;
|
|
|
57
|
+ }
|
|
|
58
|
+ pre.src:hover:before { display: inline;}
|
|
|
59
|
+ pre.src-sh:before { content: 'sh'; }
|
|
|
60
|
+ pre.src-bash:before { content: 'sh'; }
|
|
|
61
|
+ pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
|
|
|
62
|
+ pre.src-R:before { content: 'R'; }
|
|
|
63
|
+ pre.src-perl:before { content: 'Perl'; }
|
|
|
64
|
+ pre.src-java:before { content: 'Java'; }
|
|
|
65
|
+ pre.src-sql:before { content: 'SQL'; }
|
|
|
66
|
+
|
|
|
67
|
+ table { border-collapse:collapse; }
|
|
|
68
|
+ caption.t-above { caption-side: top; }
|
|
|
69
|
+ caption.t-bottom { caption-side: bottom; }
|
|
|
70
|
+ td, th { vertical-align:top; }
|
|
|
71
|
+ th.org-right { text-align: center; }
|
|
|
72
|
+ th.org-left { text-align: center; }
|
|
|
73
|
+ th.org-center { text-align: center; }
|
|
|
74
|
+ td.org-right { text-align: right; }
|
|
|
75
|
+ td.org-left { text-align: left; }
|
|
|
76
|
+ td.org-center { text-align: center; }
|
|
|
77
|
+ dt { font-weight: bold; }
|
|
|
78
|
+ .footpara:nth-child(2) { display: inline; }
|
|
|
79
|
+ .footpara { display: block; }
|
|
|
80
|
+ .footdef { margin-bottom: 1em; }
|
|
|
81
|
+ .figure { padding: 1em; }
|
|
|
82
|
+ .figure p { text-align: center; }
|
|
|
83
|
+ .inlinetask {
|
|
|
84
|
+ padding: 10px;
|
|
|
85
|
+ border: 2px solid gray;
|
|
|
86
|
+ margin: 10px;
|
|
|
87
|
+ background: #ffffcc;
|
|
|
88
|
+ }
|
|
|
89
|
+ #org-div-home-and-up
|
|
|
90
|
+ { text-align: right; font-size: 70%; white-space: nowrap; }
|
|
|
91
|
+ textarea { overflow-x: auto; }
|
|
|
92
|
+ .linenr { font-size: smaller }
|
|
|
93
|
+ .code-highlighted { background-color: #ffff00; }
|
|
|
94
|
+ .org-info-js_info-navigation { border-style: none; }
|
|
|
95
|
+ #org-info-js_console-label
|
|
|
96
|
+ { font-size: 10px; font-weight: bold; white-space: nowrap; }
|
|
|
97
|
+ .org-info-js_search-highlight
|
|
|
98
|
+ { background-color: #ffff00; color: #000000; font-weight: bold; }
|
|
|
99
|
+ /*]]>*/-->
|
|
|
100
|
+</style>
|
|
|
101
|
+<link rel="stylesheet" type="text/css" href="solarized-light.css" />
|
|
|
102
|
+<script type="text/javascript">
|
|
|
103
|
+/*
|
|
|
104
|
+@licstart The following is the entire license notice for the
|
|
|
105
|
+JavaScript code in this tag.
|
|
|
106
|
+
|
|
|
107
|
+Copyright (C) 2012-2013 Free Software Foundation, Inc.
|
|
|
108
|
+
|
|
|
109
|
+The JavaScript code in this tag is free software: you can
|
|
|
110
|
+redistribute it and/or modify it under the terms of the GNU
|
|
|
111
|
+General Public License (GNU GPL) as published by the Free Software
|
|
|
112
|
+Foundation, either version 3 of the License, or (at your option)
|
|
|
113
|
+any later version. The code is distributed WITHOUT ANY WARRANTY;
|
|
|
114
|
+without even the implied warranty of MERCHANTABILITY or FITNESS
|
|
|
115
|
+FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
|
|
|
116
|
+
|
|
|
117
|
+As additional permission under GNU GPL version 3 section 7, you
|
|
|
118
|
+may distribute non-source (e.g., minimized or compacted) forms of
|
|
|
119
|
+that code without the copy of the GNU GPL normally required by
|
|
|
120
|
+section 4, provided you include this license notice and a URL
|
|
|
121
|
+through which recipients can access the Corresponding Source.
|
|
|
122
|
+
|
|
|
123
|
+
|
|
|
124
|
+@licend The above is the entire license notice
|
|
|
125
|
+for the JavaScript code in this tag.
|
|
|
126
|
+*/
|
|
|
127
|
+<!--/*--><![CDATA[/*><!--*/
|
|
|
128
|
+ function CodeHighlightOn(elem, id)
|
|
|
129
|
+ {
|
|
|
130
|
+ var target = document.getElementById(id);
|
|
|
131
|
+ if(null != target) {
|
|
|
132
|
+ elem.cacheClassElem = elem.className;
|
|
|
133
|
+ elem.cacheClassTarget = target.className;
|
|
|
134
|
+ target.className = "code-highlighted";
|
|
|
135
|
+ elem.className = "code-highlighted";
|
|
|
136
|
+ }
|
|
|
137
|
+ }
|
|
|
138
|
+ function CodeHighlightOff(elem, id)
|
|
|
139
|
+ {
|
|
|
140
|
+ var target = document.getElementById(id);
|
|
|
141
|
+ if(elem.cacheClassElem)
|
|
|
142
|
+ elem.className = elem.cacheClassElem;
|
|
|
143
|
+ if(elem.cacheClassTarget)
|
|
|
144
|
+ target.className = elem.cacheClassTarget;
|
|
|
145
|
+ }
|
|
|
146
|
+/*]]>*///-->
|
|
|
147
|
+</script>
|
|
|
148
|
+</head>
|
|
|
149
|
+<body>
|
|
|
150
|
+<div id="preamble" class="status">
|
|
|
151
|
+<a name="top" id="top"></a>
|
|
|
152
|
+</div>
|
|
|
153
|
+<div id="content">
|
|
|
154
|
+<div class="center">
|
|
|
155
|
+
|
|
|
156
|
+<div class="figure">
|
|
|
157
|
+<p><img src="images/logo.png" alt="logo.png" />
|
|
|
158
|
+</p>
|
|
|
159
|
+</div>
|
|
|
160
|
+</div>
|
|
|
161
|
+
|
|
|
162
|
+<center>
|
|
|
163
|
+<h1>Control panel</h1>
|
|
|
164
|
+</center>
|
|
|
165
|
+
|
|
|
166
|
+<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
|
|
|
167
|
+
|
|
|
168
|
+
|
|
|
169
|
+<colgroup>
|
|
|
170
|
+<col class="org-left" />
|
|
|
171
|
+</colgroup>
|
|
|
172
|
+<tbody>
|
|
|
173
|
+<tr>
|
|
|
174
|
+<td class="org-left"><a href="#orgheadline1">Main menu</a></td>
|
|
|
175
|
+</tr>
|
|
|
176
|
+
|
|
|
177
|
+<tr>
|
|
|
178
|
+<td class="org-left"><a href="#orgheadline2">About screen</a></td>
|
|
|
179
|
+</tr>
|
|
|
180
|
+
|
|
|
181
|
+<tr>
|
|
|
182
|
+<td class="org-left"><a href="#orgheadline3">Email filtering rules</a></td>
|
|
|
183
|
+</tr>
|
|
|
184
|
+
|
|
|
185
|
+<tr>
|
|
|
186
|
+<td class="org-left"><a href="#orgheadline4">Hubzilla menu</a></td>
|
|
|
187
|
+</tr>
|
|
|
188
|
+
|
|
|
189
|
+<tr>
|
|
|
190
|
+<td class="org-left"><a href="#orgheadline5">IRC menu</a></td>
|
|
|
191
|
+</tr>
|
|
|
192
|
+
|
|
|
193
|
+<tr>
|
|
|
194
|
+<td class="org-left"><a href="#orgheadline6">Media menu</a></td>
|
|
|
195
|
+</tr>
|
|
|
196
|
+
|
|
|
197
|
+<tr>
|
|
|
198
|
+<td class="org-left"><a href="#orgheadline7">Repository mirrors</a></td>
|
|
|
199
|
+</tr>
|
|
|
200
|
+
|
|
|
201
|
+<tr>
|
|
|
202
|
+<td class="org-left"><a href="#orgheadline8">Backup and restore menu</a></td>
|
|
|
203
|
+</tr>
|
|
|
204
|
+
|
|
|
205
|
+<tr>
|
|
|
206
|
+<td class="org-left"><a href="#orgheadline9">Security menu</a></td>
|
|
|
207
|
+</tr>
|
|
|
208
|
+
|
|
|
209
|
+<tr>
|
|
|
210
|
+<td class="org-left"><a href="#orgheadline10">User management menu</a></td>
|
|
|
211
|
+</tr>
|
|
|
212
|
+</tbody>
|
|
|
213
|
+</table>
|
|
|
214
|
+
|
|
|
215
|
+<div id="outline-container-orgheadline1" class="outline-2">
|
|
|
216
|
+<h2 id="orgheadline1">Main menu</h2>
|
|
|
217
|
+<div class="outline-text-2" id="text-orgheadline1">
|
|
|
218
|
+<p>
|
|
|
219
|
+You can access the main menu by logging into the system, then running the <b>control</b> command with root privileges.
|
|
|
220
|
+</p>
|
|
|
221
|
+
|
|
|
222
|
+<div class="org-src-container">
|
|
|
223
|
+
|
|
|
224
|
+<pre class="src src-bash">ssh myusername@mydomain -p 2222
|
|
|
225
|
+sudo control
|
|
|
226
|
+</pre>
|
|
|
227
|
+</div>
|
|
|
228
|
+
|
|
|
229
|
+<p>
|
|
|
230
|
+It should look like this:
|
|
|
231
|
+</p>
|
|
|
232
|
+
|
|
|
233
|
+<div class="center">
|
|
|
234
|
+
|
|
|
235
|
+<div class="figure">
|
|
|
236
|
+<p><img src="images/controlpanel/control_panel.jpg" alt="control_panel.jpg" />
|
|
|
237
|
+</p>
|
|
|
238
|
+</div>
|
|
|
239
|
+</div>
|
|
|
240
|
+
|
|
|
241
|
+<p>
|
|
|
242
|
+To select anythng on the control panel use the <b>up and down</b> cursor keys and <b>space bar</b> to tag, then press <b>Enter</b>.
|
|
|
243
|
+</p>
|
|
|
244
|
+</div>
|
|
|
245
|
+</div>
|
|
|
246
|
+
|
|
|
247
|
+<div id="outline-container-orgheadline2" class="outline-2">
|
|
|
248
|
+<h2 id="orgheadline2">About screen</h2>
|
|
|
249
|
+<div class="outline-text-2" id="text-orgheadline2">
|
|
|
250
|
+<p>
|
|
|
251
|
+To find out your current domain names select the About screen from the main menu. This is especially useful for finding your onion addresses. For improved security by compartmentalisation, and also simpler implementation, each application has its own onion address.
|
|
|
252
|
+</p>
|
|
|
253
|
+
|
|
|
254
|
+<div class="center">
|
|
|
255
|
+
|
|
|
256
|
+<div class="figure">
|
|
|
257
|
+<p><img src="images/controlpanel/control_panel_about.jpg" alt="control_panel_about.jpg" />
|
|
|
258
|
+</p>
|
|
|
259
|
+</div>
|
|
|
260
|
+</div>
|
|
|
261
|
+
|
|
|
262
|
+<p>
|
|
|
263
|
+You can also see the SIP extension numbers for each user and how much disk space each user is consuming (typically this corresponds with email use).
|
|
|
264
|
+</p>
|
|
|
265
|
+
|
|
|
266
|
+<p>
|
|
|
267
|
+The Local Mirrors contains mirrored copies of the git repositories used by the system. If they don't have access to default repositories (mostly Github) then you can give these details to other users and then they can set their main repository such that they can pull from your system. Obviously any users doing this need to trust that you havn't modified the mirrored repositories in any way.
|
|
|
268
|
+</p>
|
|
|
269
|
+</div>
|
|
|
270
|
+</div>
|
|
|
271
|
+
|
|
|
272
|
+<div id="outline-container-orgheadline3" class="outline-2">
|
|
|
273
|
+<h2 id="orgheadline3">Email filtering rules</h2>
|
|
|
274
|
+<div class="outline-text-2" id="text-orgheadline3">
|
|
|
275
|
+<p>
|
|
|
276
|
+You can add users to mailing lists, or block particular email addresses or subject lines in this menu.
|
|
|
277
|
+</p>
|
|
|
278
|
+
|
|
|
279
|
+<div class="center">
|
|
|
280
|
+
|
|
|
281
|
+<div class="figure">
|
|
|
282
|
+<p><img src="images/controlpanel/control_panel_filtering.jpg" alt="control_panel_filtering.jpg" />
|
|
|
283
|
+</p>
|
|
|
284
|
+</div>
|
|
|
285
|
+</div>
|
|
|
286
|
+</div>
|
|
|
287
|
+</div>
|
|
|
288
|
+
|
|
|
289
|
+<div id="outline-container-orgheadline4" class="outline-2">
|
|
|
290
|
+<h2 id="orgheadline4">Hubzilla menu</h2>
|
|
|
291
|
+<div class="outline-text-2" id="text-orgheadline4">
|
|
|
292
|
+<p>
|
|
|
293
|
+This allows you to set the global directory location and obtain an SSL/TLS certificate if necessary.
|
|
|
294
|
+</p>
|
|
|
295
|
+
|
|
|
296
|
+<div class="center">
|
|
|
297
|
+
|
|
|
298
|
+<div class="figure">
|
|
|
299
|
+<p><img src="images/controlpanel/control_panel_hubzilla.jpg" alt="control_panel_hubzilla.jpg" />
|
|
|
300
|
+</p>
|
|
|
301
|
+</div>
|
|
|
302
|
+</div>
|
|
|
303
|
+</div>
|
|
|
304
|
+</div>
|
|
|
305
|
+
|
|
|
306
|
+<div id="outline-container-orgheadline5" class="outline-2">
|
|
|
307
|
+<h2 id="orgheadline5">IRC menu</h2>
|
|
|
308
|
+<div class="outline-text-2" id="text-orgheadline5">
|
|
|
309
|
+<p>
|
|
|
310
|
+You can set a password for your IRC server here.
|
|
|
311
|
+</p>
|
|
|
312
|
+
|
|
|
313
|
+<div class="center">
|
|
|
314
|
+
|
|
|
315
|
+<div class="figure">
|
|
|
316
|
+<p><img src="images/controlpanel/control_panel_irc.jpg" alt="control_panel_irc.jpg" />
|
|
|
317
|
+</p>
|
|
|
318
|
+</div>
|
|
|
319
|
+</div>
|
|
|
320
|
+</div>
|
|
|
321
|
+</div>
|
|
|
322
|
+
|
|
|
323
|
+<div id="outline-container-orgheadline6" class="outline-2">
|
|
|
324
|
+<h2 id="orgheadline6">Media menu</h2>
|
|
|
325
|
+<div class="outline-text-2" id="text-orgheadline6">
|
|
|
326
|
+<p>
|
|
|
327
|
+It's possible to add playable media to a USB drive and plug it into the system, then make it accessible to other devices such as tablets or phones on your local network via DLNA.
|
|
|
328
|
+</p>
|
|
|
329
|
+
|
|
|
330
|
+<div class="center">
|
|
|
331
|
+
|
|
|
332
|
+<div class="figure">
|
|
|
333
|
+<p><img src="images/controlpanel/control_panel_media.jpg" alt="control_panel_media.jpg" />
|
|
|
334
|
+</p>
|
|
|
335
|
+</div>
|
|
|
336
|
+</div>
|
|
|
337
|
+</div>
|
|
|
338
|
+</div>
|
|
|
339
|
+
|
|
|
340
|
+<div id="outline-container-orgheadline7" class="outline-2">
|
|
|
341
|
+<h2 id="orgheadline7">Repository mirrors</h2>
|
|
|
342
|
+<div class="outline-text-2" id="text-orgheadline7">
|
|
|
343
|
+<p>
|
|
|
344
|
+If you don't want to use the default repositories, or don't have access to them, then you can obtain them from another Freedombone server (the details can be found on the other server on the <b>About</b> screen of the control panel).
|
|
|
345
|
+</p>
|
|
|
346
|
+
|
|
|
347
|
+<div class="center">
|
|
|
348
|
+
|
|
|
349
|
+<div class="figure">
|
|
|
350
|
+<p><img src="images/controlpanel/control_panel_mirrors.jpg" alt="control_panel_mirrors.jpg" />
|
|
|
351
|
+</p>
|
|
|
352
|
+</div>
|
|
|
353
|
+</div>
|
|
|
354
|
+</div>
|
|
|
355
|
+</div>
|
|
|
356
|
+
|
|
|
357
|
+<div id="outline-container-orgheadline8" class="outline-2">
|
|
|
358
|
+<h2 id="orgheadline8">Backup and restore menu</h2>
|
|
|
359
|
+<div class="outline-text-2" id="text-orgheadline8">
|
|
|
360
|
+<p>
|
|
|
361
|
+You can create backups or restore from backup here. It's also possible to create keydrives which store the backup key.
|
|
|
362
|
+</p>
|
|
|
363
|
+
|
|
|
364
|
+<div class="center">
|
|
|
365
|
+
|
|
|
366
|
+<div class="figure">
|
|
|
367
|
+<p><img src="images/controlpanel/control_panel_backup_restore.jpg" alt="control_panel_backup_restore.jpg" />
|
|
|
368
|
+</p>
|
|
|
369
|
+</div>
|
|
|
370
|
+</div>
|
|
|
371
|
+</div>
|
|
|
372
|
+</div>
|
|
|
373
|
+
|
|
|
374
|
+<div id="outline-container-orgheadline9" class="outline-2">
|
|
|
375
|
+<h2 id="orgheadline9">Security menu</h2>
|
|
|
376
|
+<div class="outline-text-2" id="text-orgheadline9">
|
|
|
377
|
+<p>
|
|
|
378
|
+If you need to generate SSL/TLS certificates or change cypher details due to changing recommendations then you can do that here. If you are changing cypher details be extra careful not to make mistakes/typos, which could reduce the security of your system.
|
|
|
379
|
+</p>
|
|
|
380
|
+
|
|
|
381
|
+<div class="center">
|
|
|
382
|
+
|
|
|
383
|
+<div class="figure">
|
|
|
384
|
+<p><img src="images/controlpanel/control_panel_security.jpg" alt="control_panel_security.jpg" />
|
|
|
385
|
+</p>
|
|
|
386
|
+</div>
|
|
|
387
|
+</div>
|
|
|
388
|
+</div>
|
|
|
389
|
+</div>
|
|
|
390
|
+
|
|
|
391
|
+<div id="outline-container-orgheadline10" class="outline-2">
|
|
|
392
|
+<h2 id="orgheadline10">User management menu</h2>
|
|
|
393
|
+<div class="outline-text-2" id="text-orgheadline10">
|
|
|
394
|
+<p>
|
|
|
395
|
+Users can be added or removed here.
|
|
|
396
|
+</p>
|
|
|
397
|
+
|
|
|
398
|
+<div class="center">
|
|
|
399
|
+
|
|
|
400
|
+<div class="figure">
|
|
|
401
|
+<p><img src="images/controlpanel/control_panel_users.jpg" alt="control_panel_users.jpg" />
|
|
|
402
|
+</p>
|
|
|
403
|
+</div>
|
|
|
404
|
+</div>
|
|
|
405
|
+</div>
|
|
|
406
|
+</div>
|
|
|
407
|
+</div>
|
|
|
408
|
+<div id="postamble" class="status">
|
|
|
409
|
+
|
|
|
410
|
+<style type="text/css">
|
|
|
411
|
+.back-to-top {
|
|
|
412
|
+ position: fixed;
|
|
|
413
|
+ bottom: 2em;
|
|
|
414
|
+ right: 0px;
|
|
|
415
|
+ text-decoration: none;
|
|
|
416
|
+ color: #000000;
|
|
|
417
|
+ background-color: rgba(235, 235, 235, 0.80);
|
|
|
418
|
+ font-size: 12px;
|
|
|
419
|
+ padding: 1em;
|
|
|
420
|
+ display: none;
|
|
|
421
|
+}
|
|
|
422
|
+
|
|
|
423
|
+.back-to-top:hover {
|
|
|
424
|
+ background-color: rgba(135, 135, 135, 0.50);
|
|
|
425
|
+}
|
|
|
426
|
+</style>
|
|
|
427
|
+
|
|
|
428
|
+<div class="back-to-top">
|
|
|
429
|
+<a href="#top">Back to top</a> | <a href="mailto:bob@robotics.uk.to">E-mail me</a>
|
|
|
430
|
+</div>
|
|
|
431
|
+
|
|
|
432
|
+<script type="text/javascript">
|
|
|
433
|
+ var offset = 220;
|
|
|
434
|
+ var duration = 500;
|
|
|
435
|
+ jQuery(window).scroll(function() {
|
|
|
436
|
+ if (jQuery(this).scrollTop() > offset) {
|
|
|
437
|
+ jQuery('.back-to-top').fadeIn(duration);
|
|
|
438
|
+ } else {
|
|
|
439
|
+ jQuery('.back-to-top').fadeOut(duration);
|
|
|
440
|
+ }
|
|
|
441
|
+ });
|
|
|
442
|
+</script>
|
|
|
443
|
+</div>
|
|
|
444
|
+</body>
|
|
|
445
|
+</html>
|
Bob Mottram
9 年 前
