socialinstance.html 9.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340
  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-03-13 Tue 14:01 -->
  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="center">
  143. <div class="figure">
  144. <p><img src="images/logo.png" alt="logo.png" />
  145. </p>
  146. </div>
  147. </div>
  148. <div class="export">
  149. <p>
  150. <center>
  151. <h1>Social Instance</h1>
  152. </center>
  153. </p>
  154. </div>
  155. <p>
  156. A social instance image allows you to easily set up a fediverse server, which federates using the OStatus or ActivityPub protocol. You will need:
  157. </p>
  158. <ul class="org-ul">
  159. <li>An old laptop, capable of booting from USB
  160. </li>
  161. <li>A USB drive, preferably Sandisk and 16GB or larger
  162. </li>
  163. <li>An ethernet patch cable
  164. </li>
  165. <li>A domain name of your own
  166. </li>
  167. <li>A dynamic DNS account
  168. </li>
  169. </ul>
  170. <p>
  171. 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:
  172. </p>
  173. <div id="outline-container-sec-1" class="outline-2">
  174. <h2 id="sec-1">Copy the image to the USB drive</h2>
  175. <div class="outline-text-2" id="text-1">
  176. <p>
  177. Substitute <b>sdX</b> with the device name for your USB drive.
  178. </p>
  179. <div class="org-src-container">
  180. <pre class="src src-bash">sudo apt-get install xz-utils wget
  181. wget https://freedombone.net/downloads/current/freedombone-pleroma-amd64.img.xz
  182. wget https://freedombone.net/downloads/current/freedombone-pleroma-amd64.img.xz.sig
  183. gpg --verify freedombone-pleroma-amd64.img.xz.sig
  184. unxz freedombone-pleroma-amd64.img.xz
  185. sudo dd if=/dev/zero of=/dev/sdX bs=1M count=8
  186. sudo dd bs=1M if=freedombone-pleroma-amd64.img of=/dev/sdX conv=fdatasync
  187. </pre>
  188. </div>
  189. <p>
  190. 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.
  191. </p>
  192. </div>
  193. </div>
  194. <div id="outline-container-sec-2" class="outline-2">
  195. <h2 id="sec-2">Connect the laptop to your internet router</h2>
  196. <div class="outline-text-2" id="text-2">
  197. <p>
  198. Plug the USB drive into the laptop and connect it to your internet router with the ethernet cable.
  199. </p>
  200. <div class="center">
  201. <div class="figure">
  202. <p><img src="images/laptop_router.jpg" alt="laptop_router.jpg" />
  203. </p>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. <div id="outline-container-sec-3" class="outline-2">
  209. <h2 id="sec-3">Boot the laptop from the USB drive</h2>
  210. <div class="outline-text-2" id="text-3">
  211. <p>
  212. You may need to alter the BIOS settings to get this to work reliably.
  213. </p>
  214. <div class="center">
  215. <div class="figure">
  216. <p><img src="images/bios_boot_usb.jpg" alt="bios_boot_usb.jpg" />
  217. </p>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. <div id="outline-container-sec-4" class="outline-2">
  223. <h2 id="sec-4">Forward ports 80 (HTTP) and 443 (HTTPS) from your internet router to the laptop</h2>
  224. <div class="outline-text-2" id="text-4">
  225. <p>
  226. 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.
  227. </p>
  228. <div class="center">
  229. <div class="figure">
  230. <p><img src="images/port_forwarding.png" alt="port_forwarding.png" />
  231. </p>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. <div id="outline-container-sec-5" class="outline-2">
  237. <h2 id="sec-5">From another machine ssh into the laptop</h2>
  238. <div class="outline-text-2" id="text-5">
  239. <div class="org-src-container">
  240. <pre class="src src-bash">ssh fbone@freedombone.local -p 2222
  241. </pre>
  242. </div>
  243. <p>
  244. 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.
  245. </p>
  246. </div>
  247. </div>
  248. <div id="outline-container-sec-6" class="outline-2">
  249. <h2 id="sec-6">Follow the setup procedure</h2>
  250. <div class="outline-text-2" id="text-6">
  251. <p>
  252. Enter your user details, domain name and dynamic DNS settings.
  253. </p>
  254. </div>
  255. </div>
  256. <div id="outline-container-sec-7" class="outline-2">
  257. <h2 id="sec-7">When installation is complete</h2>
  258. <div class="outline-text-2" id="text-7">
  259. <p>
  260. Navigate to your domain and register a new user.
  261. </p>
  262. <div class="center">
  263. <div class="figure">
  264. <p><img src="images/pleroma_register.jpg" alt="pleroma_register.jpg" />
  265. </p>
  266. </div>
  267. </div>
  268. <p>
  269. More details about setting up and using Pleroma <a href="./app_pleroma.html">can be found here</a>.
  270. </p>
  271. <div class="center">
  272. <div class="figure">
  273. <p><img src="images/tusky.jpg" alt="tusky.jpg" />
  274. </p>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. <div id="postamble" class="status">
  281. <style type="text/css">
  282. .back-to-top {
  283. position: fixed;
  284. bottom: 2em;
  285. right: 0px;
  286. text-decoration: none;
  287. color: #000000;
  288. background-color: rgba(235, 235, 235, 0.80);
  289. font-size: 12px;
  290. padding: 1em;
  291. display: none;
  292. }
  293. .back-to-top:hover {
  294. background-color: rgba(135, 135, 135, 0.50);
  295. }
  296. </style>
  297. <div class="back-to-top">
  298. <a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
  299. </div>
  300. </div>
  301. </body>
  302. </html>