2016-08-09 17:20:12 +02: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 >
2018-05-10 12:49:54 +02:00
<!-- 2018 - 05 - 10 Thu 11:47 -->
2018-04-21 16:00:57 +02: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" / >
< meta name = "description" content = "Freedombone home server setup"
2016-08-09 17:20:12 +02:00
/>
2018-04-21 16:00:57 +02:00
< meta name = "keywords" content = "freedombone, home server" / >
2016-08-09 17:20:12 +02:00
< style type = "text/css" >
<!-- /* --> <![CDATA[/*> <!-- */
2018-04-21 16:00:57 +02:00
.title { text-align: center;
margin-bottom: .2em; }
.subtitle { text-align: center;
font-size: medium;
font-weight: bold;
margin-top:0; }
2016-08-09 17:20:12 +02:00
.todo { font-family: monospace; color: red; }
2018-04-21 16:00:57 +02:00
.done { font-family: monospace; color: green; }
.priority { font-family: monospace; color: orange; }
2016-08-09 17:20:12 +02:00
.tag { background-color: #eee; font-family: monospace;
padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
2018-04-21 16:00:57 +02:00
.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; }
2016-08-09 17:20:12 +02:00
.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;}
2018-04-21 16:00:57 +02:00
/* 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'; }
2016-08-09 17:20:12 +02:00
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
2018-04-21 16:00:57 +02:00
pre.src-fortran:before { content: 'Fortran'; }
pre.src-gnuplot:before { content: 'gnuplot'; }
pre.src-haskell:before { content: 'Haskell'; }
pre.src-hledger:before { content: 'hledger'; }
pre.src-java:before { content: 'Java'; }
pre.src-js:before { content: 'Javascript'; }
pre.src-latex:before { content: 'LaTeX'; }
pre.src-ledger:before { content: 'Ledger'; }
pre.src-lisp:before { content: 'Lisp'; }
pre.src-lilypond:before { content: 'Lilypond'; }
pre.src-lua:before { content: 'Lua'; }
pre.src-matlab:before { content: 'MATLAB'; }
pre.src-mscgen:before { content: 'Mscgen'; }
pre.src-ocaml:before { content: 'Objective Caml'; }
pre.src-octave:before { content: 'Octave'; }
pre.src-org:before { content: 'Org mode'; }
pre.src-oz:before { content: 'OZ'; }
pre.src-plantuml:before { content: 'Plantuml'; }
pre.src-processing:before { content: 'Processing.js'; }
pre.src-python:before { content: 'Python'; }
pre.src-R:before { content: 'R'; }
pre.src-ruby:before { content: 'Ruby'; }
pre.src-sass:before { content: 'Sass'; }
pre.src-scheme:before { content: 'Scheme'; }
pre.src-screen:before { content: 'Gnu Screen'; }
pre.src-sed:before { content: 'Sed'; }
pre.src-sh:before { content: 'shell'; }
pre.src-sql:before { content: 'SQL'; }
pre.src-sqlite:before { content: 'SQLite'; }
/* additional languages in org.el's org-babel-load-languages alist */
pre.src-forth:before { content: 'Forth'; }
pre.src-io:before { content: 'IO'; }
pre.src-J:before { content: 'J'; }
pre.src-makefile:before { content: 'Makefile'; }
pre.src-maxima:before { content: 'Maxima'; }
pre.src-perl:before { content: 'Perl'; }
pre.src-picolisp:before { content: 'Pico Lisp'; }
pre.src-scala:before { content: 'Scala'; }
pre.src-shell:before { content: 'Shell Script'; }
pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
/* additional language identifiers per "defun org-babel-execute"
in ob-*.el */
pre.src-cpp:before { content: 'C++'; }
pre.src-abc:before { content: 'ABC'; }
pre.src-coq:before { content: 'Coq'; }
pre.src-groovy:before { content: 'Groovy'; }
/* additional language identifiers from org-babel-shell-names in
ob-shell.el: ob-shell is the only babel language using a lambda to put
the execution function name together. */
pre.src-bash:before { content: 'bash'; }
pre.src-csh:before { content: 'csh'; }
pre.src-ash:before { content: 'ash'; }
pre.src-dash:before { content: 'dash'; }
pre.src-ksh:before { content: 'ksh'; }
pre.src-mksh:before { content: 'mksh'; }
pre.src-posh:before { content: 'posh'; }
/* Additional Emacs modes also supported by the LaTeX listings package */
pre.src-ada:before { content: 'Ada'; }
pre.src-asm:before { content: 'Assembler'; }
pre.src-caml:before { content: 'Caml'; }
pre.src-delphi:before { content: 'Delphi'; }
pre.src-html:before { content: 'HTML'; }
pre.src-idl:before { content: 'IDL'; }
pre.src-mercury:before { content: 'Mercury'; }
pre.src-metapost:before { content: 'MetaPost'; }
pre.src-modula-2:before { content: 'Modula-2'; }
pre.src-pascal:before { content: 'Pascal'; }
pre.src-ps:before { content: 'PostScript'; }
pre.src-prolog:before { content: 'Prolog'; }
pre.src-simula:before { content: 'Simula'; }
pre.src-tcl:before { content: 'tcl'; }
pre.src-tex:before { content: 'TeX'; }
pre.src-plain-tex:before { content: 'Plain TeX'; }
pre.src-verilog:before { content: 'Verilog'; }
pre.src-vhdl:before { content: 'VHDL'; }
pre.src-xml:before { content: 'XML'; }
pre.src-nxml:before { content: 'XML'; }
/* add a generic configuration mode; LaTeX export needs an additional
(add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
pre.src-conf:before { content: 'Configuration File'; }
2016-08-09 17:20:12 +02:00
table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top; }
2018-04-21 16:00:57 +02:00
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; }
2016-08-09 17:20:12 +02:00
dt { font-weight: bold; }
2018-04-21 16:00:57 +02:00
.footpara { display: inline; }
2016-08-09 17:20:12 +02:00
.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; }
2018-04-21 16:00:57 +02:00
.org-svg { width: 90%; }
2016-08-09 17:20:12 +02:00
/*]]>*/-->
< / 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.
2018-04-21 16:00:57 +02:00
Copyright (C) 2012-2017 Free Software Foundation, Inc.
2016-08-09 17:20:12 +02:00
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 = "figure" >
2018-04-12 14:34:44 +02:00
< p > < img src = "images/logo.png" alt = "logo.png" width = "80%" height = "10%" align = "center" / >
2016-08-09 17:20:12 +02:00
< / p >
< / div >
2016-08-09 20:56:16 +02:00
2016-08-09 17:20:12 +02:00
2018-05-10 12:49:54 +02:00
< div id = "outline-container-orgddbcade" class = "outline-2" >
< h2 id = "orgddbcade" > Home Server< / h2 >
< div class = "outline-text-2" id = "text-orgddbcade" >
2016-08-09 17:20:12 +02:00
< p >
The quickest way to get started is as follows. You will need to be running a Debian based system (version 8 or later), have an old but still working laptop or netbook which you can use as a server, and 8GB or larger USB thumb drive and an ethernet cable to connect the laptop to your internet router.
< / p >
< p >
2016-11-23 18:36:09 +01:00
First install freedombone onto your local system (not the target hardware that you want to run Freedombone on). On a debian based distro:
2016-08-09 17:20:12 +02:00
< / p >
< div class = "org-src-container" >
2018-02-12 21:14:02 +01:00
< pre class = "src src-bash" > sudo apt-get install git dialog build-essential
2016-08-09 17:20:12 +02:00
git clone https://github.com/bashrc/freedombone
2018-04-21 16:00:57 +02:00
< span class = "org-builtin" > cd< / span > freedombone
2017-07-03 13:29:43 +02:00
git checkout stretch
2016-11-23 18:36:09 +01:00
sudo make install
2016-11-05 17:58:14 +01:00
freedombone-image --setup debian
2017-09-12 11:08:36 +02:00
freedombone-image -t i386 --onion-addresses-only yes
2017-12-28 22:15:48 +01:00
< / pre >
2016-11-05 17:58:14 +01:00
< / div >
< p >
Or on Arch/Parabola:
< / p >
< div class = "org-src-container" >
2018-02-12 21:14:02 +01:00
< pre class = "src src-bash" > sudo pacman -S git dialog
2016-11-05 17:58:14 +01:00
git clone https://github.com/bashrc/freedombone
2018-04-21 16:00:57 +02:00
< span class = "org-builtin" > cd< / span > freedombone
2017-07-03 13:29:43 +02:00
git checkout stretch
2016-11-23 18:36:09 +01:00
sudo make install
2016-11-05 17:58:14 +01:00
freedombone-image --setup parabola
2017-09-12 11:08:36 +02:00
freedombone-image -t i386 --onion-addresses-only yes
2017-12-28 22:15:48 +01:00
< / pre >
2016-08-09 17:20:12 +02:00
< / div >
2016-11-23 18:36:09 +01:00
< p >
2016-11-23 18:36:39 +01:00
Now prepare your local system to talk to the freedombone by running the following command. This will set up avahi and create ssh keys if necessary.
2016-11-23 18:36:09 +01:00
< / p >
< div class = "org-src-container" >
2017-12-28 22:15:48 +01:00
< pre class = "src src-bash" > freedombone-client
< / pre >
2016-11-23 18:36:09 +01:00
< / div >
2016-11-11 22:23:39 +01:00
< div class = "figure" >
2018-04-12 14:34:44 +02:00
< p > < img src = "images/tor_onion.jpg" alt = "tor_onion.jpg" width = "80%" align = "center" / >
2016-11-11 22:23:39 +01:00
< / p >
< / div >
2016-11-23 18:36:09 +01:00
2016-11-11 21:26:14 +01:00
< p >
2017-09-12 11:08:36 +02:00
The version in which sites are available only via onion addresses is the easiest to get started with, since you can evaluate the system without committing to buying an ICANN domain name or needing to get involved with SSL/TLS certificates at all. However, if you do want your sites to be available typically as subdomains of a domain name which you own then remove the < b > – onion-addresses-only yes< / b > option from the last command shown above. Also see the < a href = "./domains.html" > guide on setting up an ICANN domain name< / a > .
< / p >
< p >
The < b > onion-addresses-only< / b > option < b > does not< / b > mean that everything gets routed through Tor. It's intended to provide accessible web apps with minimum fuss and without needing to buy a clearnet domain name or mess with forwarding ports. Using apps via their onion addresses may provide some degree of anonymity but it may not be perfect and anonymity isn't the aim of this system (if you want that then use < a href = "https://tails.boum.org/" > TAILS< / a > ).
2016-11-11 21:26:14 +01:00
< / p >
< p >
If you want to create images for microSD cards used within various single board computers then replace the < b > i386< / b > with < b > beaglebone< / b > / < b > cubieboard2< / b > / < b > cubietruck< / b > / < b > a20-olinuxino-lime< / b > / < b > a20-olinuxino-lime2< / b > / < b > a20-olinuxino-micro< / b > or < b > apu< / b > .
< / p >
2016-11-11 22:23:39 +01:00
< div class = "figure" >
2018-04-12 14:34:44 +02:00
< p > < img src = "images/beaglebone_black9.jpg" alt = "beaglebone_black9.jpg" width = "80%" align = "center" / >
2016-11-11 22:23:39 +01:00
< / p >
< / div >
2016-08-09 17:20:12 +02:00
< p >
This takes a while. Maybe an hour or so, depending on the speed of your system and the internets. The good news though is that once created you can use the resulting image any number of times, and you don't need to trust some pre-built image.
< / p >
< p >
List what drives are on your system with:
< / p >
< div class = "org-src-container" >
2017-12-28 22:15:48 +01:00
< pre class = "src src-bash" > ls /dev/sd*
< / pre >
2016-08-09 17:20:12 +02:00
< / div >
< p >
Now plug in the USB thumb drive, and do the same again. Notice which drive letter gets added.
< / p >
< p >
You can now copy the image to the USB thumb drive, replacing < b > sdX< / b > with the identifier of the USB thumb drive. Don't include any numbers (so for example use < b > sdc< / b > instead of < b > sdc1< / b > ).
< / p >
< div class = "org-src-container" >
2018-04-21 16:00:57 +02:00
< pre class = "src src-bash" > dd < span class = "org-variable-name" > if< / span > =/dev/zero < span class = "org-variable-name" > of< / span > =/dev/sdX < span class = "org-variable-name" > bs< / span > =32M < span class = "org-variable-name" > count< / span > =8
2018-05-10 12:49:54 +02:00
dd < span class = "org-variable-name" > bs< / span > =32M < span class = "org-variable-name" > if< / span > =myimagefile.img < span class = "org-variable-name" > of< / span > =/dev/sdX < span class = "org-variable-name" > conv< / span > =fdatasync,sync,noerror
2017-12-28 22:15:48 +01:00
< / pre >
2016-08-09 17:20:12 +02:00
< / div >
< p >
And wait. Again it will take a while to copy over. When that's done plug it into the laptop or netbook which you want to use as a server, power on and set the BIOS to boot from the USB stick.
< / p >
< p >
As the system boots for the first time the login is:
< / p >
< div class = "org-src-container" >
2017-12-28 22:15:48 +01:00
< pre class = "src src-bash" > username: fbone
2016-08-09 17:20:12 +02:00
password: freedombone
2017-12-28 22:15:48 +01:00
< / pre >
2016-08-09 17:20:12 +02:00
< / div >
< p >
2016-11-11 21:47:51 +01:00
If you're installing from a microSD card on a single board computer without a screen and keyboard attached then you can ssh into it with:
< / p >
< div class = "org-src-container" >
2017-12-28 22:15:48 +01:00
< pre class = "src src-bash" > ssh fbone@freedombone.local -p 2222
< / pre >
2016-11-11 21:47:51 +01:00
< / div >
< p >
Using the initial password "< i > freedombone< / i > ".
< / p >
< p >
You will then be shown a new randomly generated password. It's < b > very important< / b > that you write this down somewhere before going further, because you'll need this to log in later.
2016-08-09 17:20:12 +02:00
< / p >
< p >
2016-11-23 19:02:14 +01:00
You'll be asked to set a username and a "real" name (or nickname), then the rest of the installation will be automatic. Again, it takes a while, so go and do something less boring instead. At the end of the base install you can also choose to install specific apps, but if you want to do that later then just press Enter.
2016-08-09 17:20:12 +02:00
< / p >
< p >
2016-11-23 19:02:14 +01:00
When it's installed on your local system open a terminal and verify the ssh server key hash with:
2016-08-09 17:20:12 +02:00
< / p >
< div class = "org-src-container" >
2017-12-28 22:15:48 +01:00
< pre class = "src src-bash" > freedombone-client --verify
< / pre >
2016-11-23 19:02:14 +01:00
< / div >
< p >
2016-11-23 19:12:20 +01:00
This will show the hash code for the public ssh key of the Freedombone system.
< / p >
< div class = "figure" >
2018-04-12 14:34:44 +02:00
< p > < img src = "images/ssh_key_verify.jpg" alt = "ssh_key_verify.jpg" width = "80%" align = "center" / >
2016-11-23 19:12:20 +01:00
< / p >
< / div >
< p >
Open another terminal window then run:
2016-11-23 19:02:14 +01:00
< / p >
< div class = "org-src-container" >
2017-12-28 22:15:48 +01:00
< pre class = "src src-bash" > freedombone-client
2016-11-23 19:02:14 +01:00
ssh myusername@freedombone.local -p 2222
2017-12-28 22:15:48 +01:00
< / pre >
2016-08-09 17:20:12 +02:00
< / div >
< p >
2016-11-23 19:02:14 +01:00
Use the password you wrote down earlier to log in. Select the < b > administrator control panel< / b > with up and down cursor keys, space bar and enter key. You should see something like this, and you might need to re-enter your password.
2016-08-09 17:20:12 +02:00
< / p >
2016-11-11 22:31:14 +01:00
< div class = "figure" >
2018-04-12 14:34:44 +02:00
< p > < img src = "images/controlpanel/control_panel.jpg" alt = "control_panel.jpg" width = "80%" align = "center" / >
2016-11-11 22:31:14 +01:00
< / p >
< / div >
2016-08-09 17:20:12 +02:00
< p >
2016-11-23 19:02:14 +01:00
Then select < b > About< / b > . You'll see a list of sites and their onion addresses.
2016-08-09 17:20:12 +02:00
< / p >
2016-11-11 22:31:14 +01:00
< div class = "figure" >
2018-04-24 19:17:32 +02:00
< p > < img src = "images/controlpanel/control_panel_about.jpg" alt = "control_panel_about.jpg" width = "100%" align = "center" / >
2016-11-11 22:31:14 +01:00
< / p >
< / div >
2016-08-09 17:20:12 +02:00
< p >
2016-11-23 19:02:14 +01:00
The About screen contains the ssh server public key hashes and you can compare the relevant one with the previous terminal window to verify that they're the same. If they're not then you might have a < i > machine-in-the-middle< / i > snooping on you.
< / p >
< p >
You have now confirmed a secure connection. Probably. If you're still sceptical then you can power off the system, remove the microSD card and manually check the public keys within the /etc/ssh directory on the drive.
< / p >
< p >
2016-11-23 19:35:23 +01:00
Press any key to exit from the About screen. You can then select < b > Add/Remove apps< / b > and add whatever applications you wish to run. Note that some apps will only run on x86 systems, but most will install and run on ARM single board computers. More details on particular apps can be < a href = "./apps.html" > found here< / a > .
2016-11-23 19:02:14 +01:00
< / p >
2016-11-23 19:17:34 +01:00
< div class = "figure" >
2018-04-12 14:34:44 +02:00
< p > < img src = "images/controlpanel/control_panel_apps.jpg" alt = "control_panel_apps.jpg" width = "80%" align = "center" / >
2016-11-23 19:17:34 +01:00
< / p >
< / div >
2016-11-23 19:02:14 +01:00
< p >
2016-11-24 15:59:01 +01:00
Once your apps have installed you can go back to the About screen, pick an onion address and try it within a Tor compatible browser. You'll need to know the login passwords and those can be found within the < i > Passwords< / i > section of the administrator control panel. An axiom of the Freedombone system is that < i > if given the choice users will usually use insecure passwords< / i > , so on this system passwords are generated randomly. If you need to then you can transfer the passwords into your favourite password manager and remove them from the server by going to the < b > Security Settings< / b > section of the administrator control panel and choosing < b > Export passwords< / b > and < b > Password storage< / b > .
2016-08-09 17:20:12 +02:00
< / p >
< p >
2016-08-09 17:24:15 +02:00
< b > Congratulations! You have now become a citizen of the free internet.< / b >
< / p >
< p >
< b > Use your new powers wisely.< / b >
2016-08-09 17:20:12 +02:00
< / p >
< p >
2016-11-24 00:02:30 +01:00
Of course, this is just one way in which you can install the Freedombone system. If you have a single board computer (SBC) such as a < a href = "./beaglebone.html" > BeagleBone Black< / a > or OLinuxino you can make disk images for those too. You can even create clearnet sites if you have your own domain name. ARM boards with closed proprietary boot blobs are not supported. For more details run:
2016-08-09 17:20:12 +02:00
< / p >
< div class = "org-src-container" >
2017-12-28 22:15:48 +01:00
< pre class = "src src-bash" > man freedombone-image
< / pre >
2016-08-09 17:20:12 +02:00
< / div >
2016-08-09 20:56:16 +02:00
2018-04-12 15:52:12 +02:00
< div class = "figure" >
2018-04-12 19:26:01 +02:00
< p > < a href = "fdl-1.3.txt" width = "10%" height = "2%" align = "center" > < img src = "images/gfdl.png" alt = "gfdl.png" width = "10%" height = "2%" align = "center" / > < / a >
2016-08-09 20:56:16 +02:00
< / p >
< / div >
2016-08-09 17:20:12 +02:00
< / div >
2018-04-12 14:34:44 +02:00
< / div >
< / div >
2016-08-09 17:20:12 +02:00
< 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" >
2016-10-31 17:24:49 +01:00
< a href = "#top" > Back to top< / a > | < a href = "mailto:bob@freedombone.net" > E-mail me< / a >
2016-08-09 17:20:12 +02:00
< / div >
< / div >
< / body >
< / html >
