free
/
freedombone
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Activity
Bläddra i källkod

Notes on htmly

Bob Mottram 8 år sedan
förälder
2dbc3d737c
incheckning
096c751cde
6 ändrade filer med 464 tillägg och 85 borttagningar
Unifierad Vy Visa Diff Statistik
  1. 43
    0
      doc/EN/app_htmly.org
  2. 1
    0
      doc/EN/apps.org
  3. 1
    0
      doc/EN/usage.org
  4. 327
    0
      website/EN/app_htmly.html
  5. 71
    68
      website/EN/apps.html
  6. 21
    17
      website/EN/usage.html

+ 43
- 0
doc/EN/app_htmly.org Visa fil

1 
+#+TITLE:
2 
+#+AUTHOR: Bob Mottram
3 
+#+EMAIL: bob@freedombone.net
4 
+#+KEYWORDS: freedombone, htmly
5 
+#+DESCRIPTION: How to use Htmly
6 
+#+OPTIONS: ^:nil toc:nil
7 
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="freedombone.css" />
8 
+
9 
+#+BEGIN_CENTER
10 
+[[file:images/logo.png]]
11 
+#+END_CENTER
12 
+
13 
+#+BEGIN_EXPORT html
14 
+<center>
15 
+<h1>HTMLy</h1>
16 
+</center>
17 
+#+END_EXPORT
18 
+
19 
+HTMLy is a databaseless blogging system.
20 
+
21 
+* Installation
22 
+Log into your system with:
23 
+
24 
+#+begin_src bash
25 
+ssh myusername@mydomain -p 2222
26 
+#+end_src
27 
+
28 
+Using cursor keys, space bar and Enter key select *Administrator controls* and type in your password.
29 
+
30 
+Select *Add/Remove Apps* then *htmly*. 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 /blog.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.
31 
+
32 
+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 HTMLy. 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.
33 
+
34 
+* Initial setup
35 
+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 HTMLy blog domain listed there along with an onion address. You can then navigate to your site in a browser.
36 
+
37 
+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:
38 
+
39 
+#+begin_src bash
40 
+editor README
41 
+#+end_src
42 
+
43 
+Navigate to https://yourhtmlyblogdomain/login and enter your username and password. You can then create posts or edit existing ones.

+ 1
- 0
doc/EN/apps.org Visa fil

51 
 * HTMLy
 51 
 * HTMLy
52 
 Databaseless blogging system. Quite simple and with a markdown-like format.
 52 
 Databaseless blogging system. Quite simple and with a markdown-like format.
53
53
54 
+[[./app_htmly.html][How to use it]]
54 
 * Hubzilla
 55 
 * Hubzilla
55 
 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.
 56 
 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.
56
57

+ 1
- 0
doc/EN/usage.org Visa fil

25 
 | [[./app_dlna.html][Play Music]]                                           |
 25 
 | [[./app_dlna.html][Play Music]]                                           |
26 
 | [[./app_gnusocial.html][Microblogging (GNU Social)]]                           |
 26 
 | [[./app_gnusocial.html][Microblogging (GNU Social)]]                           |
27 
 | [[./app_ghost.html][Blogging with Ghost]]                                  |
 27 
 | [[./app_ghost.html][Blogging with Ghost]]                                  |
28 
+| [[./app_htmly.html][Blogging with HTMLy]]                                  |
28 
 | [[./app_hubzilla.html][Social Network]]                                       |
 29 
 | [[./app_hubzilla.html][Social Network]]                                       |
29 
 | [[./app_dokuwiki.html][Wiki]]                                                 |
 30 
 | [[./app_dokuwiki.html][Wiki]]                                                 |
30 
 | [[./app_etherpad.html][Collaborative document editing]]                       |
 31 
 | [[./app_etherpad.html][Collaborative document editing]]                       |

