Notes on lychee

doc/EN/app_lychee.org

+#+TITLE:
+#+AUTHOR: Bob Mottram
+#+EMAIL: bob@freedombone.net
+#+KEYWORDS: freedombone, lychee
+#+DESCRIPTION: How to use Lychee
+#+OPTIONS: ^:nil toc:nil
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="freedombone.css" />
+
+#+BEGIN_CENTER
+[[file:images/logo.png]]
+#+END_CENTER
+
+#+BEGIN_EXPORT html
+<center>
+<h1>Lychee</h1>
+</center>
+#+END_EXPORT
+
+Lychee is a simple and lightweight photo album for the web. Whether you're an amateur or professionalal photographer, or want to publish random holiday pics or cat pictures. Lychee just does what it says it does without any fuss. There is also a photo album feature within Hubzilla if you need more sophisticated social photo sharing with individualised permissions.
+
+* Installation
+Log into your system with:
+
+#+begin_src bash
+ssh myusername@mydomain -p 2222
+#+end_src
+
+Using cursor keys, space bar and Enter key select *Administrator controls* and type in your password.
+
+Select *Add/Remove Apps* then *lychee*. You will then be asked for a domain name and if you are using FreeDNS also the code for the domain which can be found under *Dynamic DNS* on the FreeDNS site (the random string from "/quick cron example/" which appears after /update.php?/ and before />>/). For more details on obtaining a domain and making it accessible via dynamic DNS see the [[./faq.html][FAQ]]. Typically the domain name you use will be a subdomain, such as /code.mydomainname.net/. It will need to be a domain which you have bought somewhere and own and not one of the FreeDNS subdomains, otherwise you won't be able to get a SSL/TLS certificate for it.
+
+After the install has completed go to *Security settings* and select *Create a new Let's Encrypt certificate* and enter the domain name that you are using for Lychee. If you're using the "onion only" version of the system then you don't need to do this. If the certificate is obtained successfully then you will see a congratulations message.
+
+* Initial setup
+If you have just obtained a Lets Encrypt certificate as above then go to *About* on the administrator control panel and you should see your Lychee domain listed there along with an onion address. You can then navigate to your site in a browser.
+
+If you installed the system using a disk image then you can log in using the username and password which was originally shown when you installed the system. If you didn't install from a disk image then a new random password will be generated for each site and stored within a readme file. If you need to view that file then exit to the user control panel, select *Exit to the command line* and then run:
+
+#+begin_src bash
+editor README
+#+end_src
+
+In a browser navigate to your Lychee site and click the *Register* button. The first user registered on the system becomes the administrator. Once you've done that then it's a good idea to disable further registrations. Currently that's a little complicated, but you can do it as follows:
+
+#+begin_src bash :tangle no
+sudo username@domainname -p 2222
+#+end_src
+
+Within a browser navigate to your lychee domain name or onion address, enter settings for the database as follows, using the MariaDB password which appears within the README file in your home directory.
+
+#+BEGIN_CENTER
+[[file:images/lychee_setup.jpg]]
+#+END_CENTER
+
+After that create a username and password and store them in your favourite password manager. And you're done. Add photos and albums as you wish.

doc/EN/apps.org

 * Lychee
 Make your photo albums available on the web.
 
+[[./app_lychee.html][How to use it]]
 * Mailpile
 Modern email client which supports GPG encryption.
 

doc/EN/usage.org

 | [[./app_ghost.html][Blogging with Ghost]]                                  |
 | [[./app_htmly.html][Blogging with HTMLy]]                                  |
 | [[./app_hubzilla.html][Social Network]]                                       |
+| [[./app_lychee.html][Photo albums]]                                         |
 | [[./app_dokuwiki.html][Wiki]]                                                 |
 | [[./app_etherpad.html][Collaborative document editing]]                       |
 | [[./app_irc.html][Multi-user chat with IRC]]                             |

website/EN/app_lychee.html

