123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
  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. <title></title>
  7. <!-- 2018-06-16 Sat 13:14 -->
  8. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  9. <meta name="generator" content="Org-mode" />
  10. <meta name="author" content="Bob Mottram" />
  11. <meta name="description" content="Social Instance"
  12. />
  13. <meta name="keywords" content="freedombone, debian, social, fediverse, instance, pleroma, gnusocial, postactiv" />
  14. <style type="text/css">
  15. <!--/*--><![CDATA[/*><!--*/
  16. .title { text-align: center; }
  17. .todo { font-family: monospace; color: red; }
  18. .done { color: green; }
  19. .tag { background-color: #eee; font-family: monospace;
  20. padding: 2px; font-size: 80%; font-weight: normal; }
  21. .timestamp { color: #bebebe; }
  22. .timestamp-kwd { color: #5f9ea0; }
  23. .right { margin-left: auto; margin-right: 0px; text-align: right; }
  24. .left { margin-left: 0px; margin-right: auto; text-align: left; }
  25. .center { margin-left: auto; margin-right: auto; text-align: center; }
  26. .underline { text-decoration: underline; }
  27. #postamble p, #preamble p { font-size: 90%; margin: .2em; }
  28. p.verse { margin-left: 3%; }
  29. pre {
  30. border: 1px solid #ccc;
  31. box-shadow: 3px 3px 3px #eee;
  32. padding: 8pt;
  33. font-family: monospace;
  34. overflow: auto;
  35. margin: 1.2em;
  36. }
  37. pre.src {
  38. position: relative;
  39. overflow: visible;
  40. padding-top: 1.2em;
  41. }
  42. pre.src:before {
  43. display: none;
  44. position: absolute;
  45. background-color: white;
  46. top: -10px;
  47. right: 10px;
  48. padding: 3px;
  49. border: 1px solid black;
  50. }
  51. pre.src:hover:before { display: inline;}
  52. pre.src-sh:before { content: 'sh'; }
  53. pre.src-bash:before { content: 'sh'; }
  54. pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
  55. pre.src-R:before { content: 'R'; }
  56. pre.src-perl:before { content: 'Perl'; }
  57. pre.src-java:before { content: 'Java'; }
  58. pre.src-sql:before { content: 'SQL'; }
  59. table { border-collapse:collapse; }
  60. caption.t-above { caption-side: top; }
  61. caption.t-bottom { caption-side: bottom; }
  62. td, th { vertical-align:top; }
  63. th.right { text-align: center; }
  64. th.left { text-align: center; }
  65. th.center { text-align: center; }
  66. td.right { text-align: right; }
  67. td.left { text-align: left; }
  68. td.center { text-align: center; }
  69. dt { font-weight: bold; }
  70. .footpara:nth-child(2) { display: inline; }
  71. .footpara { display: block; }
  72. .footdef { margin-bottom: 1em; }
  73. .figure { padding: 1em; }
  74. .figure p { text-align: center; }
  75. .inlinetask {
  76. padding: 10px;
  77. border: 2px solid gray;
  78. margin: 10px;
  79. background: #ffffcc;
  80. }
  81. #org-div-home-and-up
  82. { text-align: right; font-size: 70%; white-space: nowrap; }
  83. textarea { overflow-x: auto; }
  84. .linenr { font-size: smaller }
  85. .code-highlighted { background-color: #ffff00; }
  86. .org-info-js_info-navigation { border-style: none; }
  87. #org-info-js_console-label
  88. { font-size: 10px; font-weight: bold; white-space: nowrap; }
  89. .org-info-js_search-highlight
  90. { background-color: #ffff00; color: #000000; font-weight: bold; }
  91. /*]]>*/-->
  92. </style>
  93. <link rel="stylesheet" type="text/css" href="freedombone.css" />
  94. <script type="text/javascript">
  95. /*
  96. @licstart The following is the entire license notice for the
  97. JavaScript code in this tag.
  98. Copyright (C) 2012-2013 Free Software Foundation, Inc.
  99. The JavaScript code in this tag is free software: you can
  100. redistribute it and/or modify it under the terms of the GNU
  101. General Public License (GNU GPL) as published by the Free Software
  102. Foundation, either version 3 of the License, or (at your option)
  103. any later version. The code is distributed WITHOUT ANY WARRANTY;
  104. without even the implied warranty of MERCHANTABILITY or FITNESS
  105. FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
  106. As additional permission under GNU GPL version 3 section 7, you
  107. may distribute non-source (e.g., minimized or compacted) forms of
  108. that code without the copy of the GNU GPL normally required by
  109. section 4, provided you include this license notice and a URL
  110. through which recipients can access the Corresponding Source.
  111. @licend The above is the entire license notice
  112. for the JavaScript code in this tag.
  113. */
  114. <!--/*--><![CDATA[/*><!--*/
  115. function CodeHighlightOn(elem, id)
  116. {
  117. var target = document.getElementById(id);
  118. if(null != target) {
  119. elem.cacheClassElem = elem.className;
  120. elem.cacheClassTarget = target.className;
  121. target.className = "code-highlighted";
  122. elem.className = "code-highlighted";
  123. }
  124. }
  125. function CodeHighlightOff(elem, id)
  126. {
  127. var target = document.getElementById(id);
  128. if(elem.cacheClassElem)
  129. elem.className = elem.cacheClassElem;
  130. if(elem.cacheClassTarget)
  131. target.className = elem.cacheClassTarget;
  132. }
  133. /*]]>*///-->
  134. </script>
  135. </head>
  136. <body>
  137. <div id="preamble" class="status">
  138. <a name="top" id="top"></a>
  139. </div>
  140. <div id="content">
  141. <h1 class="title"></h1>
  142. <div class="figure">
  143. <p><img src="images/logo.png" alt="logo.png" width="80%" height="10%" align="center" />
  144. </p>
  145. </div>
  146. <div id="outline-container-sec-1" class="outline-2">
  147. <h2 id="sec-1">Social Instance</h2>
  148. <div class="outline-text-2" id="text-1">
  149. <p>
  150. A social instance image allows you to easily set up a fediverse server, which federates using the OStatus or ActivityPub protocol. You will need:
  151. </p>
  152. <ul class="org-ul">
  153. <li>An old laptop, capable of booting from USB
  154. </li>
  155. <li>A USB drive, preferably Sandisk and 16GB or larger
  156. </li>
  157. <li>An ethernet patch cable
  158. </li>
  159. <li>A domain name of your own
  160. </li>
  161. <li>A dynamic DNS account
  162. </li>
  163. <li>Ability to alter settings on your internet router
  164. </li>
  165. </ul>
  166. <p>
  167. The installation process is the same as usual, with the only difference being that on initial setup it will go straight to the domain setup details for your instance. In summary:
  168. </p>
  169. </div>
  170. </div>
  171. <div id="outline-container-sec-2" class="outline-2">
  172. <h2 id="sec-2">Copy the image to the USB drive</h2>
  173. <div class="outline-text-2" id="text-2">
  174. <p>
  175. Substitute <b>sdX</b> with the device name for your USB drive.
  176. </p>
  177. <div class="org-src-container">
  178. <pre class="src src-bash">sudo apt-get install xz-utils nodejs
  179. npm install -g dat
  180. dat clone dat://231b24dbeef3c3f7b115b9c7cd02e416b382df0a1050ef66f94b988fc8dae92e/
  181. cd 231b24dbeef3c3f7b115b9c7cd02e416b382df0a1050ef66f94b988fc8dae92e
  182. gpg --verify freedombone-pleroma-amd64.img.xz.sig
  183. unxz freedombone-pleroma-amd64.img.xz
  184. sudo dd if=/dev/zero of=/dev/sdX bs=32M count=8
  185. sudo dd bs=32M if=freedombone-pleroma-amd64.img of=/dev/sdX conv=fdatasync,sync,noerror
  186. </pre>
  187. </div>
  188. <p>
  189. Also note that if the laptop has a removable SSD drive it's possible to copy the image directly to that if you have enough equipment.
  190. </p>
  191. </div>
  192. </div>
  193. <div id="outline-container-sec-3" class="outline-2">
  194. <h2 id="sec-3">Connect the laptop to your internet router</h2>
  195. <div class="outline-text-2" id="text-3">
  196. <p>
  197. Plug the USB drive into the laptop and connect it to your internet router with the ethernet cable.
  198. </p>
  199. <div class="figure">
  200. <p><img src="images/laptop_router.jpg" alt="laptop_router.jpg" width="100%" align="center" />
  201. </p>
  202. </div>
  203. </div>
  204. </div>
  205. <div id="outline-container-sec-4" class="outline-2">
  206. <h2 id="sec-4">Boot the laptop from the USB drive</h2>
  207. <div class="outline-text-2" id="text-4">
  208. <p>
  209. You may need to alter the BIOS settings to get this to work reliably.
  210. </p>
  211. <div class="figure">
  212. <p><img src="images/bios_boot_usb.jpg" alt="bios_boot_usb.jpg" width="100%" align="center" />
  213. </p>
  214. </div>
  215. </div>
  216. </div>
  217. <div id="outline-container-sec-5" class="outline-2">
  218. <h2 id="sec-5">Forward ports 80 (HTTP) and 443 (HTTPS) from your internet router to the laptop</h2>
  219. <div class="outline-text-2" id="text-5">
  220. <p>
  221. Log into your internet router using a non-Tor browser (usually it's on an address like 192.168.1.1 or 192.168.1.254). Often port forwarding settings are together with firewall settings.
  222. </p>
  223. <div class="figure">
  224. <p><img src="images/port_forwarding.png" alt="port_forwarding.png" width="100%" align="center" />
  225. </p>
  226. </div>
  227. </div>
  228. </div>
  229. <div id="outline-container-sec-6" class="outline-2">
  230. <h2 id="sec-6">From another machine ssh into the laptop</h2>
  231. <div class="outline-text-2" id="text-6">
  232. <div class="org-src-container">
  233. <pre class="src src-bash">ssh fbone@freedombone.local -p 2222
  234. </pre>
  235. </div>
  236. <p>
  237. Or alternatively you can log in directly on the laptop. The initial username is <b>fbone</b> and the password is <b>freedombone</b>. You should make sure you write down or copy the new password when it is shown.
  238. </p>
  239. </div>
  240. </div>
  241. <div id="outline-container-sec-7" class="outline-2">
  242. <h2 id="sec-7">Follow the setup procedure</h2>
  243. <div class="outline-text-2" id="text-7">
  244. <p>
  245. Enter your user details, domain name and dynamic DNS settings.
  246. </p>
  247. </div>
  248. </div>
  249. <div id="outline-container-sec-8" class="outline-2">
  250. <h2 id="sec-8">When installation is complete</h2>
  251. <div class="outline-text-2" id="text-8">
  252. <p>
  253. Navigate to your domain and register a new user.
  254. </p>
  255. <div class="figure">
  256. <p><img src="images/pleroma_register.jpg" alt="pleroma_register.jpg" width="100%" align="center" />
  257. </p>
  258. </div>
  259. <p>
  260. More details about setting up and using Pleroma <a href="./app_pleroma.html">can be found here</a>.
  261. </p>
  262. <div class="figure">
  263. <p><img src="images/tusky.jpg" alt="tusky.jpg" width="50%" align="center" />
  264. </p>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div id="postamble" class="status">
  270. <style type="text/css">
  271. .back-to-top {
  272. position: fixed;
  273. bottom: 2em;
  274. right: 0px;
  275. text-decoration: none;
  276. color: #000000;
  277. background-color: rgba(235, 235, 235, 0.80);
  278. font-size: 12px;
  279. padding: 1em;
  280. display: none;
  281. }
  282. .back-to-top:hover {
  283. background-color: rgba(135, 135, 135, 0.50);
  284. }
  285. </style>
  286. <div class="back-to-top">
  287. <a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
  288. </div>
  289. </div>
  290. </body>
  291. </html>