+ 327
- 0
website/EN/app_htmly.html Visa fil

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-11-14 Mon 20:59 -->
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="How to use Htmly"
13 
+ />
14 
+<meta name="keywords" content="freedombone, htmly" />
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 
+  /* Languages per Org manual */
60 
+  pre.src-asymptote:before { content: 'Asymptote'; }
61 
+  pre.src-awk:before { content: 'Awk'; }
62 
+  pre.src-C:before { content: 'C'; }
63 
+  /* pre.src-C++ doesn't work in CSS */
64 
+  pre.src-clojure:before { content: 'Clojure'; }
65 
+  pre.src-css:before { content: 'CSS'; }
66 
+  pre.src-D:before { content: 'D'; }
67 
+  pre.src-ditaa:before { content: 'ditaa'; }
68 
+  pre.src-dot:before { content: 'Graphviz'; }
69 
+  pre.src-calc:before { content: 'Emacs Calc'; }
70 
+  pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
71 
+  pre.src-fortran:before { content: 'Fortran'; }
72 
+  pre.src-gnuplot:before { content: 'gnuplot'; }
73 
+  pre.src-haskell:before { content: 'Haskell'; }
74 
+  pre.src-java:before { content: 'Java'; }
75 
+  pre.src-js:before { content: 'Javascript'; }
76 
+  pre.src-latex:before { content: 'LaTeX'; }
77 
+  pre.src-ledger:before { content: 'Ledger'; }
78 
+  pre.src-lisp:before { content: 'Lisp'; }
79 
+  pre.src-lilypond:before { content: 'Lilypond'; }
80 
+  pre.src-lua:before { content: 'Lua'; }
81 
+  pre.src-matlab:before { content: 'MATLAB'; }
82 
+  pre.src-mscgen:before { content: 'Mscgen'; }
83 
+  pre.src-ocaml:before { content: 'Objective Caml'; }
84 
+  pre.src-octave:before { content: 'Octave'; }
85 
+  pre.src-org:before { content: 'Org mode'; }
86 
+  pre.src-oz:before { content: 'OZ'; }
87 
+  pre.src-plantuml:before { content: 'Plantuml'; }
88 
+  pre.src-processing:before { content: 'Processing.js'; }
89 
+  pre.src-python:before { content: 'Python'; }
90 
+  pre.src-R:before { content: 'R'; }
91 
+  pre.src-ruby:before { content: 'Ruby'; }
92 
+  pre.src-sass:before { content: 'Sass'; }
93 
+  pre.src-scheme:before { content: 'Scheme'; }
94 
+  pre.src-screen:before { content: 'Gnu Screen'; }
95 
+  pre.src-sed:before { content: 'Sed'; }
96 
+  pre.src-sh:before { content: 'shell'; }
97 
+  pre.src-sql:before { content: 'SQL'; }
98 
+  pre.src-sqlite:before { content: 'SQLite'; }
99 
+  /* additional languages in org.el's org-babel-load-languages alist */
100 
+  pre.src-forth:before { content: 'Forth'; }
101 
+  pre.src-io:before { content: 'IO'; }
102 
+  pre.src-J:before { content: 'J'; }
103 
+  pre.src-makefile:before { content: 'Makefile'; }
104 
+  pre.src-maxima:before { content: 'Maxima'; }
105 
+  pre.src-perl:before { content: 'Perl'; }
106 
+  pre.src-picolisp:before { content: 'Pico Lisp'; }
107 
+  pre.src-scala:before { content: 'Scala'; }
108 
+  pre.src-shell:before { content: 'Shell Script'; }
109 
+  pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
110 
+  /* additional language identifiers per "defun org-babel-execute"
111 
+       in ob-*.el */
112 
+  pre.src-cpp:before  { content: 'C++'; }
113 
+  pre.src-abc:before  { content: 'ABC'; }
114 
+  pre.src-coq:before  { content: 'Coq'; }
115 
+  pre.src-groovy:before  { content: 'Groovy'; }
116 
+  /* additional language identifiers from org-babel-shell-names in
117 
+     ob-shell.el: ob-shell is the only babel language using a lambda to put
118 
+     the execution function name together. */
119 
+  pre.src-bash:before  { content: 'bash'; }
120 
+  pre.src-csh:before  { content: 'csh'; }
121 
+  pre.src-ash:before  { content: 'ash'; }
122 
+  pre.src-dash:before  { content: 'dash'; }
123 
+  pre.src-ksh:before  { content: 'ksh'; }
124 
+  pre.src-mksh:before  { content: 'mksh'; }
125 
+  pre.src-posh:before  { content: 'posh'; }
126 
+  /* Additional Emacs modes also supported by the LaTeX listings package */
127 
+  pre.src-ada:before { content: 'Ada'; }
128 
+  pre.src-asm:before { content: 'Assembler'; }
129 
+  pre.src-caml:before { content: 'Caml'; }
130 
+  pre.src-delphi:before { content: 'Delphi'; }
131 
+  pre.src-html:before { content: 'HTML'; }
132 
+  pre.src-idl:before { content: 'IDL'; }
133 
+  pre.src-mercury:before { content: 'Mercury'; }
134 
+  pre.src-metapost:before { content: 'MetaPost'; }
135 
+  pre.src-modula-2:before { content: 'Modula-2'; }
136 
+  pre.src-pascal:before { content: 'Pascal'; }
137 
+  pre.src-ps:before { content: 'PostScript'; }
138 
+  pre.src-prolog:before { content: 'Prolog'; }
139 
+  pre.src-simula:before { content: 'Simula'; }
140 
+  pre.src-tcl:before { content: 'tcl'; }
141 
+  pre.src-tex:before { content: 'TeX'; }
142 
+  pre.src-plain-tex:before { content: 'Plain TeX'; }
143 
+  pre.src-verilog:before { content: 'Verilog'; }
144 
+  pre.src-vhdl:before { content: 'VHDL'; }
145 
+  pre.src-xml:before { content: 'XML'; }
146 
+  pre.src-nxml:before { content: 'XML'; }
147 
+  /* add a generic configuration mode; LaTeX export needs an additional
148 
+     (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
149 
+  pre.src-conf:before { content: 'Configuration File'; }
150 
+
151 
+  table { border-collapse:collapse; }
152 
+  caption.t-above { caption-side: top; }
153 
+  caption.t-bottom { caption-side: bottom; }
154 
+  td, th { vertical-align:top;  }
155 
+  th.org-right  { text-align: center;  }
156 
+  th.org-left   { text-align: center;   }
157 
+  th.org-center { text-align: center; }
158 
+  td.org-right  { text-align: right;  }
159 
+  td.org-left   { text-align: left;   }
160 
+  td.org-center { text-align: center; }
161 
+  dt { font-weight: bold; }
162 
+  .footpara { display: inline; }
163 
+  .footdef  { margin-bottom: 1em; }
164 
+  .figure { padding: 1em; }
165 
+  .figure p { text-align: center; }
166 
+  .inlinetask {
167 
+    padding: 10px;
168 
+    border: 2px solid gray;
169 
+    margin: 10px;
170 
+    background: #ffffcc;
171 
+  }
172 
+  #org-div-home-and-up
173 
+   { text-align: right; font-size: 70%; white-space: nowrap; }
174 
+  textarea { overflow-x: auto; }
175 
+  .linenr { font-size: smaller }
176 
+  .code-highlighted { background-color: #ffff00; }
177 
+  .org-info-js_info-navigation { border-style: none; }
178 
+  #org-info-js_console-label
179 
+    { font-size: 10px; font-weight: bold; white-space: nowrap; }
180 
+  .org-info-js_search-highlight
181 
+    { background-color: #ffff00; color: #000000; font-weight: bold; }
182 
+  .org-svg { width: 90%; }
183 
+  /*]]>*/-->
184 
+</style>
185 
+<link rel="stylesheet" type="text/css" href="freedombone.css" />
186 
+<script type="text/javascript">
187 
+/*
188 
+@licstart  The following is the entire license notice for the
189 
+JavaScript code in this tag.
190 
+
191 
+Copyright (C) 2012-2013 Free Software Foundation, Inc.
192 
+
193 
+The JavaScript code in this tag is free software: you can
194 
+redistribute it and/or modify it under the terms of the GNU
195 
+General Public License (GNU GPL) as published by the Free Software
196 
+Foundation, either version 3 of the License, or (at your option)
197 
+any later version.  The code is distributed WITHOUT ANY WARRANTY;
198 
+without even the implied warranty of MERCHANTABILITY or FITNESS
199 
+FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
200 
+
201 
+As additional permission under GNU GPL version 3 section 7, you
202 
+may distribute non-source (e.g., minimized or compacted) forms of
203 
+that code without the copy of the GNU GPL normally required by
204 
+section 4, provided you include this license notice and a URL
205 
+through which recipients can access the Corresponding Source.
206 
+
207 
+
208 
+@licend  The above is the entire license notice
209 
+for the JavaScript code in this tag.
210 
+*/
211 
+<!--/*--><![CDATA[/*><!--*/
212 
+ function CodeHighlightOn(elem, id)
213 
+ {
214 
+   var target = document.getElementById(id);
215 
+   if(null != target) {
216 
+     elem.cacheClassElem = elem.className;
217 
+     elem.cacheClassTarget = target.className;
218 
+     target.className = "code-highlighted";
219 
+     elem.className   = "code-highlighted";
220 
+   }
221 
+ }
222 
+ function CodeHighlightOff(elem, id)
223 
+ {
224 
+   var target = document.getElementById(id);
225 
+   if(elem.cacheClassElem)
226 
+     elem.className = elem.cacheClassElem;
227 
+   if(elem.cacheClassTarget)
228 
+     target.className = elem.cacheClassTarget;
229 
+ }
230 
+/*]]>*///-->
231 
+</script>
232 
+</head>
233 
+<body>
234 
+<div id="preamble" class="status">
235 
+<a name="top" id="top"></a>
236 
+</div>
237 
+<div id="content">
238 
+<div class="org-center">
239 
+
240 
+<div class="figure">
241 
+<p><img src="images/logo.png" alt="logo.png" />
242 
+</p>
243 
+</div>
244 
+</div>
245 
+
246 
+<center>
247 
+<h1>HTMLy</h1>
248 
+</center>
249 
+
250 
+<p>
251 
+HTMLy is a databaseless blogging system.
252 
+</p>
253 
+
254 
+<div id="outline-container-orgdeea509" class="outline-2">
255 
+<h2 id="orgdeea509">Installation</h2>
256 
+<div class="outline-text-2" id="text-orgdeea509">
257 
+<p>
258 
+Log into your system with:
259 
+</p>
260 
+
261 
+<div class="org-src-container">
262 
+<pre class="src src-bash">ssh myusername@mydomain -p 2222
263 
+</pre>
264 
+</div>
265 
+
266 
+<p>
267 
+Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
268 
+</p>
269 
+
270 
+<p>
271 
+Select <b>Add/Remove Apps</b> then <b>htmly</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>blog.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.
272 
+</p>
273 
+
274 
+<p>
275 
+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 HTMLy. 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.
276 
+</p>
277 
+</div>
278 
+</div>
279 
+
280 
+<div id="outline-container-org2b6f177" class="outline-2">
281 
+<h2 id="org2b6f177">Initial setup</h2>
282 
+<div class="outline-text-2" id="text-org2b6f177">
283 
+<p>
284 
+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 HTMLy blog domain listed there along with an onion address. You can then navigate to your site in a browser.
285 
+</p>
286 
+
287 
+<p>
288 
+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:
289 
+</p>
290 
+
291 
+<div class="org-src-container">
292 
+<pre class="src src-bash">editor README
293 
+</pre>
294 
+</div>
295 
+
296 
+<p>
297 
+Navigate to <a href="https://yourhtmlyblogdomain/login">https://yourhtmlyblogdomain/login</a> and enter your username and password. You can then create posts or edit existing ones.
298 
+</p>
299 
+</div>
300 
+</div>
301 
+</div>
302 
+<div id="postamble" class="status">
303 
+
304 
+<style type="text/css">
305 
+.back-to-top {
306 
+    position: fixed;
307 
+    bottom: 2em;
308 
+    right: 0px;
309 
+    text-decoration: none;
310 
+    color: #000000;
311 
+    background-color: rgba(235, 235, 235, 0.80);
312 
+    font-size: 12px;
313 
+    padding: 1em;
314 
+    display: none;
315 
+}
316 
+
317 
+.back-to-top:hover {
318 
+    background-color: rgba(135, 135, 135, 0.50);
319 
+}
320 
+</style>
321 
+
322 
+<div class="back-to-top">
323 
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
324 
+</div>
325 
+</div>
326 
+</body>
327 
+</html>

