Browse Source

Show initial login screen in mesh documentation

Bob Mottram 7 years ago
parent
commit
db10e14f83
3 changed files with 57 additions and 45 deletions
  1. 4
    0
      doc/EN/mesh_usage.org
  2. BIN
      img/mesh_initial_login.jpg
  3. 53
    45
      website/EN/mesh_usage.html

+ 4
- 0
doc/EN/mesh_usage.org View File

28
 
28
 
29
 When you first boot from the USB drive the system will create some encryption keys, assign a unique network address to the system and then reboot itself. When that's done you should see a prompt asking for a username. This username just makes it easy for others to initially find you on the mesh and will appear in the list of users.
29
 When you first boot from the USB drive the system will create some encryption keys, assign a unique network address to the system and then reboot itself. When that's done you should see a prompt asking for a username. This username just makes it easy for others to initially find you on the mesh and will appear in the list of users.
30
 
30
 
31
+#+BEGIN_CENTER
32
+[[file:images/mesh_initial_login.jpg]]
33
+#+END_CENTER
34
+
31
 After a minute or two if you are within wifi range and there is at least one other user on the network then you should see additional icons appear on the desktop, such as /Other Users/ and /Chat/.
35
 After a minute or two if you are within wifi range and there is at least one other user on the network then you should see additional icons appear on the desktop, such as /Other Users/ and /Chat/.
32
 
36
 
33
 * Boot trouble
37
 * Boot trouble

BIN
img/mesh_initial_login.jpg View File


+ 53
- 45
website/EN/mesh_usage.html View File

3
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
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">
4
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
5
 <head>
5
 <head>
6
-<!-- 2017-12-09 Sat 16:19 -->
6
+<!-- 2017-12-09 Sat 17:57 -->
7
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
7
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
8
 <meta name="viewport" content="width=device-width, initial-scale=1" />
8
 <meta name="viewport" content="width=device-width, initial-scale=1" />
9
 <title>&lrm;</title>
9
 <title>&lrm;</title>
247
 <center><h1>Mesh Network: How to use it</h1></center>
247
 <center><h1>Mesh Network: How to use it</h1></center>
248
 
248
 
249
 <ul class="org-ul">
249
 <ul class="org-ul">
250
-<li><a href="#org674c054">Boot trouble</a></li>
251
-<li><a href="#org886e3c9">Set the Date</a></li>
252
-<li><a href="#org8d77152">Check network status</a></li>
253
-<li><a href="#org6593cb7">Connecting to the internet</a></li>
254
-<li><a href="#org848b935">Connecting two meshes over the internet via a VPN tunnel</a></li>
255
-<li><a href="#org4b07a9a">Mobile devices (phones, etc)</a></li>
256
-<li><a href="#org31e6991">Chat System</a></li>
257
-<li><a href="#org38035f5">Collaborative document editing</a></li>
258
-<li><a href="#orgbb7da93">Social Network</a></li>
259
-<li><a href="#orgafefa96">Sharing Files</a></li>
260
-<li><a href="#org9dd830a">Blogging</a></li>
250
+<li><a href="#orgdec778b">Boot trouble</a></li>
251
+<li><a href="#org92b8992">Set the Date</a></li>
252
+<li><a href="#org5854462">Check network status</a></li>
253
+<li><a href="#orga9a6d4b">Connecting to the internet</a></li>
254
+<li><a href="#org5fe4cbd">Connecting two meshes over the internet via a VPN tunnel</a></li>
255
+<li><a href="#org0f9ab05">Mobile devices (phones, etc)</a></li>
256
+<li><a href="#orgf44bf0d">Chat System</a></li>
257
+<li><a href="#org6940994">Collaborative document editing</a></li>
258
+<li><a href="#orgdcb8a5f">Social Network</a></li>
259
+<li><a href="#orga1bfc4a">Sharing Files</a></li>
260
+<li><a href="#orgfbceae4">Blogging</a></li>
261
 </ul>
261
 </ul>
262
 
262
 
263
 <p>
263
 <p>
