Reformatting images

This commit is contained in:
Bob Mottram 2018-04-12 11:17:56 +01:00
parent fac14ca960
commit 8c7d42d7c8
2 changed files with 137 additions and 272 deletions

View File

@ -28,9 +28,9 @@
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.
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_initial_login.jpg]]
#+END_CENTER
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/.
@ -47,17 +47,14 @@ Unlike with ordinary wifi, on the mesh you don't get a signal strength icon and
Select the wifi icon on the desktop and enter the password '/freedombone/'. The network configuration will go into a monitoring mode and in the bottom right side of the window you will be able to see signal strength and other parameters. This can help you to locate systems or adjust antennas to get the best wifi performance.
#+BEGIN_CENTER
#+attr_html: :width 70% :align center
[[file:images/mesh_signal.jpg]]
#+END_CENTER
When you are finished close the window and then select the /Network Restart/ desktop icon, which will restart the B.A.T.M.A.N. network. You can also use the restart icon if you are within range of the mesh network but the /Chat/ and /Other Users/ icons do not automatically appear after a few minutes.
* Connecting to the internet
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_architecture2.jpg]]
#+END_CENTER
If you need to be able to access the internet from the mesh then connect one of the peers to an internet router using an ethernet cable (shown as yellow above), then reboot it. Other peers in the mesh, including any attached mobile devices, will then be able to access the internet using the ethernet attached peer as a gateway. [[https://en.wikipedia.org/wiki/Freifunk][Freifunk]] works in a similar way.
@ -72,17 +69,15 @@ sudo openvpn myclient.ovpn
Where /myclient.ovpn/ comes from your VPN provider and with the password "/freedombone/".
* Connecting two meshes over the internet via a VPN tunnel
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_architecture_vpn.jpg]]
#+END_CENTER
Maybe the internet exists, but you don't care about getting any content from it and just want to use it as a way to connect mesh networks from different geographical locations together.
In your home directory on a system connected via ethernet to an internet router you'll find a file called *vpn.tar.gz*. If you want another mesh to be able to connect to yours then send them this file and get them to uncompress it into their home directory also on an internet gateway machine. If they have an external IP address or domain name for your router then they will be able to VPN connect using the *Connect Meshes* icon. They should also forward port 653 from their internet router to the mesh gateway machine.
#+BEGIN_CENTER
#+attr_html: :width 50% :align center
[[file:images/mesh_connect.png]]
#+END_CENTER
You should create a new *vpn.tar.gz* file for every other mesh which wants to be able to connect to yours. If you are prompted for a password it is 'freedombone'.
@ -90,52 +85,45 @@ From a deep packet inspection point of view the traffic going over the internet
* Mobile devices (phones, etc)
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_architecture3.jpg]]
#+END_CENTER
To allow mobile devices to connect to the mesh you will need a second wifi adapter connected to your laptop/netbook/SBC. Plug in a second wifi adapter then reboot the system. The second adaptor will then create a wifi hotspot (the connection shown in green above) which mobile devices can connect to. The hotspot name also contains its local IP address (eg. "/mesh-192.168.1.83/").
On a typical Android device go to *Settings* then *Security* and ensure that *Unknown sources* is enabled. Also within *Wifi* from the *Settings* screen select the mesh hotspot. The password is "/freedombone/". Open a non-Tor browser and navigate to the IP address showing in the hotspot name. You can then download and install mesh apps.
#+BEGIN_CENTER
#+attr_html: :width 30% :align center
[[file:images/mesh_mobileapps.jpg]]
#+END_CENTER
On some android devices you may need to move the downloaded APK file from the *Downloads* directory to your *home* directory before you can install it.
* Chat System
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 /Chat/ and /Other Users/ icons appear. Select the users icon and you should see a list of users on the mesh.
#+BEGIN_CENTER
#+attr_html: :width 30% :align center
[[file:images/mesh_peerslist.png]]
#+END_CENTER
Selecting a user followed by the Ok button will copy their Tox ID to the clipboard.
Now select the /Chat/ icon and once you are connected you should see the status light turn green. If after a few minutes you don't get the green status light then try closing and re-opening the Tox chat application. Select the plus button to add a friend and then paste in a Tox ID.
#+BEGIN_CENTER
#+attr_html: :width 80% :align center
[[file:images/mesh_paste_tox_id.jpg]]
#+END_CENTER
The other user can then accept or decline your friend request.
#+BEGIN_CENTER
#+attr_html: :width 80% :align center
[[file:images/mesh_friend_request.jpg]]
#+END_CENTER
You can also select an avatar by selecting the grey head and shoulders image.
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_choose_avatar.jpg]]
#+END_CENTER
And by selecting the user from the list on the left hand side the chat can begin.
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_text_chat.jpg]]
#+END_CENTER
One important point is that by default the microphone is turned off. When doing voice chat you can select the microphone volume with the drop down slider in the top right corner of the screen.
@ -144,15 +132,13 @@ At present video doesn't work reliably, but text and voice chat do work well.
* Collaborative document editing
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.
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_cryptpad1.jpg]]
#+END_CENTER
To create a document click on the CryptPad icon. Depending upon the specifications of your system it may take a few seconds to load, so don't be too disturned if the browser contents look blank for a while. Select _Rich Text Pad_ and give yourself a username.
#+BEGIN_CENTER
#+attr_html: :width 100% :align center
[[file:images/mesh_cryptpad2.jpg]]
#+END_CENTER
If you have the chat system running you can then copy and paste the URL for your pad into the chat, and the other user can then open the link and edit the document with you. You can repeat that for however many other users you wish to be able to edit.
@ -162,44 +148,38 @@ Patchwork is available as a social networking system for the mesh. Like all soci
Double click on the "Social" icon to open the app, then add your nickname and optionally a description. If you want to choose an avatar image some can be found within the directory */usr/share/freedombone/avatars*. On older systems or systems without a hardware random number generator, Patchwork sometimes takes a long time (a few minutes) to open for the first time after clicking the icon. This is most likely due to the initial generation of encryption keys, so be patient.
#+BEGIN_CENTER
#+attr_html: :width 80% :align center
[[file:images/patchwork_setup.jpg]]
#+END_CENTER
Other Patchwork users on the mesh will appear automatically under the *local* list and you can select and follow them if you wish. It's also possible to select the dark theme from *settings* on the drop down menu if you prefer.
#+BEGIN_CENTER
#+attr_html: :width 50% :align center
[[file:images/patchwork_public.jpg]]
#+END_CENTER
The Secure Scuttlebutt protocol which Patchwork is based upon is intended to be robust to intermittent network connectivity, so you can write posts when out of range and they will sync once you are back in the network.
* Sharing Files
You can make files publicly available on the network simply by dragging and dropping them into the /Public/ folder on the desktop. To view the files belonging to another user select the desktop icon called /Visit a site/ and enter the username or Tox ID of the other user.
#+BEGIN_CENTER
#+attr_html: :width 50% :align center
[[file:images/mesh_share_files.jpg]]
#+END_CENTER
* Blogging
To create a blog post select the /Blog/ icon on the desktop and then select *New blog entry* and *Ok*. Edit the title of the entry and add your text. You can also include photos if you wish - just copy them to the *CreateBlog/content/images* directory and then link to them as shown.
#+BEGIN_CENTER
#+attr_html: :width 30% :align center
[[file:images/mesh_blog.png]]
#+END_CENTER
To finish your blog entry just select /Save/ and then close the editor. On older hardware it may take a while to publish the results, and this depends upon the amount of computation needed by IPFS to create file hashes. If you make no changes to the default text then the new blog entry will not be saved.
#+BEGIN_CENTER
#+attr_html: :width 50% :align center
[[file:images/mesh_new_blog2.jpg]]
#+END_CENTER
#+BEGIN_CENTER
#+attr_html: :width 50% :align center
[[file:images/mesh_view_blog.jpg]]
#+END_CENTER
You can also visit other blogs, edit or delete your previous entry and change your blog theme.
#+BEGIN_CENTER
#+attr_html: :width 30% :align center
[[file:images/mesh_select_blog_theme.png]]
#+END_CENTER