+ 71
- 68
website/EN/apps.html Visa fil

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 
-<!-- 2016-11-14 Mon 18:12 -->
6 
+<!-- 2016-11-14 Mon 21:00 -->
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></title>
 9 
 <title></title>
257 
 </div>
 257 
 </div>
258 
 </div>
 258 
 </div>
259
259
260 
-<div id="outline-container-orgf309779" class="outline-2">
261 
-<h2 id="orgf309779">DLNA</h2>
262 
-<div class="outline-text-2" id="text-orgf309779">
260 
+<div id="outline-container-orga021e1b" class="outline-2">
261 
+<h2 id="orga021e1b">DLNA</h2>
262 
+<div class="outline-text-2" id="text-orga021e1b">
263 
 <p>
 263 
 <p>
264 
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
 264 
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
265 
 </p>
 265 
 </p>
269 
 </p>
 269 
 </p>
270 
 </div>
 270 
 </div>
271 
 </div>
 271 
 </div>
272 
-<div id="outline-container-orgb565007" class="outline-2">
273 
-<h2 id="orgb565007">Dokuwiki</h2>
274 
-<div class="outline-text-2" id="text-orgb565007">
272 
+<div id="outline-container-orgddc17c3" class="outline-2">
273 
+<h2 id="orgddc17c3">Dokuwiki</h2>
274 
+<div class="outline-text-2" id="text-orgddc17c3">
275 
 <p>
 275 
 <p>