+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+<!-- 2016-11-14 Mon 21:30 -->
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title></title>
+<meta name="generator" content="Org mode" />
+<meta name="author" content="Bob Mottram" />
+<meta name="description" content="How to use Lychee"
+ />
+<meta name="keywords" content="freedombone, lychee" />
+<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; }
+  .todo   { font-family: monospace; color: red; }
+  .done   { font-family: monospace; color: green; }
+  .priority { font-family: monospace; color: orange; }
+  .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; }
+  .underline { text-decoration: underline; }
+  #postamble p, #preamble p { font-size: 90%; margin: .2em; }
+  p.verse { margin-left: 3%; }
+  pre {
+    border: 1px solid #ccc;
+    box-shadow: 3px 3px 3px #eee;
+    padding: 8pt;
+    font-family: monospace;
+    overflow: auto;
+    margin: 1.2em;
+  }
+  pre.src {
+    position: relative;
+    overflow: visible;
+    padding-top: 1.2em;
+  }
+  pre.src:before {
+    display: none;
+    position: absolute;
+    background-color: white;
+    top: -10px;
+    right: 10px;
+    padding: 3px;
+    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-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-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'; }
+
+  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; }
+  dt { font-weight: bold; }
+  .footpara { display: inline; }
+  .footdef  { margin-bottom: 1em; }
+  .figure { padding: 1em; }
+  .figure p { text-align: center; }
+  .inlinetask {
+    padding: 10px;
+    border: 2px solid gray;
+    margin: 10px;
+    background: #ffffcc;
+  }
+  #org-div-home-and-up
+   { text-align: right; font-size: 70%; white-space: nowrap; }
+  textarea { overflow-x: auto; }
+  .linenr { font-size: smaller }
+  .code-highlighted { background-color: #ffff00; }
+  .org-info-js_info-navigation { border-style: none; }
+  #org-info-js_console-label
+    { 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" />
+<script type="text/javascript">
+/*
+@licstart  The following is the entire license notice for the
+JavaScript code in this tag.
+
+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
+General Public License (GNU GPL) as published by the Free Software
+Foundation, either version 3 of the License, or (at your option)
+any later version.  The code is distributed WITHOUT ANY WARRANTY;
+without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
+
+As additional permission under GNU GPL version 3 section 7, you
+may distribute non-source (e.g., minimized or compacted) forms of
+that code without the copy of the GNU GPL normally required by
+section 4, provided you include this license notice and a URL
+through which recipients can access the Corresponding Source.
+
+
+@licend  The above is the entire license notice
+for the JavaScript code in this tag.
+*/
+<!--/*--><![CDATA[/*><!--*/
+ function CodeHighlightOn(elem, id)
+ {
+   var target = document.getElementById(id);
+   if(null != target) {
+     elem.cacheClassElem = elem.className;
+     elem.cacheClassTarget = target.className;
+     target.className = "code-highlighted";
+     elem.className   = "code-highlighted";
+   }
+ }
+ function CodeHighlightOff(elem, id)
+ {
+   var target = document.getElementById(id);
+   if(elem.cacheClassElem)
+     elem.className = elem.cacheClassElem;
+   if(elem.cacheClassTarget)
+     target.className = elem.cacheClassTarget;
+ }
+/*]]>*///-->
+</script>
+</head>
+<body>
+<div id="preamble" class="status">
+<a name="top" id="top"></a>
+</div>
+<div id="content">
+<div class="org-center">
+
+<div class="figure">
+<p><img src="images/logo.png" alt="logo.png" />
+</p>
+</div>
+</div>
+
+<center>
+<h1>Lychee</h1>
+</center>
+
+<p>
+Lychee is a simple and lightweight photo album for the web. Whether you're an amateur or professionalal photographer, or want to publish random holiday pics or cat pictures. Lychee just does what it says it does without any fuss. There is also a photo album feature within Hubzilla if you need more sophisticated social photo sharing with individualised permissions.
+</p>
+
+<div id="outline-container-org839eb0c" class="outline-2">
+<h2 id="org839eb0c">Installation</h2>
+<div class="outline-text-2" id="text-org839eb0c">
+<p>
+Log into your system with:
+</p>
+
+<div class="org-src-container">
+<pre class="src src-bash">ssh myusername@mydomain -p 2222
+</pre>
+</div>
+
+<p>
+Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
+</p>
+
+<p>
+Select <b>Add/Remove Apps</b> then <b>lychee</b>. You will then be asked for a domain name and if you are using FreeDNS also the code for the domain which can be found under <b>Dynamic DNS</b> on the FreeDNS site (the random string from "<i>quick cron example</i>" which appears after <i>update.php?</i> and before <i>&gt;&gt;</i>). For more details on obtaining a domain and making it accessible via dynamic DNS see the <a href="./faq.html">FAQ</a>. Typically the domain name you use will be a subdomain, such as <i>code.mydomainname.net</i>. It will need to be a domain which you have bought somewhere and own and not one of the FreeDNS subdomains, otherwise you won't be able to get a SSL/TLS certificate for it.
+</p>
+
+<p>
+After the install has completed go to <b>Security settings</b> and select <b>Create a new Let's Encrypt certificate</b> and enter the domain name that you are using for Lychee. If you're using the "onion only" version of the system then you don't need to do this. If the certificate is obtained successfully then you will see a congratulations message.
+</p>
+</div>
+</div>
+
+<div id="outline-container-org9ccbbbc" class="outline-2">
+<h2 id="org9ccbbbc">Initial setup</h2>
+<div class="outline-text-2" id="text-org9ccbbbc">
+<p>
+If you have just obtained a Lets Encrypt certificate as above then go to <b>About</b> on the administrator control panel and you should see your Lychee domain listed there along with an onion address. You can then navigate to your site in a browser.
+</p>
+
+<p>
+If you installed the system using a disk image then you can log in using the username and password which was originally shown when you installed the system. If you didn't install from a disk image then a new random password will be generated for each site and stored within a readme file. If you need to view that file then exit to the user control panel, select <b>Exit to the command line</b> and then run:
+</p>
+
+<div class="org-src-container">
+<pre class="src src-bash">editor README
+</pre>
+</div>
+
+<p>
+In a browser navigate to your Lychee site and click the <b>Register</b> button. The first user registered on the system becomes the administrator. Once you've done that then it's a good idea to disable further registrations. Currently that's a little complicated, but you can do it as follows:
+</p>
+
+<div class="org-src-container">
+<pre class="src src-bash">sudo username@domainname -p 2222
+</pre>
+</div>
+
+<p>
+Within a browser navigate to your lychee domain name or onion address, enter settings for the database as follows, using the MariaDB password which appears within the README file in your home directory.
+</p>
+
+<div class="org-center">
+
+<div class="figure">
+<p><img src="images/lychee_setup.jpg" alt="lychee_setup.jpg" />
+</p>
+</div>
+</div>
+
+<p>
+After that create a username and password and store them in your favourite password manager. And you're done. Add photos and albums as you wish.
+</p>
+</div>
+</div>
+</div>
+<div id="postamble" class="status">
+
+<style type="text/css">
+.back-to-top {
+    position: fixed;
+    bottom: 2em;
+    right: 0px;
+    text-decoration: none;
+    color: #000000;
+    background-color: rgba(235, 235, 235, 0.80);
+    font-size: 12px;
+    padding: 1em;
+    display: none;
+}
+
+.back-to-top:hover {
+    background-color: rgba(135, 135, 135, 0.50);
+}
+</style>
+
+<div class="back-to-top">
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
+</div>
+</div>
+</body>
+</html>

website/EN/apps.html

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-<!-- 2016-11-14 Mon 21:00 -->
+<!-- 2016-11-14 Mon 21:30 -->
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title></title>
 </div>
 </div>
 
-<div id="outline-container-orga021e1b" class="outline-2">
-<h2 id="orga021e1b">DLNA</h2>
-<div class="outline-text-2" id="text-orga021e1b">
+<div id="outline-container-orgdaada51" class="outline-2">
+<h2 id="orgdaada51">DLNA</h2>
+<div class="outline-text-2" id="text-orgdaada51">
 <p>
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgddc17c3" class="outline-2">
-<h2 id="orgddc17c3">Dokuwiki</h2>
-<div class="outline-text-2" id="text-orgddc17c3">
+<div id="outline-container-orgd6fee43" class="outline-2">
+<h2 id="orgd6fee43">Dokuwiki</h2>
+<div class="outline-text-2" id="text-orgd6fee43">
 <p>
 A databaseless wiki system.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgbe48e12" class="outline-2">
-<h2 id="orgbe48e12">Emacs</h2>
-<div class="outline-text-2" id="text-orgbe48e12">
+<div id="outline-container-orge7c0ac1" class="outline-2">
+<h2 id="orge7c0ac1">Emacs</h2>
+<div class="outline-text-2" id="text-orge7c0ac1">
 <p>
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org1e8ce49" class="outline-2">
-<h2 id="org1e8ce49">Etherpad</h2>
-<div class="outline-text-2" id="text-org1e8ce49">
+<div id="outline-container-org1c1d1ba" class="outline-2">
+<h2 id="org1c1d1ba">Etherpad</h2>
+<div class="outline-text-2" id="text-org1c1d1ba">
 <p>
 Collaborate on creating documents in real time. Maybe you're planning a holiday with other family members or creating documentation for a Free Software project along with other volunteers. Etherpad is hard to beat for simplicity and speed. Only users of the system will be able to access it.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org590b689" class="outline-2">
-<h2 id="org590b689">Ghost</h2>
-<div class="outline-text-2" id="text-org590b689">
+<div id="outline-container-org2720e28" class="outline-2">
+<h2 id="org2720e28">Ghost</h2>
+<div class="outline-text-2" id="text-org2720e28">
 <p>
 Modern looking blogging system.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org1a980bf" class="outline-2">
-<h2 id="org1a980bf">GNU Social</h2>
-<div class="outline-text-2" id="text-org1a980bf">
+<div id="outline-container-orgb5ea225" class="outline-2">
+<h2 id="orgb5ea225">GNU Social</h2>
+<div class="outline-text-2" id="text-orgb5ea225">
 <p>
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgc72ba6e" class="outline-2">
-<h2 id="orgc72ba6e">Gogs</h2>
-<div class="outline-text-2" id="text-orgc72ba6e">
+<div id="outline-container-org9d75f48" class="outline-2">
+<h2 id="org9d75f48">Gogs</h2>
+<div class="outline-text-2" id="text-org9d75f48">
 <p>
 Lightweight git project hosting system. You can mirror projects from Github, or if Github turns evil then just host your own projects while retaining the familiar <i>fork-and-pull</i> workflow. If you can use Github then you can also use Gogs.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org7063b38" class="outline-2">
-<h2 id="org7063b38">HTMLy</h2>
-<div class="outline-text-2" id="text-org7063b38">
+<div id="outline-container-org4039b00" class="outline-2">
+<h2 id="org4039b00">HTMLy</h2>
+<div class="outline-text-2" id="text-org4039b00">
 <p>
 Databaseless blogging system. Quite simple and with a markdown-like format.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org1d940ea" class="outline-2">
-<h2 id="org1d940ea">Hubzilla</h2>
-<div class="outline-text-2" id="text-org1d940ea">
+<div id="outline-container-org340b6c8" class="outline-2">
+<h2 id="org340b6c8">Hubzilla</h2>
+<div class="outline-text-2" id="text-org340b6c8">
 <p>
 Web publishing platform with social network like features and good privacy controls so that it's possible to specify who can see which content. Includes photo albums, calendar, wiki and file storage.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org4b857e2" class="outline-2">
-<h2 id="org4b857e2">IRC Server (ngirc)</h2>
-<div class="outline-text-2" id="text-org4b857e2">
+<div id="outline-container-org33541b6" class="outline-2">
+<h2 id="org33541b6">IRC Server (ngirc)</h2>
+<div class="outline-text-2" id="text-org33541b6">
 <p>
 Run your own IRC chat channel which can be secured with a password and accessible via an onion address. A bouncer is included so that you can receive messages sent while you were offline. Works with Hexchat and other popular clients.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgf8980ce" class="outline-2">
-<h2 id="orgf8980ce">Jitsi Meet</h2>
-<div class="outline-text-2" id="text-orgf8980ce">
+<div id="outline-container-orgba4abd6" class="outline-2">
+<h2 id="orgba4abd6">Jitsi Meet</h2>
+<div class="outline-text-2" id="text-orgba4abd6">
 <p>
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
 </p>
 </div>
 </div>
 
-<div id="outline-container-org2099c05" class="outline-2">
-<h2 id="org2099c05">Lychee</h2>
-<div class="outline-text-2" id="text-org2099c05">
+<div id="outline-container-orgd03d059" class="outline-2">
+<h2 id="orgd03d059">Lychee</h2>
+<div class="outline-text-2" id="text-orgd03d059">
 <p>
 Make your photo albums available on the web.
 </p>
+
+<p>
+<a href="./app_lychee.html">How to use it</a>
+</p>
 </div>
 </div>
-
-<div id="outline-container-orgcae1e0e" class="outline-2">
-<h2 id="orgcae1e0e">Mailpile</h2>
-<div class="outline-text-2" id="text-orgcae1e0e">
+<div id="outline-container-org9fda573" class="outline-2">
+<h2 id="org9fda573">Mailpile</h2>
+<div class="outline-text-2" id="text-org9fda573">
 <p>
 Modern email client which supports GPG encryption.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgb6199d5" class="outline-2">
-<h2 id="orgb6199d5">Mumble</h2>
-<div class="outline-text-2" id="text-orgb6199d5">
+<div id="outline-container-org17e1298" class="outline-2">
+<h2 id="org17e1298">Mumble</h2>
+<div class="outline-text-2" id="text-org17e1298">
 <p>
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgc0e51aa" class="outline-2">
-<h2 id="orgc0e51aa">PI-Hole</h2>
-<div class="outline-text-2" id="text-orgc0e51aa">
+<div id="outline-container-orgaea3d3d" class="outline-2">
+<h2 id="orgaea3d3d">PI-Hole</h2>
+<div class="outline-text-2" id="text-orgaea3d3d">
 <p>
 The black hole for web adverts. Block adverts at the domain name level within your local network. It can significantly reduce bandwidth, speed up page load times and protect your systems from being tracked by spyware.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org7195505" class="outline-2">
-<h2 id="org7195505">PostActiv</h2>
-<div class="outline-text-2" id="text-org7195505">
+<div id="outline-container-orgf599aec" class="outline-2">
+<h2 id="orgf599aec">PostActiv</h2>
+<div class="outline-text-2" id="text-orgf599aec">
 <p>
 An alternative federated social networking system compatible with GNU Social. It includes some optimisations and fixes currently not available within the main GNU Social project.
 </p>
 </div>
 </div>
 
-<div id="outline-container-org119f624" class="outline-2">
-<h2 id="org119f624">Radicale</h2>
-<div class="outline-text-2" id="text-org119f624">
+<div id="outline-container-org435beee" class="outline-2">
+<h2 id="org435beee">Radicale</h2>
+<div class="outline-text-2" id="text-org435beee">
 <p>
 Calendar system compatible with CalDAV and CardDAV. Manage your calendar events easily across all your devices.
 </p>
 </div>
 </div>
 
-<div id="outline-container-orgd8bf092" class="outline-2">
-<h2 id="orgd8bf092">tt-rss</h2>
-<div class="outline-text-2" id="text-orgd8bf092">
+<div id="outline-container-org8befce1" class="outline-2">
+<h2 id="org8befce1">tt-rss</h2>
+<div class="outline-text-2" id="text-org8befce1">
 <p>
 Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via an onion address. Have "<i>the right to read</i>" without the Surveillance State knowing what you're reading. Also available with a user interface suitable for viewing on mobile devices via a browser such as OrFox.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orga69d4fe" class="outline-2">
-<h2 id="orga69d4fe">Syncthing</h2>
-<div class="outline-text-2" id="text-orga69d4fe">
+<div id="outline-container-org8929865" class="outline-2">
+<h2 id="org8929865">Syncthing</h2>
+<div class="outline-text-2" id="text-org8929865">
 <p>
 Possibly the best way to synchronise files across all of your devices. Once it has been set up it "just works" with no user intervention needed.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org1c28225" class="outline-2">
-<h2 id="org1c28225">Tox</h2>
-<div class="outline-text-2" id="text-org1c28225">
+<div id="outline-container-org78fe5f1" class="outline-2">
+<h2 id="org78fe5f1">Tox</h2>
+<div class="outline-text-2" id="text-org78fe5f1">
 <p>
 Client and bootstrap node for the Tox chat/VoIP system.
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-org5914a95" class="outline-2">
-<h2 id="org5914a95">Vim</h2>
-<div class="outline-text-2" id="text-org5914a95">
+<div id="outline-container-org2e1f448" class="outline-2">
+<h2 id="org2e1f448">Vim</h2>
+<div class="outline-text-2" id="text-org2e1f448">
 <p>
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
 </p>
 </div>
 </div>
 
-<div id="outline-container-orgc55a381" class="outline-2">
-<h2 id="orgc55a381">XMPP</h2>
-<div class="outline-text-2" id="text-orgc55a381">
+<div id="outline-container-org4dd31da" class="outline-2">
+<h2 id="org4dd31da">XMPP</h2>
+<div class="outline-text-2" id="text-org4dd31da">
 <p>
 Chat server which can be used together with client such as Gajim or Conversations to provide end-to-end content security and also onion routed metadata security. Includes advanced features such as <i>client state notification</i> to save battery power on your mobile devices, support for seamless roaming between networks and <i>message carbons</i> so that you can receive the same messages while being simultaneously logged in to your account on more than one device.
 </p>

website/EN/usage.html

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-<!-- 2016-11-14 Mon 21:00 -->
+<!-- 2016-11-14 Mon 21:30 -->
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title></title>
 </colgroup>
 <tbody>
 <tr>
-<td class="org-left"><a href="#orge9e88a0">Readme</a></td>
+<td class="org-left"><a href="#org701f805">Readme</a></td>
 </tr>
 
 <tr>
-<td class="org-left"><a href="#orgf357d7a">Improving ssh security</a></td>
+<td class="org-left"><a href="#orgb44078f">Improving ssh security</a></td>
 </tr>
 
 <tr>
-<td class="org-left"><a href="#org7994542">Administrating the system via an onion address (Tor)</a></td>
+<td class="org-left"><a href="#org183cb27">Administrating the system via an onion address (Tor)</a></td>
 </tr>
 
 <tr>
 </tr>
 
 <tr>
+<td class="org-left"><a href="./app_lychee.html">Photo albums</a></td>
+</tr>
+
+<tr>
 <td class="org-left"><a href="./app_dokuwiki.html">Wiki</a></td>
 </tr>
 
 </tr>
 
 <tr>
-<td class="org-left"><a href="#orgf9fceb4">Adding or removing users</a></td>
+<td class="org-left"><a href="#org004b1b0">Adding or removing users</a></td>
 </tr>
 
 <tr>
 </tbody>
 </table>
 
-<div id="outline-container-orge9e88a0" class="outline-2">
-<h2 id="orge9e88a0">Readme</h2>
-<div class="outline-text-2" id="text-orge9e88a0">
+<div id="outline-container-org701f805" class="outline-2">
+<h2 id="org701f805">Readme</h2>
+<div class="outline-text-2" id="text-org701f805">
 <p>
 After the system has installed a README file will be generated which contains passwords and some brief advice on using the installed systems. You can read this with the following commands:
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgf357d7a" class="outline-2">
-<h2 id="orgf357d7a">Improving ssh security</h2>
-<div class="outline-text-2" id="text-orgf357d7a">
+<div id="outline-container-orgb44078f" class="outline-2">
+<h2 id="orgb44078f">Improving ssh security</h2>
+<div class="outline-text-2" id="text-orgb44078f">
 <p>
 To improve ssh security you can generate an ssh key pair on your system and then upload the public key to the Freedombone.
 </p>
 </div>
 </div>
 
-<div id="outline-container-org7994542" class="outline-2">
-<h2 id="org7994542">Administrating the system via an onion address (Tor)</h2>
-<div class="outline-text-2" id="text-org7994542">
+<div id="outline-container-org183cb27" class="outline-2">
+<h2 id="org183cb27">Administrating the system via an onion address (Tor)</h2>
+<div class="outline-text-2" id="text-org183cb27">
 <p>
 You can also access your system via the Tor system using an onion address. To find out what the onion address for ssh access is you can do the following:
 </p>
 </p>
 </div>
 </div>
-<div id="outline-container-orgf9fceb4" class="outline-2">
-<h2 id="orgf9fceb4">Adding or removing users</h2>
-<div class="outline-text-2" id="text-orgf9fceb4">
+<div id="outline-container-org004b1b0" class="outline-2">
+<h2 id="org004b1b0">Adding or removing users</h2>
+<div class="outline-text-2" id="text-org004b1b0">
 <p>
 Log into the system with:
 </p>