index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>Talk on infra CA</title>
  7. <link rel="stylesheet" href="css/reset.css">
  8. <link rel="stylesheet" href="css/reveal.css">
  9. <link rel="stylesheet" href="css/theme/black.css">
  10. <!-- Theme used for syntax highlighting of code -->
  11. <link rel="stylesheet" href="lib/css/monokai.css">
  12. <!-- Printing and PDF exports -->
  13. <script>
  14. var link = document.createElement('link');
  15. link.rel = 'stylesheet';
  16. link.type = 'text/css';
  17. link.href = window.location.search.match(/print-pdf/gi) ? 'css/print/pdf.css' : 'css/print/paper.css';
  18. document.getElementsByTagName('head')[0].appendChild(link);
  19. </script>
  20. <style>
  21. .reveal h2 {
  22. font-size: 1.6em;
  23. }
  24. div.sfondo,
  25. ul.sfondo {
  26. background: rgba(25, 25, 25, 0.7);
  27. }
  28. li {
  29. padding: 0.4em 0;
  30. }
  31. ul#last li {
  32. padding: 0 0;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div class="reveal">
  38. <div class="slides">
  39. <section>
  40. <div class="sfondo">
  41. <h2>Internet fai da te</h2>
  42. e il progetto Ninux<br /><br />
  43. <small>Bisaboga - 25 febbraio 2021</small>
  44. </div>
  45. </section>
  46. <!--
  47. <section>
  48. <h2>title</h2>
  49. <p>subtitle</p>
  50. <ul>
  51. <li></li>
  52. <li></li>
  53. <li></li>
  54. <li></li>
  55. <li></li>
  56. <li></li>
  57. </ul>
  58. <aside class="notes"> </aside>
  59. </section>
  60. -->
  61. <section data-background="./imgs/fonte1.png">
  62. </section>
  63. <section data-background="./imgs/fonte2.jpg">
  64. </section>
  65. <section data-background="./imgs/fonte3.jpg">
  66. </section>
  67. <section>
  68. <div class="sfondo">
  69. <p>
  70. .. e innumerevoli link nell'internet che troverete a fine delle slide
  71. </p>
  72. </div>
  73. </section>
  74. <section>
  75. <div class="sfondo">
  76. <h2>
  77. comunicare a distanza
  78. </h2>
  79. </div>
  80. </section>
  81. <section>
  82. <div class="sfondo">
  83. <h2>
  84. reti ed astrazioni
  85. </h2>
  86. </div>
  87. </section>
  88. <section data-background="./imgs/cavitelegrafici.png">
  89. </section>
  90. <section>
  91. <div class="sfondo">
  92. <h2>
  93. la radio
  94. </h2>
  95. </div>
  96. </section>
  97. <section data-background="./imgs/radio.png">
  98. </section>
  99. <section data-background="./imgs/spettroel.png">
  100. </section>
  101. <section>
  102. <div class="sfondo">
  103. <h2>
  104. telefono e Internet
  105. </h2>
  106. </div>
  107. </section>
  108. <section data-background="./imgs/cavisubmarini.png">
  109. </section>
  110. <section data-background="./imgs/serverfarm.png">
  111. </section>
  112. <section data-background="./imgs/redes.png">
  113. <small>https://www.marialab.org/wp-content/uploads/2021/02/info-caminhos-internet.png</small>
  114. </section>
  115. <section>
  116. <div class="sfondo">
  117. <h2>
  118. attrezzi per costruire reti
  119. </h2>
  120. </div>
  121. </section>
  122. <section data-background="./imgs/attrezzi.png">
  123. </section>
  124. <section data-background="./imgs/crimpatrice.png">
  125. </section>
  126. <section data-background="./imgs/libremesh.png">
  127. </section>
  128. <section data-background="./imgs/libremesh.png">
  129. <!--h2>WHEN? </h2-->
  130. <div class="sfondo">
  131. <h2>software</h2>
  132. <p> https://libremesh.org/docs/en_quick_starting_guide.html!</p>
  133. </div>
  134. </section>
  135. <section>
  136. <div class="sfondo">
  137. <h2>https://ninux.org </h2>
  138. <p>e il pico peer agreement</p>
  139. </div>
  140. </section>
  141. <section>
  142. <div class="sfondo">
  143. <h2>
  144. ecologia e privacy su piccola scala
  145. </h2>
  146. </div>
  147. </section>
  148. <section>
  149. <div class="sfondo">
  150. <h2>La nostra rete a maglie</h2>
  151. <p>https://antennine.noblogs.org</p>
  152. <ul>
  153. <li>Abbiamo iniziato nel 2017</li>
  154. <li>15 nodi</li>
  155. <li>hardware: 50 persone circa, tplink, ubiquiti, librerouter.org, antenne e router di seconda mano</li>
  156. <li>software: libremesh.org (basato su openwrt); protocolli routing: batman adv (livello 2) e babeld (livello 3)</li>
  157. </ul>
  158. </ul>
  159. </div>
  160. </section>
  161. <section>
  162. <div class="sfondo">
  163. <h2>La gestione di rete</h2>
  164. <ul>
  165. <li>assemblea una volta l'anno</li>
  166. <li>ruoli informali: 3antenniste e 3amministrative</li>
  167. <li>differenti responsabilità</li>
  168. </ul>
  169. </div>
  170. </section>
  171. <section data-background="./imgs/attivi.png">
  172. </section>
  173. <section data-background="./imgs/possibili.png">
  174. </section>
  175. <section data-background="./imgs/montaggio.jpg">
  176. </section>
  177. <section data-background="./imgs/croara.jpg">
  178. </section>
  179. <section data-background="./imgs/antenna.jpg">
  180. </section>
  181. <section data-background="./imgs/piedi.jpg">
  182. </section>
  183. <section>
  184. <h2>Servizi interni</h2>
  185. <ul>
  186. <li>Nextcloud - cloud</li>
  187. <li>Transmission - torrent</li>
  188. <li>Umap - mappe</li>
  189. <li>Prometheus - metriche</li>
  190. <li>H5ai - pacchetti dei firmwares</li>
  191. <li>Graphana - grafici</li>
  192. </li>
  193. </section>
  194. <section data-background="./imgs/cloud.png">
  195. </section>
  196. <section data-background="./imgs/torrent.png">
  197. </section>
  198. <section data-background="./imgs/prometheus.png">
  199. </section>
  200. <section data-background="./imgs/binarifirmware.png">
  201. </section>
  202. <section data-background="./imgs/graphana.png">
  203. </section>
  204. <section>
  205. <div class="sfondo">
  206. <h3>Tecnologie femministe</h3>
  207. <p>la tecnologia come proporzione tra abilità e dipendenza</p>
  208. <ul>
  209. <li>non fare le cose da soli</li>
  210. <li>avere un ambiente di test</li>
  211. <li>documentare ogni cosa e spiegare la scelta degli algoritmi</li>
  212. <li>darsi il tempo per studiare</li>
  213. <li>non perdere la visione d'insieme, non essere troppo specializzati</li>
  214. </ul>
  215. </div>
  216. </section>
  217. <section>
  218. <div class="sfondo">
  219. <h3>perifericas kefir vedetas</h3>
  220. <p>OFICINA REDES AUTÔNOMAS<br />
  221. Introdução a redes autônomas
  222. </p>
  223. <small>https://vedetas.org/wp-content/uploads/2017/06/Introdu%C3%A7%C3%A3o-a-redes-aut%C3%B4nomas-VEDETAS_v4.pdf</small>
  224. </div>
  225. </section>
  226. <section data-background="./imgs/rede.png">
  227. </section>
  228. <section>
  229. <ul>
  230. <li>intimità e consenso</li>
  231. <li>memoria e narrazione</li>
  232. <li>sementi interconnesse</li>
  233. <li>auto governo</li>
  234. </ul>
  235. </section>
  236. <section>
  237. <div class="sfondo">
  238. <h2>Ma ne esistono nel mondo di cose così?</h2>
  239. </div>
  240. <aside class="notes"> </aside>
  241. </section>
  242. <section data-background="./imgs/moinho.png">
  243. <small>https://moinho.app</small>
  244. </section>
  245. <section data-background="./imgs/sarantoporo.png">
  246. <small>https://sarantaporo.gr</small>
  247. </section>
  248. <section data-background="./imgs/nycmesh.png">
  249. <p>1000</p>
  250. <small>https://www.nycmesh.net/</small>
  251. </section>
  252. <section data-background="./imgs/awmn.png">
  253. <p>3.700</p>
  254. <small>https://en.wikipedia.org/wiki/Athens_Wireless_Metropolitan_Network</small>
  255. </section>
  256. <section data-background="./imgs/freifunk.png">
  257. <p>41.000</p>
  258. <small>https://en.wikipedia.org/wiki/Freifunk</small>
  259. </section>
  260. <section data-background="./imgs/guifinet.png">
  261. <p>50.000</p>
  262. <small>https://en.wikipedia.org/wiki/Guifi.net</small>
  263. </section>
  264. <section data-background="./imgs/cardi.png">
  265. <div class="sfondo">
  266. <h2>thanks</h2>
  267. <p>questions?</p>
  268. <small>CC 4 - by-nc-sa ; slide in reveal.js</small>
  269. </div>
  270. <aside class="notes"> </aside>
  271. </section>
  272. <section>
  273. <p>thanks</p>
  274. <ul id="last">
  275. <li>ninux.org</li>
  276. <li>eclectictechcarnival.org</li>
  277. <li>campiaperti.org</li>
  278. <li>www.ecn.org/xm24</li>
  279. <li>autistici.org</li>
  280. <li>libremesh.org</li>
  281. <li>librerouter.org</li>
  282. <li>tetaneutral.net</li>
  283. <li>genuinoclandestino.it</li>
  284. <li>hackmeeting.org</li>
  285. </ul>
  286. <aside class="notes"> </aside>
  287. </section>
  288. <section>
  289. <p>extra</p>
  290. <ul>
  291. <li>reti a commutazione di circuito o di pacchetto</li>
  292. <li>il problema del multiplex</li>
  293. <li>lo stack iso/osi</li>
  294. <!--li>autistici.org</li>
  295. <li>libremesh.org</li>
  296. <li>librerouter.org</li>
  297. <li>tetaneutral.net</li>
  298. <li>genuinoclandestino.it</li>
  299. <li>hackmeeting.org</li-->
  300. </ul>
  301. <aside class="notes"> </aside>
  302. </section>
  303. </div>
  304. </div>
  305. <script src="js/reveal.js"></script>
  306. <script>
  307. // More info about config & dependencies:
  308. // - https://github.com/hakimel/reveal.js#configuration
  309. // - https://github.com/hakimel/reveal.js#dependencies
  310. Reveal.initialize({
  311. controls: true,
  312. progress: true,
  313. center: true,
  314. hash: true,
  315. transition: 'slide', // none/fade/slide/convex/concave/zoom
  316. dependencies: [{
  317. src: 'plugin/markdown/marked.js'
  318. },
  319. {
  320. src: 'plugin/markdown/markdown.js'
  321. },
  322. {
  323. src: 'plugin/notes/notes.js',
  324. async: true
  325. },
  326. {
  327. src: 'plugin/highlight/highlight.js',
  328. async: true
  329. }
  330. ]
  331. });
  332. </script>
  333. <script>
  334. var link = document.createElement('link');
  335. link.rel = 'stylesheet';
  336. link.type = 'text/css';
  337. link.href = window.location.search.match(/print-pdf/gi) ? 'css/print/pdf.css' : 'css/print/paper.css';
  338. document.getElementsByTagName('head')[0].appendChild(link);
  339. </script>
  340. </body>
  341. </html>