276 
 A databaseless wiki system.
 276 
 A databaseless wiki system.
277 
 </p>
 277 
 </p>
281 
 </p>
 281 
 </p>
282 
 </div>
 282 
 </div>
283 
 </div>
 283 
 </div>
284 
-<div id="outline-container-org5aaf6b6" class="outline-2">
285 
-<h2 id="org5aaf6b6">Emacs</h2>
286 
-<div class="outline-text-2" id="text-org5aaf6b6">
284 
+<div id="outline-container-orgbe48e12" class="outline-2">
285 
+<h2 id="orgbe48e12">Emacs</h2>
286 
+<div class="outline-text-2" id="text-orgbe48e12">
287 
 <p>
 287 
 <p>
288 
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
 288 
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
289 
 </p>
 289 
 </p>
293 
 </p>
 293 
 </p>
294 
 </div>
 294 
 </div>
295 
 </div>
 295 
 </div>
296 
-<div id="outline-container-orgead1037" class="outline-2">
297 
-<h2 id="orgead1037">Etherpad</h2>
298 
-<div class="outline-text-2" id="text-orgead1037">
296 
+<div id="outline-container-org1e8ce49" class="outline-2">
297 
+<h2 id="org1e8ce49">Etherpad</h2>
298 
+<div class="outline-text-2" id="text-org1e8ce49">
299 
 <p>
 299 
 <p>