264
 When you first boot from the USB drive the system will create some encryption keys, assign a unique network address to the system and then reboot itself. When that's done you should see a prompt asking for a username. This username just makes it easy for others to initially find you on the mesh and will appear in the list of users.
264
 When you first boot from the USB drive the system will create some encryption keys, assign a unique network address to the system and then reboot itself. When that's done you should see a prompt asking for a username. This username just makes it easy for others to initially find you on the mesh and will appear in the list of users.
265
 </p>
265
 </p>
266
 
266
 
267
+<div class="org-center">
268
+
269
+<div class="figure">
270
+<p><img src="images/mesh_initial_login.jpg" alt="mesh_initial_login.jpg" />
271
+</p>
272
+</div>
273
+</div>
274
+
267
 <p>
275
 <p>
268
 After a minute or two if you are within wifi range and there is at least one other user on the network then you should see additional icons appear on the desktop, such as <i>Other Users</i> and <i>Chat</i>.
276
 After a minute or two if you are within wifi range and there is at least one other user on the network then you should see additional icons appear on the desktop, such as <i>Other Users</i> and <i>Chat</i>.
269
 </p>
277
 </p>
270
 
278
 
271
-<div id="outline-container-org674c054" class="outline-2">
272
-<h2 id="org674c054">Boot trouble</h2>
273
-<div class="outline-text-2" id="text-org674c054">
279
+<div id="outline-container-orgdec778b" class="outline-2">
280
+<h2 id="orgdec778b">Boot trouble</h2>
281
+<div class="outline-text-2" id="text-orgdec778b">
274
 <p>
282
 <p>
275
 If the system doesn't boot and reports an error which includes <b>/dev/mapper/loop0p1</b> then reboot with <b>Ctrl-Alt-Del</b> and when you see the grub menu press <b>e</b> and manually change <b>/dev/mapper/loop0p1</b> to <b>/dev/sdb1</b>, then press <b>Ctrl-x</b>. If that doesn't work then reboot and try <b>/dev/sdc1</b> instead.
283
 If the system doesn't boot and reports an error which includes <b>/dev/mapper/loop0p1</b> then reboot with <b>Ctrl-Alt-Del</b> and when you see the grub menu press <b>e</b> and manually change <b>/dev/mapper/loop0p1</b> to <b>/dev/sdb1</b>, then press <b>Ctrl-x</b>. If that doesn't work then reboot and try <b>/dev/sdc1</b> instead.
276
 </p>
284
 </p>
280
 </p>
288
 </p>
281
 </div>
289
 </div>
282
 </div>
290
 </div>
283
-<div id="outline-container-org886e3c9" class="outline-2">
284
-<h2 id="org886e3c9">Set the Date</h2>
285
-<div class="outline-text-2" id="text-org886e3c9">
291
+<div id="outline-container-org92b8992" class="outline-2">
292
+<h2 id="org92b8992">Set the Date</h2>
293
+<div class="outline-text-2" id="text-org92b8992">
286
 <p>
294
 <p>
287
 On the ordinary internet the date and time of your system would be set automatically via NTP. But this is not the internet and so you will need to manually ensure that your date and time settings are correct. You might need to periodically do this if your clock drifts. It's not essential that the time on your system be highly accurate, but if it drifts too far or goes back to epoch then things could become a little confusing in regard to the order of blog posts.
295
 On the ordinary internet the date and time of your system would be set automatically via NTP. But this is not the internet and so you will need to manually ensure that your date and time settings are correct. You might need to periodically do this if your clock drifts. It's not essential that the time on your system be highly accurate, but if it drifts too far or goes back to epoch then things could become a little confusing in regard to the order of blog posts.
288
 </p>
296
 </p>
292
 </p>
300
 </p>
293
 </div>
301
 </div>
294
 </div>
302
 </div>
295
-<div id="outline-container-org8d77152" class="outline-2">
296
-<h2 id="org8d77152">Check network status</h2>
297
-<div class="outline-text-2" id="text-org8d77152">
303
+<div id="outline-container-org5854462" class="outline-2">
304
+<h2 id="org5854462">Check network status</h2>
305
+<div class="outline-text-2" id="text-org5854462">
298
 <p>
