freedomboneeee/website/EN/apps.html

575 lines
19 KiB
HTML
Raw Normal View History

2016-11-11 23:28:09 +01:00
<?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-12-25 12:58:25 +01:00
<!-- 2016-12-25 Sun 11:57 -->
2016-11-11 23:28:09 +01:00
<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" />
2016-11-13 17:09:50 +01:00
<meta name="description" content="List of apps available on freedombone"
2016-11-11 23:28:09 +01:00
/>
2016-11-13 17:09:50 +01:00
<meta name="keywords" content="freedombone, apps" />
2016-11-11 23:28:09 +01:00
<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>Apps</h1></center>
2016-11-28 20:23:41 +01:00
<blockquote>
<p>
"<i>In times of aggressive corporatization, increasing enclosure of communication spaces, and blanket surveillance, emancipatory communication practices appear to be particularly well suited to offer concrete alternatives to activists and citizens alike</i>" &#x2013; Stefania Milan
</p>
</blockquote>
2016-11-11 23:28:09 +01:00
<p>
The base install of the system just contains an email server and Mutt client, but not much else. In addition from within the <b>Administrator control panel</b> under <b>Add/remove apps</b> the following are installable. This list only applies on the home server version, with the mesh network version having a different and smaller set of apps.
</p>
2016-11-11 23:36:36 +01:00
<div class="org-center">
<div class="figure">
<p><img src="images/controlpanel/control_panel_apps.jpg" alt="control_panel_apps.jpg" />
</p>
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org99fc092" class="outline-2">
<h2 id="org99fc092">DLNA</h2>
<div class="outline-text-2" id="text-org99fc092">
2016-11-11 23:28:09 +01:00
<p>
Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
</p>
2016-11-12 21:19:58 +01:00
<p>
<a href="./app_dlna.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org30dfa23" class="outline-2">
<h2 id="org30dfa23">Dokuwiki</h2>
<div class="outline-text-2" id="text-org30dfa23">
2016-11-11 23:28:09 +01:00
<p>
A databaseless wiki system.
</p>
2016-11-14 15:36:16 +01:00
<p>
<a href="./app_dokuwiki.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org0b27a96" class="outline-2">
<h2 id="org0b27a96">Emacs</h2>
<div class="outline-text-2" id="text-org0b27a96">
2016-11-11 23:28:09 +01:00
<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>
2016-11-14 16:15:20 +01:00
<p>
<a href="./app_emacs.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org309055f" class="outline-2">
<h2 id="org309055f">Etherpad</h2>
<div class="outline-text-2" id="text-org309055f">
2016-11-11 23:28:09 +01:00
<p>
2016-11-11 23:50:18 +01:00
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.
2016-11-11 23:28:09 +01:00
</p>
2016-11-14 15:45:42 +01:00
<p>
<a href="./app_etherpad.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org848aced" class="outline-2">
<h2 id="org848aced">Ghost</h2>
<div class="outline-text-2" id="text-org848aced">
2016-11-11 23:28:09 +01:00
<p>
Modern looking blogging system.
</p>
2016-11-14 19:13:02 +01:00
<p>
<a href="./app_ghost.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org2e44bb6" class="outline-2">
<h2 id="org2e44bb6">GNU Social</h2>
<div class="outline-text-2" id="text-org2e44bb6">
2016-11-11 23:28:09 +01:00
<p>
Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
</p>
2016-11-12 19:38:02 +01:00
<p>
<a href="./app_gnusocial.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-orgb8a47c3" class="outline-2">
<h2 id="orgb8a47c3">Gogs</h2>
<div class="outline-text-2" id="text-orgb8a47c3">
2016-11-11 23:28:09 +01:00
<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>
2016-11-13 00:36:55 +01:00
<p>
<a href="./app_gogs.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org572987d" class="outline-2">
<h2 id="org572987d">HTMLy</h2>
<div class="outline-text-2" id="text-org572987d">
2016-11-11 23:28:09 +01:00
<p>
2016-11-11 23:42:47 +01:00
Databaseless blogging system. Quite simple and with a markdown-like format.
2016-11-11 23:28:09 +01:00
</p>
2016-11-14 22:01:37 +01:00
<p>
<a href="./app_htmly.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-orgff7ac54" class="outline-2">
<h2 id="orgff7ac54">Hubzilla</h2>
<div class="outline-text-2" id="text-orgff7ac54">
2016-11-11 23:28:09 +01:00
<p>
2016-11-12 15:12:34 +01:00
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.
2016-11-11 23:28:09 +01:00
</p>
2016-11-12 20:07:24 +01:00
<p>
<a href="./app_hubzilla.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org0de0265" class="outline-2">
<h2 id="org0de0265">IRC Server (ngirc)</h2>
<div class="outline-text-2" id="text-org0de0265">
2016-11-11 23:28:09 +01:00
<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>
2016-11-12 21:28:55 +01:00
<p>
<a href="./app_irc.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org5199ade" class="outline-2">
<h2 id="org5199ade">Jitsi Meet</h2>
<div class="outline-text-2" id="text-org5199ade">
2016-11-11 23:28:09 +01:00
<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>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org12a5edf" class="outline-2">
<h2 id="org12a5edf">Lychee</h2>
<div class="outline-text-2" id="text-org12a5edf">
2016-11-11 23:28:09 +01:00
<p>
Make your photo albums available on the web.
</p>
2016-11-14 22:31:29 +01:00
<p>
<a href="./app_lychee.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org3a7b9cc" class="outline-2">
<h2 id="org3a7b9cc">Mailpile</h2>
<div class="outline-text-2" id="text-org3a7b9cc">
2016-11-11 23:28:09 +01:00
<p>
Modern email client which supports GPG encryption.
</p>
2016-11-13 17:09:50 +01:00
<p>
<a href="./app_mailpile.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org202fe91" class="outline-2">
<h2 id="org202fe91">Mediagoblin</h2>
<div class="outline-text-2" id="text-org202fe91">
<p>
Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
</p>
<p>
<a href="./app_mediagoblin.html">How to use it</a>
</p>
</div>
</div>
<div id="outline-container-org55d4ac3" class="outline-2">
<h2 id="org55d4ac3">Mumble</h2>
<div class="outline-text-2" id="text-org55d4ac3">
2016-11-11 23:28:09 +01:00
<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>
2016-11-12 23:54:40 +01:00
<p>
<a href="./app_mumble.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org5b1d6b5" class="outline-2">
<h2 id="org5b1d6b5">PI-Hole</h2>
<div class="outline-text-2" id="text-org5b1d6b5">
2016-11-11 23:28:09 +01:00
<p>
2016-11-11 23:36:36 +01:00
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.
2016-11-11 23:28:09 +01:00
</p>
2016-11-13 00:56:05 +01:00
<p>
<a href="./app_pihole.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-orgcb8c767" class="outline-2">
<h2 id="orgcb8c767">PostActiv</h2>
<div class="outline-text-2" id="text-orgcb8c767">
2016-11-11 23:28:09 +01:00
<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>
2016-11-14 22:46:04 +01:00
<p>
<a href="./app_postactiv.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-orgba474e0" class="outline-2">
<h2 id="orgba474e0">Radicale</h2>
<div class="outline-text-2" id="text-orgba474e0">
2016-11-11 23:28:09 +01:00
<p>
2016-11-28 20:23:41 +01:00
Calendar system compatible with CalDAV and CardDAV. Synch your calendar events easily and securely across all your devices.
2016-11-17 12:07:21 +01:00
</p>
<p>
<a href="./app_radicale.html">How to use it</a>
2016-11-11 23:28:09 +01:00
</p>
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org0d2114e" class="outline-2">
<h2 id="org0d2114e">tt-rss</h2>
<div class="outline-text-2" id="text-org0d2114e">
2016-11-11 23:28:09 +01:00
<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>
2016-11-13 00:06:26 +01:00
<p>
<a href="./app_rss.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org66ade88" class="outline-2">
<h2 id="org66ade88">Syncthing</h2>
<div class="outline-text-2" id="text-org66ade88">
2016-11-11 23:28:09 +01:00
<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>
2016-11-12 19:00:38 +01:00
<p>
<a href="./app_syncthing.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org15d6e56" class="outline-2">
<h2 id="org15d6e56">Tox</h2>
<div class="outline-text-2" id="text-org15d6e56">
2016-11-11 23:28:09 +01:00
<p>
Client and bootstrap node for the Tox chat/VoIP system.
</p>
2016-11-12 23:21:12 +01:00
<p>
<a href="./app_tox.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org407e108" class="outline-2">
<h2 id="org407e108">Turtl</h2>
<div class="outline-text-2" id="text-org407e108">
2016-12-20 17:16:37 +01:00
<p>
A system for privately creating and sharing notes and images, similar to Evernote but without the spying.
</p>
<p>
<a href="./app_turtl.html">How to use it</a>
</p>
</div>
</div>
2016-12-25 12:58:25 +01:00
<div id="outline-container-orgd65bf2e" class="outline-2">
<h2 id="orgd65bf2e">Vim</h2>
<div class="outline-text-2" id="text-orgd65bf2e">
2016-11-11 23:28:09 +01:00
<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>
2016-12-25 12:58:25 +01:00
<div id="outline-container-org14baf40" class="outline-2">
<h2 id="org14baf40">XMPP</h2>
<div class="outline-text-2" id="text-org14baf40">
2016-11-11 23:28:09 +01:00
<p>
2016-11-11 23:47:15 +01:00
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.
2016-11-11 23:28:09 +01:00
</p>
2016-11-12 22:10:41 +01:00
<p>
<a href="./app_xmpp.html">How to use it</a>
</p>
2016-11-11 23:28:09 +01:00
</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>