300 
 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.
 300 
 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.
301 
 </p>
 301 
 </p>
305 
 </p>
 305 
 </p>
306 
 </div>
 306 
 </div>
307 
 </div>
 307 
 </div>
308 
-<div id="outline-container-org1ff9fdd" class="outline-2">
309 
-<h2 id="org1ff9fdd">Ghost</h2>
310 
-<div class="outline-text-2" id="text-org1ff9fdd">
308 
+<div id="outline-container-org590b689" class="outline-2">
309 
+<h2 id="org590b689">Ghost</h2>
310 
+<div class="outline-text-2" id="text-org590b689">
311 
 <p>
 311 
 <p>
312 
 Modern looking blogging system.
 312 
 Modern looking blogging system.
313 
 </p>
 313 
 </p>
317 
 </p>
 317 
 </p>
318 
 </div>
 318 
 </div>
319 
 </div>
 319 
 </div>
320 
-<div id="outline-container-org73203a6" class="outline-2">
321 
-<h2 id="org73203a6">GNU Social</h2>
322 
-<div class="outline-text-2" id="text-org73203a6">
320 
+<div id="outline-container-org1a980bf" class="outline-2">
321 
+<h2 id="org1a980bf">GNU Social</h2>
322 
+<div class="outline-text-2" id="text-org1a980bf">
323 
 <p>
 323 
 <p>
324 
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
 324 
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
325 
 </p>
 325 
 </p>
329 
 </p>
 329 
 </p>
330 
 </div>
 330 
 </div>
331 
 </div>
 331 
 </div>
332 
-<div id="outline-container-org0136ff9" class="outline-2">
333 
-<h2 id="org0136ff9">Gogs</h2>
334 
-<div class="outline-text-2" id="text-org0136ff9">
332 
+<div id="outline-container-orgc72ba6e" class="outline-2">
333 
+<h2 id="orgc72ba6e">Gogs</h2>
334 
+<div class="outline-text-2" id="text-orgc72ba6e">
335 
 <p>
 335 
 <p>
336 
 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.
 336 
 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.
337 
 </p>
 337 
 </p>
341 
 </p>
 341 
 </p>
342 
 </div>
 342 
 </div>
343 
 </div>
 343 
 </div>
344 
-<div id="outline-container-orgcc68fb3" class="outline-2">
345 
-<h2 id="orgcc68fb3">HTMLy</h2>
346 
-<div class="outline-text-2" id="text-orgcc68fb3">
344 
+<div id="outline-container-org7063b38" class="outline-2">
345 
+<h2 id="org7063b38">HTMLy</h2>
346 
+<div class="outline-text-2" id="text-org7063b38">
347 
 <p>
 347 
 <p>
348 
 Databaseless blogging system. Quite simple and with a markdown-like format.
 348 
 Databaseless blogging system. Quite simple and with a markdown-like format.
349 
 </p>
 349 
 </p>
350 
+
351 
+<p>
352 
+<a href="./app_htmly.html">How to use it</a>
353 
+</p>
350 
 </div>
 354 
 </div>
351 
 </div>
 355 
 </div>
352 
-
353 
-<div id="outline-container-org09bed1f" class="outline-2">
354 
-<h2 id="org09bed1f">Hubzilla</h2>
355 
-<div class="outline-text-2" id="text-org09bed1f">
356 
+<div id="outline-container-org1d940ea" class="outline-2">
357 
+<h2 id="org1d940ea">Hubzilla</h2>
358 
+<div class="outline-text-2" id="text-org1d940ea">
356 
 <p>
 359 
 <p>
357 
 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.
 360 
 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.
358 
 </p>
 361 
 </p>
362 
 </p>
 365 
 </p>
