Desktop install instructions

6c2dbc8c · Bob Mottram · 654ddb84 · 6c2dbc8c · 6c2dbc8c · 6c2dbc8c
Commit 6c2dbc8c authored 6 years ago by Bob Mottram
--- a/website/EN/install.html
+++ b/website/EN/install.html
@@ -25,7 +25,6 @@
    }

    body {
-        margin: 0;
        font-family: Arial;
    }


--- a/website/EN/install_dat.html
+++ b/website/EN/install_dat.html
+<!DOCTYPE html>
+<html>
+  <style>
+    * {
+        box-sizing: border-box;
+    }
+
+    a, u {
+        text-decoration: none;
+        color: #72a7cf;
+        font-weight: bold;
+    }
+
+    a:visited{
+        color: #72a7cf;
+        font-weight: bold;
+    }
+
+    #headerpic {
+        width: 60%;
+        height: auto;
+        margin-right : auto;
+        margin-left : auto;
+        min-width : 220px;
+    }
+
+    body {
+        margin: 0;
+        font-family: Arial;
+    }
+
+    .header {
+        text-align: center;
+        padding: 32px;
+    }
+
+    .headertext {
+        color: #72a7cf;
+        text-align: center;
+        font-size: 120%;
+        font-weight: bold;
+    }
+
+    .doctext {
+        text-align: center;
+        font-size: 100%;
+    }
+
+    .clitext {
+        text-align: center;
+        font-size: 100%;
+        font-family: Courier;
+    }
+
+    .row {
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        padding: 0 4px;
+    }
+
+    .column {
+        -ms-flex: 25%;
+        flex: 25%;
+        max-width: 25%;
+        padding: 0 4px;
+    }
+    .columnempty {
+        -ms-flex: 25%;
+        flex: 25%;
+        max-width: 25%;
+        padding: 0 4px;
+    }
+
+    .column img {
+        margin-top: 8px;
+        vertical-align: middle;
+    }
+
+    @media screen and (max-width: 600px) {
+        .column {
+            -ms-flex: 50%;
+            flex: 25%;
+            max-width: 50%;
+        }
+        .columnempty {
+            -ms-flex: 0%;
+            flex: 0%;
+            max-width: 0%;
+        }
+    }
+
+    @media screen and (max-width: 200px) {
+        .column {
+            -ms-flex: 25%;
+            flex: 25%;
+            max-width: 25%;
+        }
+    }
+  </style>
+  <body>
+
+    <div class="header">
+      <a href="index.html"><img id="headerpic" class="img-responsive" src="images/logo.png"></a>
+
+      <p class="headertext">Install dat</p>
+
+      <p class="doctext">To download Freedombone disk images you will need the <a href="https://docs.datproject.org/install">dat utility</a>.</p>
+
+      <p class="doctext">On Debian</p>
+
+      <p class="clitext">
+        apt install nodejs<br>
+        npm install -g dat
+      </p>
+
+      <p class="doctext">On Arch/Parabola</p>
+
+      <p class="clitext">
+        sudo pacman -S nodejs npm<br>
+        npm install -g dat
+      </p>
+
+    </div>
+
+  </body>
+</html>
--- a/website/EN/install_desktop.html
+++ b/website/EN/install_desktop.html
+<!DOCTYPE html>
+<html>
+  <style>
+    * {
+        box-sizing: border-box;
+    }
+
+    a, u {
+        text-decoration: none;
+        color: #72a7cf;
+        font-weight: bold;
+    }
+
+    a:visited{
+        color: #72a7cf;
+        font-weight: bold;
+    }
+
+    #headerpic {
+        width: 60%;
+        height: auto;
+        margin-right : auto;
+        margin-left : auto;
+        min-width : 220px;
+    }
+
+    body {
+        margin: 8%;
+        font-family: Arial;
+    }
+
+    .header {
+        text-align: center;
+        padding: 32px;
+    }
+
+    .headertext {
+        color: #72a7cf;
+        text-align: center;
+        font-size: 120%;
+        font-weight: bold;
+    }
+
+    .subheadertext {
+        text-align: center;
+        font-size: 100%;
+        font-weight: bold;
+    }
+
+    .doctext {
+        text-align: left;
+        font-size: 100%;
+    }
+
+    .clitext {
+        text-align: left;
+        font-size: 100%;
+        font-family: Courier;
+    }
+
+    .row {
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        padding: 0 4px;
+    }
+
+    .column {
+        -ms-flex: 25%;
+        flex: 25%;
+        max-width: 25%;
+        padding: 0 4px;
+    }
+    .columnempty {
+        -ms-flex: 25%;
+        flex: 25%;
+        max-width: 25%;
+        padding: 0 4px;
+    }
+
+    .column img {
+        margin-top: 8px;
+        vertical-align: middle;
+    }
+
+    @media screen and (max-width: 600px) {
+        .column {
+            -ms-flex: 50%;
+            flex: 25%;
+            max-width: 50%;
+        }
+        .columnempty {
+            -ms-flex: 0%;
+            flex: 0%;
+            max-width: 0%;
+        }
+    }
+
+    @media screen and (max-width: 200px) {
+        .column {
+            -ms-flex: 25%;
+            flex: 25%;
+            max-width: 25%;
+        }
+    }
+  </style>
+  <body>
+
+    <div class="header">
+      <a href="index.html"><img id="headerpic" class="img-responsive" src="images/logo.png"></a>
+
+      <p class="headertext">Install on Desktop or Laptop</p>
+
+      <p class="subheadertext">Do this on a separate machine, not the laptop which will become your Freedombone server</p>
+
+      <p class="doctext"><b>1.</b> Install the <a href="install_dat.html">dat command</a></p>
+
+      <p class="doctext"><b>2.</b> Make sure you have the <a href="install_xz.html">xz command</a> installed</p>
+
+      <p class="doctext"><b>3.</b> Download the image</p>
+
+      <p class="clitext">
+        dat clone dat://b1f714cdd60eb8cbedf9112ce37f8a5e9601fc0d3e1734af8901002adfe0ed74/<br>
+        cd b1f714cdd60eb8cbedf9112ce37f8a5e9601fc0d3e1734af8901002adfe0ed74<br>
+        unxz
+      </p>
+
+      <p class="doctext"><b>4.</b> Plug in a USB drive or connect an SSD which you'll use in the server, then find its device name, which usually begins with <b>/dev/sd</b></p>
+
+      <p class="doctext"><b>5.</b> Now copy the extracted image to the USB drive or SSD. This may take quite a while</p>
+
+      <p class="clitext">
+        sudo dd bs=1M if=freedombone-amd64.img of=/dev/sdX conv=fdatasync,sync,noerror
+      </p>
+
+      <p class="doctext"><b>6.</b> Remove the USB drive or SSD and plug it into the laptop which will be your server</p>
+
+      <p class="doctext"><b>7.</b> Plug your laptop into one of the ethernet sockets on your internet router using a USB patch cable (cat5 or cat6)</p>
+
+      <p class="doctext"><b>8.</b> Power on the laptop and boot from the USB drive or SSD. You may need to change the BIOS settings so that it boots from this drive by default</p>
+
+      <p class="doctext"><b>9.</b> Ensure that <a href="https://en.wikipedia.org/wiki/Zero-configuration_networking">mDNS/zeroconf</a> is enabled on your internet router</p>
+
+      <p class="doctext"><b>10.</b> If <i>avahi</i> is not available on your laptop (not the Freedombone server) then make sure you install it</p>
+
+      <p class="doctext"><b>11.</b> Browse the local network with</p>
+
+      <p class="clitext">
+        avahi-browse -at
+      </p>
+
+      <p class="doctext">If eveything is working you should notice that a system called <i>freedombone</i> appears in the list, with a <i>http</i> service</p>
+
+      <p class="doctext"><b>12.</b> Open a web browser which is <b>not</b> a Tor browser and navigate to <b>http://freedombone/admin</b>, or if that doesn't work then try <b>http://freedombone.local/admin</b></p>
+
+      <p class="doctext">Congratulations! You are now ready to begin setting up the server and installing apps. You will need to have purchased a domain name, and have a dynamic DNS account or equivalent arrangement so that the server domain name is resolvable from the wider internet.</p>
+
+    </div>
+
+  </body>
+</html>