View File

@ -3,33 +3,26 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2017-12-09 Sat 17:57 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>&lrm;</title>
<meta name="generator" content="Org mode" />
<meta name="author" content="Bob Mottram" />
<meta name="description" content="Turn the Beaglebone Black into a personal communications server"
<title></title>
<!-- 2018-04-12 Thu 11:17 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="generator" content="Org-mode" />
<meta name="author" content="Bob Mottram" />
<meta name="description" content="Turn the Beaglebone Black into a personal communications server"
/>
<meta name="keywords" content="freedombox, debian, beaglebone, red matrix, email, web server, home server, internet, censorship, surveillance, social network, irc, jabber" />
<meta name="keywords" content="freedombox, debian, beaglebone, red matrix, email, web server, home server, internet, censorship, surveillance, social network, irc, jabber" />
<style type="text/css">
<!--/*--><![CDATA[/*><!--*/
.title { text-align: center;
margin-bottom: .2em; }
.subtitle { text-align: center;
font-size: medium;
font-weight: bold;
margin-top:0; }
.title { text-align: center; }
.todo { font-family: monospace; color: red; }
.done { font-family: monospace; color: green; }
.priority { font-family: monospace; color: orange; }
.done { color: green; }
.tag { background-color: #eee; font-family: monospace;
padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
.org-right { margin-left: auto; margin-right: 0px; text-align: right; }
.org-left { margin-left: 0px; margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
.right { margin-left: auto; margin-right: 0px; text-align: right; }
.left { margin-left: 0px; margin-right: auto; text-align: left; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
@ -56,111 +49,27 @@
border: 1px solid black;
}
pre.src:hover:before { display: inline;}
/* Languages per Org manual */
pre.src-asymptote:before { content: 'Asymptote'; }
pre.src-awk:before { content: 'Awk'; }
pre.src-C:before { content: 'C'; }
/* pre.src-C++ doesn't work in CSS */
pre.src-clojure:before { content: 'Clojure'; }
pre.src-css:before { content: 'CSS'; }
pre.src-D:before { content: 'D'; }
pre.src-ditaa:before { content: 'ditaa'; }
pre.src-dot:before { content: 'Graphviz'; }
pre.src-calc:before { content: 'Emacs Calc'; }
pre.src-sh:before { content: 'sh'; }
pre.src-bash:before { content: 'sh'; }
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
pre.src-fortran:before { content: 'Fortran'; }
pre.src-gnuplot:before { content: 'gnuplot'; }
pre.src-haskell:before { content: 'Haskell'; }
pre.src-hledger:before { content: 'hledger'; }
pre.src-java:before { content: 'Java'; }
pre.src-js:before { content: 'Javascript'; }
pre.src-latex:before { content: 'LaTeX'; }
pre.src-ledger:before { content: 'Ledger'; }
pre.src-lisp:before { content: 'Lisp'; }
pre.src-lilypond:before { content: 'Lilypond'; }
pre.src-lua:before { content: 'Lua'; }
pre.src-matlab:before { content: 'MATLAB'; }
pre.src-mscgen:before { content: 'Mscgen'; }
pre.src-ocaml:before { content: 'Objective Caml'; }
pre.src-octave:before { content: 'Octave'; }
pre.src-org:before { content: 'Org mode'; }
pre.src-oz:before { content: 'OZ'; }
pre.src-plantuml:before { content: 'Plantuml'; }
pre.src-processing:before { content: 'Processing.js'; }
pre.src-python:before { content: 'Python'; }
pre.src-R:before { content: 'R'; }
pre.src-ruby:before { content: 'Ruby'; }
pre.src-sass:before { content: 'Sass'; }
pre.src-scheme:before { content: 'Scheme'; }
pre.src-screen:before { content: 'Gnu Screen'; }
pre.src-sed:before { content: 'Sed'; }
pre.src-sh:before { content: 'shell'; }
pre.src-sql:before { content: 'SQL'; }
pre.src-sqlite:before { content: 'SQLite'; }
/* additional languages in org.el's org-babel-load-languages alist */
pre.src-forth:before { content: 'Forth'; }
pre.src-io:before { content: 'IO'; }
pre.src-J:before { content: 'J'; }
pre.src-makefile:before { content: 'Makefile'; }
pre.src-maxima:before { content: 'Maxima'; }
pre.src-perl:before { content: 'Perl'; }
pre.src-picolisp:before { content: 'Pico Lisp'; }
pre.src-scala:before { content: 'Scala'; }
pre.src-shell:before { content: 'Shell Script'; }
pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
/* additional language identifiers per "defun org-babel-execute"
in ob-*.el */
pre.src-cpp:before { content: 'C++'; }
pre.src-abc:before { content: 'ABC'; }
pre.src-coq:before { content: 'Coq'; }
pre.src-groovy:before { content: 'Groovy'; }
/* additional language identifiers from org-babel-shell-names in
ob-shell.el: ob-shell is the only babel language using a lambda to put
the execution function name together. */
pre.src-bash:before { content: 'bash'; }
pre.src-csh:before { content: 'csh'; }
pre.src-ash:before { content: 'ash'; }
pre.src-dash:before { content: 'dash'; }
pre.src-ksh:before { content: 'ksh'; }
pre.src-mksh:before { content: 'mksh'; }
pre.src-posh:before { content: 'posh'; }
/* Additional Emacs modes also supported by the LaTeX listings package */
pre.src-ada:before { content: 'Ada'; }
pre.src-asm:before { content: 'Assembler'; }
pre.src-caml:before { content: 'Caml'; }
pre.src-delphi:before { content: 'Delphi'; }
pre.src-html:before { content: 'HTML'; }
pre.src-idl:before { content: 'IDL'; }
pre.src-mercury:before { content: 'Mercury'; }
pre.src-metapost:before { content: 'MetaPost'; }
pre.src-modula-2:before { content: 'Modula-2'; }
pre.src-pascal:before { content: 'Pascal'; }
pre.src-ps:before { content: 'PostScript'; }
pre.src-prolog:before { content: 'Prolog'; }
pre.src-simula:before { content: 'Simula'; }
pre.src-tcl:before { content: 'tcl'; }
pre.src-tex:before { content: 'TeX'; }
pre.src-plain-tex:before { content: 'Plain TeX'; }
pre.src-verilog:before { content: 'Verilog'; }
pre.src-vhdl:before { content: 'VHDL'; }
pre.src-xml:before { content: 'XML'; }
pre.src-nxml:before { content: 'XML'; }
/* add a generic configuration mode; LaTeX export needs an additional
(add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
pre.src-conf:before { content: 'Configuration File'; }
pre.src-R:before { content: 'R'; }
pre.src-perl:before { content: 'Perl'; }
pre.src-java:before { content: 'Java'; }
pre.src-sql:before { content: 'SQL'; }
table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top; }
th.org-right { text-align: center; }
th.org-left { text-align: center; }
th.org-center { text-align: center; }
td.org-right { text-align: right; }
td.org-left { text-align: left; }
td.org-center { text-align: center; }
th.right { text-align: center; }
th.left { text-align: center; }
th.center { text-align: center; }
td.right { text-align: right; }
td.left { text-align: left; }
td.center { text-align: center; }
dt { font-weight: bold; }
.footpara { display: inline; }
.footpara:nth-child(2) { display: inline; }
.footpara { display: block; }
.footdef { margin-bottom: 1em; }
.figure { padding: 1em; }
.figure p { text-align: center; }
@ -180,7 +89,6 @@
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
.org-info-js_search-highlight
{ background-color: #ffff00; color: #000000; font-weight: bold; }
.org-svg { width: 90%; }
/*]]>*/-->
</style>
<link rel="stylesheet" type="text/css" href="freedombone.css" />
@ -189,7 +97,7 @@
@licstart The following is the entire license notice for the
JavaScript code in this tag.
Copyright (C) 2012-2017 Free Software Foundation, Inc.
Copyright (C) 2012-2013 Free Software Foundation, Inc.
The JavaScript code in this tag is free software: you can
redistribute it and/or modify it under the terms of the GNU
@ -236,7 +144,8 @@ for the JavaScript code in this tag.
<a name="top" id="top"></a>
</div>
<div id="content">
<div class="org-center">
<h1 class="title"></h1>
<div class="center">
<div class="figure">
<p><img src="images/logo.png" alt="logo.png" />
@ -244,41 +153,56 @@ for the JavaScript code in this tag.
</div>
</div>
<center><h1>Mesh Network: How to use it</h1></center>
<div class="export">
<p>
&lt;center&gt;&lt;h1&gt;Mesh Network: How to use it&lt;/h1&gt;&lt;/center&gt;
</p>
</div>
<ul class="org-ul">
<li><a href="#orgdec778b">Boot trouble</a></li>
<li><a href="#org92b8992">Set the Date</a></li>
<li><a href="#org5854462">Check network status</a></li>
<li><a href="#orga9a6d4b">Connecting to the internet</a></li>
<li><a href="#org5fe4cbd">Connecting two meshes over the internet via a VPN tunnel</a></li>
<li><a href="#org0f9ab05">Mobile devices (phones, etc)</a></li>
<li><a href="#orgf44bf0d">Chat System</a></li>
<li><a href="#org6940994">Collaborative document editing</a></li>
<li><a href="#orgdcb8a5f">Social Network</a></li>
<li><a href="#orga1bfc4a">Sharing Files</a></li>
<li><a href="#orgfbceae4">Blogging</a></li>
<li><a href="#sec-1">Boot trouble</a>
</li>
<li><a href="#sec-2">Set the Date</a>
</li>
<li><a href="#sec-3">Check network status</a>
</li>
<li><a href="#sec-4">Connecting to the internet</a>
</li>
<li><a href="#sec-5">Connecting two meshes over the internet via a VPN tunnel</a>
</li>
<li><a href="#sec-6">Mobile devices (phones, etc)</a>
</li>
<li><a href="#sec-7">Chat System</a>
</li>
<li><a href="#sec-8">Collaborative document editing</a>
</li>
<li><a href="#sec-9">Social Network</a>
</li>
<li><a href="#sec-10">Sharing Files</a>
</li>
<li><a href="#sec-11">Blogging</a>
</li>
</ul>
<p>
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.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_initial_login.jpg" alt="mesh_initial_login.jpg" />
<p><img src="images/mesh_initial_login.jpg" alt="mesh_initial_login.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
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>.
</p>
<div id="outline-container-orgdec778b" class="outline-2">
<h2 id="orgdec778b">Boot trouble</h2>
<div class="outline-text-2" id="text-orgdec778b">
<div id="outline-container-sec-1" class="outline-2">
<h2 id="sec-1">Boot trouble</h2>
<div class="outline-text-2" id="text-1">
<p>
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.
</p>
@ -288,9 +212,9 @@ After the system has booted successfully the problem should resolve itself on su
</p>
</div>
</div>
<div id="outline-container-org92b8992" class="outline-2">
<h2 id="org92b8992">Set the Date</h2>
<div class="outline-text-2" id="text-org92b8992">
<div id="outline-container-sec-2" class="outline-2">
<h2 id="sec-2">Set the Date</h2>
<div class="outline-text-2" id="text-2">
<p>
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.
</p>
@ -300,9 +224,9 @@ On the ordinary internet the date and time of your system would be set automatic
</p>
</div>
</div>
<div id="outline-container-org5854462" class="outline-2">
<h2 id="org5854462">Check network status</h2>
<div class="outline-text-2" id="text-org5854462">
<div id="outline-container-sec-3" class="outline-2">
<h2 id="sec-3">Check network status</h2>
<div class="outline-text-2" id="text-3">
<p>
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.
</p>
@ -312,29 +236,24 @@ Select the wifi icon on the desktop and enter the password '<i>freedombone</i>'.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_signal.jpg" alt="mesh_signal.jpg" />
<p><img src="images/mesh_signal.jpg" alt="mesh_signal.jpg" width="70%" align="center" />
</p>
</div>
</div>
<p>
When you are finished close the window and then select the <i>Network Restart</i> desktop icon, which will restart the B.A.T.M.A.N. network. You can also use the restart icon if you are within range of the mesh network but the <i>Chat</i> and <i>Other Users</i> icons do not automatically appear after a few minutes.
</p>
</div>
</div>
<div id="outline-container-orga9a6d4b" class="outline-2">
<h2 id="orga9a6d4b">Connecting to the internet</h2>
<div class="outline-text-2" id="text-orga9a6d4b">
<div class="org-center">
<div id="outline-container-sec-4" class="outline-2">
<h2 id="sec-4">Connecting to the internet</h2>
<div class="outline-text-2" id="text-4">
<div class="figure">
<p><img src="images/mesh_architecture2.jpg" alt="mesh_architecture2.jpg" />
<p><img src="images/mesh_architecture2.jpg" alt="mesh_architecture2.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
If you need to be able to access the internet from the mesh then connect one of the peers to an internet router using an ethernet cable (shown as yellow above), then reboot it. Other peers in the mesh, including any attached mobile devices, will then be able to access the internet using the ethernet attached peer as a gateway. <a href="https://en.wikipedia.org/wiki/Freifunk">Freifunk</a> works in a similar way.
@ -349,6 +268,7 @@ If for legal reasons you need to connect to the internet via a VPN then openvpn
</p>
<div class="org-src-container">
<pre class="src src-bash">sudo openvpn myclient.ovpn
</pre>
</div>
@ -358,16 +278,14 @@ Where <i>myclient.ovpn</i> comes from your VPN provider and with the password "<
</p>
</div>
</div>
<div id="outline-container-org5fe4cbd" class="outline-2">
<h2 id="org5fe4cbd">Connecting two meshes over the internet via a VPN tunnel</h2>
<div class="outline-text-2" id="text-org5fe4cbd">
<div class="org-center">
<div id="outline-container-sec-5" class="outline-2">
<h2 id="sec-5">Connecting two meshes over the internet via a VPN tunnel</h2>
<div class="outline-text-2" id="text-5">
<div class="figure">
<p><img src="images/mesh_architecture_vpn.jpg" alt="mesh_architecture_vpn.jpg" />
<p><img src="images/mesh_architecture_vpn.jpg" alt="mesh_architecture_vpn.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
Maybe the internet exists, but you don't care about getting any content from it and just want to use it as a way to connect mesh networks from different geographical locations together.
@ -377,13 +295,11 @@ Maybe the internet exists, but you don't care about getting any content from it
In your home directory on a system connected via ethernet to an internet router you'll find a file called <b>vpn.tar.gz</b>. If you want another mesh to be able to connect to yours then send them this file and get them to uncompress it into their home directory also on an internet gateway machine. If they have an external IP address or domain name for your router then they will be able to VPN connect using the <b>Connect Meshes</b> icon. They should also forward port 653 from their internet router to the mesh gateway machine.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_connect.png" alt="mesh_connect.png" />
<p><img src="images/mesh_connect.png" alt="mesh_connect.png" width="50%" align="center" />
</p>
</div>
</div>
<p>
You should create a new <b>vpn.tar.gz</b> file for every other mesh which wants to be able to connect to yours. If you are prompted for a password it is 'freedombone'.
@ -395,16 +311,14 @@ From a deep packet inspection point of view the traffic going over the internet
</div>
</div>
<div id="outline-container-org0f9ab05" class="outline-2">
<h2 id="org0f9ab05">Mobile devices (phones, etc)</h2>
<div class="outline-text-2" id="text-org0f9ab05">
<div class="org-center">
<div id="outline-container-sec-6" class="outline-2">
<h2 id="sec-6">Mobile devices (phones, etc)</h2>
<div class="outline-text-2" id="text-6">
<div class="figure">
<p><img src="images/mesh_architecture3.jpg" alt="mesh_architecture3.jpg" />
<p><img src="images/mesh_architecture3.jpg" alt="mesh_architecture3.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
To allow mobile devices to connect to the mesh you will need a second wifi adapter connected to your laptop/netbook/SBC. Plug in a second wifi adapter then reboot the system. The second adaptor will then create a wifi hotspot (the connection shown in green above) which mobile devices can connect to. The hotspot name also contains its local IP address (eg. "<i>mesh-192.168.1.83</i>").
@ -414,33 +328,29 @@ To allow mobile devices to connect to the mesh you will need a second wifi adapt
On a typical Android device go to <b>Settings</b> then <b>Security</b> and ensure that <b>Unknown sources</b> is enabled. Also within <b>Wifi</b> from the <b>Settings</b> screen select the mesh hotspot. The password is "<i>freedombone</i>". Open a non-Tor browser and navigate to the IP address showing in the hotspot name. You can then download and install mesh apps.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_mobileapps.jpg" alt="mesh_mobileapps.jpg" />
<p><img src="images/mesh_mobileapps.jpg" alt="mesh_mobileapps.jpg" width="30%" align="center" />
</p>
</div>
</div>
<p>
On some android devices you may need to move the downloaded APK file from the <b>Downloads</b> directory to your <b>home</b> directory before you can install it.
</p>
</div>
</div>
<div id="outline-container-orgf44bf0d" class="outline-2">
<h2 id="orgf44bf0d">Chat System</h2>
<div class="outline-text-2" id="text-orgf44bf0d">
<div id="outline-container-sec-7" class="outline-2">
<h2 id="sec-7">Chat System</h2>
<div class="outline-text-2" id="text-7">
<p>
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.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_peerslist.png" alt="mesh_peerslist.png" />
<p><img src="images/mesh_peerslist.png" alt="mesh_peerslist.png" width="30%" align="center" />
</p>
</div>
</div>
<p>
Selecting a user followed by the Ok button will copy their Tox ID to the clipboard.
@ -450,49 +360,41 @@ Selecting a user followed by the Ok button will copy their Tox ID to the clipboa
Now select the <i>Chat</i> icon and once you are connected you should see the status light turn green. If after a few minutes you don't get the green status light then try closing and re-opening the Tox chat application. Select the plus button to add a friend and then paste in a Tox ID.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_paste_tox_id.jpg" alt="mesh_paste_tox_id.jpg" />
<p><img src="images/mesh_paste_tox_id.jpg" alt="mesh_paste_tox_id.jpg" width="80%" align="center" />
</p>
</div>
</div>
<p>
The other user can then accept or decline your friend request.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_friend_request.jpg" alt="mesh_friend_request.jpg" />
<p><img src="images/mesh_friend_request.jpg" alt="mesh_friend_request.jpg" width="80%" align="center" />
</p>
</div>
</div>
<p>
You can also select an avatar by selecting the grey head and shoulders image.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_choose_avatar.jpg" alt="mesh_choose_avatar.jpg" />
<p><img src="images/mesh_choose_avatar.jpg" alt="mesh_choose_avatar.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
And by selecting the user from the list on the left hand side the chat can begin.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_text_chat.jpg" alt="mesh_text_chat.jpg" />
<p><img src="images/mesh_text_chat.jpg" alt="mesh_text_chat.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
One important point is that by default the microphone is turned off. When doing voice chat you can select the microphone volume with the drop down slider in the top right corner of the screen.
@ -504,32 +406,28 @@ At present video doesn't work reliably, but text and voice chat do work well.
</div>
</div>
<div id="outline-container-org6940994" class="outline-2">
<h2 id="org6940994">Collaborative document editing</h2>
<div class="outline-text-2" id="text-org6940994">
<div id="outline-container-sec-8" class="outline-2">
<h2 id="sec-8">Collaborative document editing</h2>
<div class="outline-text-2" id="text-8">
<p>
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.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_cryptpad1.jpg" alt="mesh_cryptpad1.jpg" />
<p><img src="images/mesh_cryptpad1.jpg" alt="mesh_cryptpad1.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
To create a document click on the CryptPad icon. Depending upon the specifications of your system it may take a few seconds to load, so don't be too disturned if the browser contents look blank for a while. Select <span class="underline">Rich Text Pad</span> and give yourself a username.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_cryptpad2.jpg" alt="mesh_cryptpad2.jpg" />
<p><img src="images/mesh_cryptpad2.jpg" alt="mesh_cryptpad2.jpg" width="100%" align="center" />
</p>
</div>
</div>
<p>
If you have the chat system running you can then copy and paste the URL for your pad into the chat, and the other user can then open the link and edit the document with you. You can repeat that for however many other users you wish to be able to edit.
@ -537,9 +435,9 @@ If you have the chat system running you can then copy and paste the URL for your
</div>
</div>
<div id="outline-container-orgdcb8a5f" class="outline-2">
<h2 id="orgdcb8a5f">Social Network</h2>
<div class="outline-text-2" id="text-orgdcb8a5f">
<div id="outline-container-sec-9" class="outline-2">
<h2 id="sec-9">Social Network</h2>
<div class="outline-text-2" id="text-9">
<p>
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.
</p>
@ -548,25 +446,21 @@ Patchwork is available as a social networking system for the mesh. Like all soci
Double click on the "Social" icon to open the app, then add your nickname and optionally a description. If you want to choose an avatar image some can be found within the directory <b>/usr/share/freedombone/avatars</b>. On older systems or systems without a hardware random number generator, Patchwork sometimes takes a long time (a few minutes) to open for the first time after clicking the icon. This is most likely due to the initial generation of encryption keys, so be patient.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/patchwork_setup.jpg" alt="patchwork_setup.jpg" />
<p><img src="images/patchwork_setup.jpg" alt="patchwork_setup.jpg" width="80%" align="center" />
</p>
</div>
</div>
<p>
Other Patchwork users on the mesh will appear automatically under the <b>local</b> list and you can select and follow them if you wish. It's also possible to select the dark theme from <b>settings</b> on the drop down menu if you prefer.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/patchwork_public.jpg" alt="patchwork_public.jpg" />
<p><img src="images/patchwork_public.jpg" alt="patchwork_public.jpg" width="50%" align="center" />
</p>
</div>
</div>
<p>
The Secure Scuttlebutt protocol which Patchwork is based upon is intended to be robust to intermittent network connectivity, so you can write posts when out of range and they will sync once you are back in the network.
@ -574,72 +468,63 @@ The Secure Scuttlebutt protocol which Patchwork is based upon is intended to be
</div>
</div>
<div id="outline-container-orga1bfc4a" class="outline-2">
<h2 id="orga1bfc4a">Sharing Files</h2>
<div class="outline-text-2" id="text-orga1bfc4a">
<div id="outline-container-sec-10" class="outline-2">
<h2 id="sec-10">Sharing Files</h2>
<div class="outline-text-2" id="text-10">
<p>
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.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_share_files.jpg" alt="mesh_share_files.jpg" />
<p><img src="images/mesh_share_files.jpg" alt="mesh_share_files.jpg" width="50%" align="center" />
</p>
</div>
</div>
</div>
</div>
<div id="outline-container-orgfbceae4" class="outline-2">
<h2 id="orgfbceae4">Blogging</h2>
<div class="outline-text-2" id="text-orgfbceae4">
<div id="outline-container-sec-11" class="outline-2">
<h2 id="sec-11">Blogging</h2>
<div class="outline-text-2" id="text-11">
<p>
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.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_blog.png" alt="mesh_blog.png" />
<p><img src="images/mesh_blog.png" alt="mesh_blog.png" width="30%" align="center" />
</p>
</div>
</div>
<p>
To finish your blog entry just select <i>Save</i> and then close the editor. On older hardware it may take a while to publish the results, and this depends upon the amount of computation needed by IPFS to create file hashes. If you make no changes to the default text then the new blog entry will not be saved.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_new_blog2.jpg" alt="mesh_new_blog2.jpg" />
<p><img src="images/mesh_new_blog2.jpg" alt="mesh_new_blog2.jpg" width="50%" align="center" />
</p>
</div>
</div>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_view_blog.jpg" alt="mesh_view_blog.jpg" />
<p><img src="images/mesh_view_blog.jpg" alt="mesh_view_blog.jpg" width="50%" align="center" />
</p>
</div>
</div>
<p>
You can also visit other blogs, edit or delete your previous entry and change your blog theme.
</p>
<div class="org-center">
<div class="figure">
<p><img src="images/mesh_select_blog_theme.png" alt="mesh_select_blog_theme.png" />
<p><img src="images/mesh_select_blog_theme.png" alt="mesh_select_blog_theme.png" width="30%" align="center" />
</p>
</div>
</div>
</div>
</div>
</div>
<div id="postamble" class="status">
<style type="text/css">