363 
 </div>
 366 
 </div>
364 
 </div>
 367 
 </div>
365 
-<div id="outline-container-orgd7be947" class="outline-2">
366 
-<h2 id="orgd7be947">IRC Server (ngirc)</h2>
367 
-<div class="outline-text-2" id="text-orgd7be947">
368 
+<div id="outline-container-org4b857e2" class="outline-2">
369 
+<h2 id="org4b857e2">IRC Server (ngirc)</h2>
370 
+<div class="outline-text-2" id="text-org4b857e2">
368 
 <p>
 371 
 <p>
369 
 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.
 372 
 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.
370 
 </p>
 373 
 </p>
374 
 </p>
 377 
 </p>
375 
 </div>
 378 
 </div>
376 
 </div>
 379 
 </div>
377 
-<div id="outline-container-org5cc1954" class="outline-2">
378 
-<h2 id="org5cc1954">Jitsi Meet</h2>
379 
-<div class="outline-text-2" id="text-org5cc1954">
380 
+<div id="outline-container-orgf8980ce" class="outline-2">
381 
+<h2 id="orgf8980ce">Jitsi Meet</h2>
382 
+<div class="outline-text-2" id="text-orgf8980ce">
380 
 <p>
 383 
 <p>
381 
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
 384 
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
382 
 </p>
 385 
 </p>
383 
 </div>
 386 
 </div>
384 
 </div>
 387 
 </div>
385
388
386 
-<div id="outline-container-orgabf4778" class="outline-2">
387 
-<h2 id="orgabf4778">Lychee</h2>
388 
-<div class="outline-text-2" id="text-orgabf4778">
389 
+<div id="outline-container-org2099c05" class="outline-2">
390 
+<h2 id="org2099c05">Lychee</h2>
391 
+<div class="outline-text-2" id="text-org2099c05">
389 
 <p>
 392 
 <p>
390 
 Make your photo albums available on the web.
 393 
 Make your photo albums available on the web.
391 
 </p>
 394 
 </p>
392 
 </div>
 395 
 </div>
393 
 </div>
 396 
 </div>
394
397
395 
-<div id="outline-container-orgaed369b" class="outline-2">
396 
-<h2 id="orgaed369b">Mailpile</h2>
397 
-<div class="outline-text-2" id="text-orgaed369b">
398 
+<div id="outline-container-orgcae1e0e" class="outline-2">
399 
+<h2 id="orgcae1e0e">Mailpile</h2>
400 
+<div class="outline-text-2" id="text-orgcae1e0e">
398 
 <p>
 401 
 <p>
399 
 Modern email client which supports GPG encryption.
 402 
 Modern email client which supports GPG encryption.
400 
 </p>
 403 
 </p>
404 
 </p>
 407 
 </p>
405 
 </div>
 408 
 </div>
406 
 </div>
 409 
 </div>
407 
-<div id="outline-container-org848f84b" class="outline-2">
408 
-<h2 id="org848f84b">Mumble</h2>
409 
-<div class="outline-text-2" id="text-org848f84b">
410 
+<div id="outline-container-orgb6199d5" class="outline-2">
411 
+<h2 id="orgb6199d5">Mumble</h2>
412 
+<div class="outline-text-2" id="text-orgb6199d5">
410 
 <p>
 413 
 <p>
411 
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
 414 
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
412 
 </p>
 415 
 </p>
416 
 </p>
 419 
 </p>
417 
 </div>
 420 
 </div>
418 
 </div>
 421 
 </div>
419 
-<div id="outline-container-orgafaf7fa" class="outline-2">
420 
-<h2 id="orgafaf7fa">PI-Hole</h2>
421 
-<div class="outline-text-2" id="text-orgafaf7fa">
422 
+<div id="outline-container-orgc0e51aa" class="outline-2">
423 
+<h2 id="orgc0e51aa">PI-Hole</h2>
424 
+<div class="outline-text-2" id="text-orgc0e51aa">
422 
 <p>
 425 
 <p>
423 
 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.
 426 
 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.
424 
 </p>
 427 
 </p>
428 
 </p>
 431 
 </p>
429 
 </div>
 432 
 </div>
430 
 </div>
 433 
 </div>
431 
-<div id="outline-container-orgc6897ec" class="outline-2">
432 
-<h2 id="orgc6897ec">PostActiv</h2>
433 
-<div class="outline-text-2" id="text-orgc6897ec">
434 
+<div id="outline-container-org7195505" class="outline-2">
435 
+<h2 id="org7195505">PostActiv</h2>
436 
+<div class="outline-text-2" id="text-org7195505">
434 
 <p>
 437 
 <p>