306
 <p>
299
 Unlike with ordinary wifi, on the mesh you don't get a signal strength icon and so it's not simple to see if you have a good connection.
307
 Unlike with ordinary wifi, on the mesh you don't get a signal strength icon and so it's not simple to see if you have a good connection.
300
 </p>
308
 </p>
317
 </p>
325
 </p>
318
 </div>
326
 </div>
319
 </div>
327
 </div>
320
-<div id="outline-container-org6593cb7" class="outline-2">
321
-<h2 id="org6593cb7">Connecting to the internet</h2>
322
-<div class="outline-text-2" id="text-org6593cb7">
328
+<div id="outline-container-orga9a6d4b" class="outline-2">
329
+<h2 id="orga9a6d4b">Connecting to the internet</h2>
330
+<div class="outline-text-2" id="text-orga9a6d4b">
323
 <div class="org-center">
331
 <div class="org-center">
324
 
332
 
325
 <div class="figure">
333
 <div class="figure">
350
 </p>
358
 </p>
351
 </div>
359
 </div>
352
 </div>
360
 </div>
353
-<div id="outline-container-org848b935" class="outline-2">
354
-<h2 id="org848b935">Connecting two meshes over the internet via a VPN tunnel</h2>
355
-<div class="outline-text-2" id="text-org848b935">
361
+<div id="outline-container-org5fe4cbd" class="outline-2">
362
+<h2 id="org5fe4cbd">Connecting two meshes over the internet via a VPN tunnel</h2>
363
+<div class="outline-text-2" id="text-org5fe4cbd">
356
 <div class="org-center">
364
 <div class="org-center">
357
 
365
 
358
 <div class="figure">
366
 <div class="figure">
387
 </div>
395
 </div>
388
 </div>
396
 </div>
389
 
397
 
390
-<div id="outline-container-org4b07a9a" class="outline-2">
391
-<h2 id="org4b07a9a">Mobile devices (phones, etc)</h2>
392
-<div class="outline-text-2" id="text-org4b07a9a">
398
+<div id="outline-container-org0f9ab05" class="outline-2">
399
+<h2 id="org0f9ab05">Mobile devices (phones, etc)</h2>
400
+<div class="outline-text-2" id="text-org0f9ab05">
393
 <div class="org-center">
401
 <div class="org-center">
394
 
402
 
395
 <div class="figure">
403
 <div class="figure">
419
 </p>
427
 </p>
420
 </div>
428
 </div>
421
 </div>
429
 </div>
422
-<div id="outline-container-org31e6991" class="outline-2">
423
-<h2 id="org31e6991">Chat System</h2>
424
-<div class="outline-text-2" id="text-org31e6991">
430
+<div id="outline-container-orgf44bf0d" class="outline-2">
431
+<h2 id="orgf44bf0d">Chat System</h2>
432
+<div class="outline-text-2" id="text-orgf44bf0d">
425
 <p>
433
 <p>
426
 Ensure that you're within wifi range of at least one other mesh peer (could be a router or client) and then you should see that the <i>Chat</i> and <i>Other Users</i> icons appear. Select the users icon and you should see a list of users on the mesh.
434
 Ensure that you're within wifi range of at least one other mesh peer (could be a router or client) and then you should see that the <i>Chat</i> and <i>Other Users</i> icons appear. Select the users icon and you should see a list of users on the mesh.
427
 </p>
435
 </p>
496
 </div>
504
 </div>
497
 </div>
505
 </div>
498
 
506
 
499
-<div id="outline-container-org38035f5" class="outline-2">
500
-<h2 id="org38035f5">Collaborative document editing</h2>
501
-<div class="outline-text-2" id="text-org38035f5">
507
+<div id="outline-container-org6940994" class="outline-2">
508
+<h2 id="org6940994">Collaborative document editing</h2>
509
+<div class="outline-text-2" id="text-org6940994">
502
 <p>