435 
 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.
 438 
 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.
436 
 </p>
 439 
 </p>
437 
 </div>
 440 
 </div>
438 
 </div>
 441 
 </div>
439
442
440 
-<div id="outline-container-orgeb6c58e" class="outline-2">
441 
-<h2 id="orgeb6c58e">Radicale</h2>
442 
-<div class="outline-text-2" id="text-orgeb6c58e">
443 
+<div id="outline-container-org119f624" class="outline-2">
444 
+<h2 id="org119f624">Radicale</h2>
445 
+<div class="outline-text-2" id="text-org119f624">
443 
 <p>
 446 
 <p>
444 
 Calendar system compatible with CalDAV and CardDAV. Manage your calendar events easily across all your devices.
 447 
 Calendar system compatible with CalDAV and CardDAV. Manage your calendar events easily across all your devices.
445 
 </p>
 448 
 </p>
446 
 </div>
 449 
 </div>
447 
 </div>
 450 
 </div>
448
451
449 
-<div id="outline-container-orgdb11a9c" class="outline-2">
450 
-<h2 id="orgdb11a9c">tt-rss</h2>
451 
-<div class="outline-text-2" id="text-orgdb11a9c">
452 
+<div id="outline-container-orgd8bf092" class="outline-2">
453 
+<h2 id="orgd8bf092">tt-rss</h2>
454 
+<div class="outline-text-2" id="text-orgd8bf092">
452 
 <p>
 455 
 <p>
453 
 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.
 456 
 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.
454 
 </p>
 457 
 </p>
458 
 </p>
 461 
 </p>
459 
 </div>
 462 
 </div>
460 
 </div>
 463 
 </div>
461 
-<div id="outline-container-org2ab6b86" class="outline-2">
462 
-<h2 id="org2ab6b86">Syncthing</h2>
463 
-<div class="outline-text-2" id="text-org2ab6b86">
464 
+<div id="outline-container-orga69d4fe" class="outline-2">
465 
+<h2 id="orga69d4fe">Syncthing</h2>
466 
+<div class="outline-text-2" id="text-orga69d4fe">
464 
 <p>
 467 
 <p>
465 
 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.
 468 
 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.
466 
 </p>
 469 
 </p>
470 
 </p>
 473 
 </p>
471 
 </div>
 474 
 </div>
472 
 </div>
 475 
 </div>
473 
-<div id="outline-container-org46895f6" class="outline-2">
474 
-<h2 id="org46895f6">Tox</h2>
475 
-<div class="outline-text-2" id="text-org46895f6">
476 
+<div id="outline-container-org1c28225" class="outline-2">
477 
+<h2 id="org1c28225">Tox</h2>
478 
+<div class="outline-text-2" id="text-org1c28225">
476 
 <p>
 479 
 <p>
477 
 Client and bootstrap node for the Tox chat/VoIP system.
 480 
 Client and bootstrap node for the Tox chat/VoIP system.
478 
 </p>
 481 
 </p>
482 
 </p>
 485 
 </p>
483 
 </div>
 486 
 </div>
484 
 </div>
 487 
 </div>
485 
-<div id="outline-container-org83c68e1" class="outline-2">
486 
-<h2 id="org83c68e1">Vim</h2>
487 
-<div class="outline-text-2" id="text-org83c68e1">
488 
+<div id="outline-container-org5914a95" class="outline-2">
489 
+<h2 id="org5914a95">Vim</h2>
490 
+<div class="outline-text-2" id="text-org5914a95">
488 
 <p>
 491 
 <p>
489 
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
 492 
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
490 
 </p>
 493 
 </p>
491 
 </div>
 494 
 </div>
492 
 </div>
 495 
 </div>
493
496
494 
-<div id="outline-container-org07dc481" class="outline-2">
495 
-<h2 id="org07dc481">XMPP</h2>
496 
-<div class="outline-text-2" id="text-org07dc481">
497 
+<div id="outline-container-orgc55a381" class="outline-2">
498 
+<h2 id="orgc55a381">XMPP</h2>
499 
+<div class="outline-text-2" id="text-orgc55a381">
497 
 <p>
 500 
 <p>
498 
 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.
 501 
 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.
499 
 </p>
 502 
 </p>

+ 21
- 17
website/EN/usage.html Visa fil

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 
-<!-- 2016-11-14 Mon 18:11 -->
6 
+<!-- 2016-11-14 Mon 21:00 -->
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></title>
 9 
 <title></title>
255 
 </colgroup>
 255 
 </colgroup>
256 
 <tbody>
 256 
 <tbody>
257 
 <tr>
 257 
 <tr>
258 
-<td class="org-left"><a href="#org078c1b8">Readme</a></td>
258 
+<td class="org-left"><a href="#orge9e88a0">Readme</a></td>
259 
 </tr>
 259 
 </tr>
260
260
261 
 <tr>
 261 
 <tr>
262 
-<td class="org-left"><a href="#org4a10bbc">Improving ssh security</a></td>
262 
+<td class="org-left"><a href="#orgf357d7a">Improving ssh security</a></td>
263 
 </tr>
 263 
 </tr>
264
264
265 
 <tr>
 265 
 <tr>
266 
-<td class="org-left"><a href="#orgabb80bc">Administrating the system via an onion address (Tor)</a></td>
266 
+<td class="org-left"><a href="#org7994542">Administrating the system via an onion address (Tor)</a></td>
267 
 </tr>
 267 
 </tr>
268
268
269 
 <tr>
 269 
 <tr>
291 
 </tr>
 291 
 </tr>
292
292
293 
 <tr>
 293 
 <tr>
294 
+<td class="org-left"><a href="./app_htmly.html">Blogging with HTMLy</a></td>
295 
+</tr>
296 
+
297 
+<tr>
294 
 <td class="org-left"><a href="./app_hubzilla.html">Social Network</a></td>
 298 
 <td class="org-left"><a href="./app_hubzilla.html">Social Network</a></td>
295 
 </tr>
 299 
 </tr>
296
300
331 
 </tr>
 335 
 </tr>
332
336
333 
 <tr>
 337 
 <tr>
334 
-<td class="org-left"><a href="#org92c8a08">Adding or removing users</a></td>
338 
+<td class="org-left"><a href="#orgf9fceb4">Adding or removing users</a></td>
335 
 </tr>
 339 
 </tr>
336
340
337 
 <tr>
 341 
 <tr>
340 
 </tbody>
 344 
 </tbody>
341 
 </table>
 345 
 </table>
342
346
343 
-<div id="outline-container-org078c1b8" class="outline-2">
344 
-<h2 id="org078c1b8">Readme</h2>
345 
-<div class="outline-text-2" id="text-org078c1b8">
347 
+<div id="outline-container-orge9e88a0" class="outline-2">
348 
+<h2 id="orge9e88a0">Readme</h2>
349 
+<div class="outline-text-2" id="text-orge9e88a0">
346 
 <p>
 350 
 <p>
347 
 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:
 351 
 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:
348 
 </p>
 352 
 </p>
362 
 </p>
 366 
 </p>
363 
 </div>
 367 
 </div>
364 
 </div>
 368 
 </div>
365 
-<div id="outline-container-org4a10bbc" class="outline-2">
366 
-<h2 id="org4a10bbc">Improving ssh security</h2>
367 
-<div class="outline-text-2" id="text-org4a10bbc">
369 
+<div id="outline-container-orgf357d7a" class="outline-2">
370 
+<h2 id="orgf357d7a">Improving ssh security</h2>
371 
+<div class="outline-text-2" id="text-orgf357d7a">
368 
 <p>
 372 
 <p>
369 
 To improve ssh security you can generate an ssh key pair on your system and then upload the public key to the Freedombone.
 373 
 To improve ssh security you can generate an ssh key pair on your system and then upload the public key to the Freedombone.
370 
 </p>
 374 
 </p>
414 
 </div>
 418 
 </div>
415 
 </div>
 419 
 </div>
416
420
417 
-<div id="outline-container-orgabb80bc" class="outline-2">
418 
-<h2 id="orgabb80bc">Administrating the system via an onion address (Tor)</h2>
419 
-<div class="outline-text-2" id="text-orgabb80bc">
421 
+<div id="outline-container-org7994542" class="outline-2">
422 
+<h2 id="org7994542">Administrating the system via an onion address (Tor)</h2>
423 
+<div class="outline-text-2" id="text-org7994542">
420 
 <p>
 424 
 <p>
421 
 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:
 425 
 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:
422 
 </p>
 426 
 </p>
458 
 </p>
 462 
 </p>
459 
 </div>
 463 
 </div>
460 
 </div>
 464 
 </div>
461 
-<div id="outline-container-org92c8a08" class="outline-2">
462 
-<h2 id="org92c8a08">Adding or removing users</h2>
463 
-<div class="outline-text-2" id="text-org92c8a08">
465 
+<div id="outline-container-orgf9fceb4" class="outline-2">
466 
+<h2 id="orgf9fceb4">Adding or removing users</h2>
467 
+<div class="outline-text-2" id="text-orgf9fceb4">
464 
 <p>
 468 
 <p>
465 
 Log into the system with:
 469 
 Log into the system with:
466 
 </p>
 470 
 </p>