510
 <p>
503
 The mesh system includes the ability to collaboratively edit various sorts of documents using CryptPad. CryptPad is an almost peer-to-peer system in that it is designed for a client/server environment but that the server aspect of it is very minimal and limited to orchestrating the connected clients. With CryptPad installed on each mesh peer it effectively enables peer-to-peer collaborative editing. Documents are ephemeral and forgotten unless they're exported or copy-pasted to permanent storage.
511
 The mesh system includes the ability to collaboratively edit various sorts of documents using CryptPad. CryptPad is an almost peer-to-peer system in that it is designed for a client/server environment but that the server aspect of it is very minimal and limited to orchestrating the connected clients. With CryptPad installed on each mesh peer it effectively enables peer-to-peer collaborative editing. Documents are ephemeral and forgotten unless they're exported or copy-pasted to permanent storage.
504
 </p>
512
 </p>
529
 </div>
537
 </div>
530
 </div>
538
 </div>
531
 
539
 
532
-<div id="outline-container-orgbb7da93" class="outline-2">
533
-<h2 id="orgbb7da93">Social Network</h2>
534
-<div class="outline-text-2" id="text-orgbb7da93">
540
+<div id="outline-container-orgdcb8a5f" class="outline-2">
541
+<h2 id="orgdcb8a5f">Social Network</h2>
542
+<div class="outline-text-2" id="text-orgdcb8a5f">
535
 <p>
543
 <p>
536
 Patchwork is available as a social networking system for the mesh. Like all social network systems it has a stream of posts and you can follow or unfollow other users. You can also send private messages to other users with end-to-end encryption.
544
 Patchwork is available as a social networking system for the mesh. Like all social network systems it has a stream of posts and you can follow or unfollow other users. You can also send private messages to other users with end-to-end encryption.
537
 </p>
545
 </p>
566
 </div>
574
 </div>
567
 </div>
575
 </div>
568
 
576
 
569
-<div id="outline-container-orgafefa96" class="outline-2">
570
-<h2 id="orgafefa96">Sharing Files</h2>
571
-<div class="outline-text-2" id="text-orgafefa96">
577
+<div id="outline-container-orga1bfc4a" class="outline-2">
578
+<h2 id="orga1bfc4a">Sharing Files</h2>
579
+<div class="outline-text-2" id="text-orga1bfc4a">
572
 <p>
580
 <p>
573
 You can make files publicly available on the network simply by dragging and dropping them into the <i>Public</i> folder on the desktop. To view the files belonging to another user select the desktop icon called <i>Visit a site</i> and enter the username or Tox ID of the other user.
581
 You can make files publicly available on the network simply by dragging and dropping them into the <i>Public</i> folder on the desktop. To view the files belonging to another user select the desktop icon called <i>Visit a site</i> and enter the username or Tox ID of the other user.
574
 </p>
582
 </p>
583
 </div>
591
 </div>
584
 </div>
592
 </div>
585
 
593
 
586
-<div id="outline-container-org9dd830a" class="outline-2">
587
-<h2 id="org9dd830a">Blogging</h2>
588
-<div class="outline-text-2" id="text-org9dd830a">
594
+<div id="outline-container-orgfbceae4" class="outline-2">
595
+<h2 id="orgfbceae4">Blogging</h2>
596
+<div class="outline-text-2" id="text-orgfbceae4">
589
 <p>
597
 <p>
590
 To create a blog post select the <i>Blog</i> icon on the desktop and then select <b>New blog entry</b> and <b>Ok</b>. Edit the title of the entry and add your text. You can also include photos if you wish - just copy them to the <b>CreateBlog/content/images</b> directory and then link to them as shown.
598
 To create a blog post select the <i>Blog</i> icon on the desktop and then select <b>New blog entry</b> and <b>Ok</b>. Edit the title of the entry and add your text. You can also include photos if you wish - just copy them to the <b>CreateBlog/content/images</b> directory and then link to them as shown.
591
 </p>
599
 </p>