index.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!--
  2. e' veramente fatto coi piedi non prendere davvero spunto da qui
  3. trovi di molto meglio in giro, seriamente
  4. -->
  5. <!DOCTYPE html>
  6. <html lang="it">
  7. <head>
  8. <link rel="stylesheet" href="./static/css/bootstrap.min.css">
  9. <script src="./static/js/jquery.min.js"></script>
  10. <script src="./static/js/bootstrap.min.js"></script>
  11. <!-- <link rel="stylesheet" href="bootstrap.css"> -->
  12. <link rel="stylesheet" href="./static/css/style.css">
  13. <meta charset="utf-8">
  14. <title>Cisti</title>
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16. <meta name="description" content="cisti.org, uno spazio digitale liberato, un server scapestrato e autogestito anticapitalista, antifascista, antirazzista, antisessista" />
  17. <meta name="keywords" content="server radicali, radical server, torino, hacking, hacklab, underscore, cisti, cisti.org, autogestione, hacktivism" />
  18. <meta name="author" content="underscore" />
  19. </head>
  20. <body>
  21. <div class="jumbotron">
  22. <h1 class="display-1">cisti</h1>
  23. <h1 class="display-1 org">.org</h1>
  24. <p class='lead'>uno spazio digitale liberato<br/>
  25. un server scapestrato e autogestito<br/>
  26. anticapitalista, antifascista, antirazzista, antisessista</p>
  27. <a href='#desc'>
  28. <svg version="1.1" id="chevron" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 444.819 444.819" style="enable-background:new 0 0 444.819 444.819;" xml:space="preserve">
  29. <path d="M434.252,114.203l-21.409-21.416c-7.419-7.04-16.084-10.561-25.975-10.561c-10.095,0-18.657,3.521-25.7,10.561 L222.41,231.549L83.653,92.791c-7.042-7.04-15.606-10.561-25.697-10.561c-9.896,0-18.559,3.521-25.979,10.561l-21.128,21.416 C3.615,121.436,0,130.099,0,140.188c0,10.277,3.619,18.842,10.848,25.693l185.864,185.865c6.855,7.23,15.416,10.848,25.697,10.848 c10.088,0,18.75-3.617,25.977-10.848l185.865-185.865c7.043-7.044,10.567-15.608,10.567-25.693 C444.819,130.287,441.295,121.629,434.252,114.203z"/>
  30. </svg>
  31. </div>
  32. <a name="desc">&nbsp;</a>
  33. <div class='container'>
  34. <p>
  35. <b>Cisti.org</b> nasce da un manipolo di hacker che ha deciso di rimboccarsi le macchine e riprendere il controllo degli strumenti che si utilizzano per comunicare e organizzarsi quotidianamente.
  36. A noi piace definirlo server radicale, ed è la nostra risposta alle megamacchine digitali.
  37. <br/><br/>
  38. <b>Cisti.org</b> è una cassetta degli attrezzi, scoprili qui sotto:
  39. <hr>
  40. <button class='btn btn-link' data-toggle="collapse" data-target="#gancio">Gancio</button>
  41. <button class='btn btn-link' data-toggle="collapse" data-target="#mastodon">Mastodon</button>
  42. <button class='btn btn-link' data-toggle="collapse" data-target="#pad">Pad</button>
  43. <button class='btn btn-link' data-toggle="collapse" data-target="#facciamo">Facciamo</button>
  44. <button class='btn btn-link' data-toggle="collapse" data-target="#farma">Farma</button>
  45. <!--<button class='btn btn-link' data-toggle="collapse" data-target="#cal">Cal</button>-->
  46. <div class="collapse" id="gancio" data-parent='.container'>
  47. <p>
  48. Gancio nasce da carta canta, una fanzine bimestrale cartacea che qui a Torino raccoglie gli eventi dei movimenti sociali.
  49. Ci è sembrata una gran bella idea e abbiamo pensato che un posto che raccogliesse gli eventi locali fosse fondamentale.<br/>
  50. Vi hanno cancellato l'evento su facebook? Avete organizzato due concerti hardcore nella stessa serata? Cosa faccio stasera? Gancio risponde a
  51. queste e altre domande.<br/>
  52. Gancio è un progetto interamente scritto da noi, è software libero ed è pensato per essere adottabile/adattabile facilmente da altre comunità,
  53. che ci sembra sia un bisogno non solo torinese.<br/><br/>
  54. <iframe style='height: 400px; border: 0px; width: 100%;' src="https://gancio.cisti.org/embed/list?title=Prossimi eventi&max=6"></iframe>
  55. ⇒<a href='https://gancio.cisti.org' class='btn btn-link'>Visita gancio.cisti.org</a>
  56. </p>
  57. </div>
  58. <div class='collapse' id='mastodon' data-parent='.container'>
  59. <p>
  60. Mastodon e' un social network. Sappiamo che per molti e molte è una brutta parola, anche per molti di noi che sui social network commerciali non ci sono
  61. mai stati. I movimenti (e in generale le persone) hanno però bisogno di comunicare e fondare la nostra comunicazione su piattaforme orientate
  62. esclusivamente al profitto, al controllo e alla collaborazione con le forze di polizia non è una scelta lungimirante.</p>
  63. <p>
  64. Nella ricerca di strumenti validi verso altre direzioni, abbiamo trovato mastodon.
  65. Mastodon non ha azionisti, è della comunità, non è controllato da nessuno centralmente, è federato, non è facile da censurare,
  66. non ti chiede i documenti nè la tua vera identità. Mastodon nasce circa tre anni fa con una prima forte spinta dalla comunità
  67. LGBT alla ricerca di uno spazio digitale dove potersi esprimere serenamente.<br/>Ora i nodi che fanno parte della rete mastodon
  68. sono tanti, più di 6mila con circa tre milioni di utenti. Spiegare mastodon in due righe non e' immediato ma potete trovare <a href='https://mastodon.cisti.org/about/more'>qua
  69. alcune delle riflessioni</a> che ci hanno accompagnato in questo percorso. Potete anche guardare <a href='https://peertube.social/videos/watch/d7fabc85-f110-4699-beb0-7edf6d4082ba'>un breve video esplicativo</a>.<br/>
  70. <br/>⇒<a href='https://mastodon.cisti.org' class='btn btn-link'>Visita mastodon.cisti.org</a>
  71. </p>
  72. </div>
  73. <div class='collapse' id='pad' data-parent='.container'>
  74. <p>
  75. La lista della spesa, il comunicato di rivendicazione per le zecche indipendenti, gli accolli per quell* che non hanno partecipato alla riunione, quel report maledetto dell'assemblea per la banda autogestita di quartiere... Hai tanto da scrivere ma non vorresti farlo da solo? Il pad è uno strumento indispensabile per organizzare le attività collettive, scrivere documenti a più mani, condividere testi in cerca di correzioni e revisioni. Noi lo usiamo da anni, ce ne sono tanti di svariate forme e colori, ma il nostro è speciale! È cisti! Aprilo e usalo come ti pare!
  76. <br/>⇒<a href='https://pad.cisti.org' class='btn btn-link'>Visita pad.cisti.org</a>
  77. </p>
  78. </div>
  79. <div class='collapse' id='facciamo' data-parent='.container'>
  80. <p>
  81. La paranoia si sente nell'aria? Abbiamo scritto una panoramica concisa di autodifesa digitale. Rappresenta un'insieme di conoscenze e buone pratiche tratte da varie fonti ed esperienze.
  82. <br/>⇒<a href='https://facciamo.cisti.org' class='btn btn-link'>Visita facciamo.cisti.org</a>
  83. </p></div>
  84. <div class='collapse' id='farma' data-parent='.container'>
  85. <p>
  86. Un attrezzo per chiacchierare a voce col tuo collettivo al tempo della pandemia globale (ma anche dopo).
  87. Si basa su un software di nome mumble, se non lo hai mai usato prima abbiamo scritto una guida <a href='https://prove.fugadalcontrollo.org/appunti/mumble'>qui</a>.
  88. <br/>⇒<a href='https://farma.cisti.org' class='btn btn-link'>Visita farma.cisti.org</a>
  89. </p></div>
  90. <!--<div class='collapse' id='cal' data-parent='.container'>-->
  91. <!--<p>-->
  92. <!--Un calendario privato per organizzarsi in gruppo-->
  93. <!--</p></div>-->
  94. <hr>
  95. <a name='chisiamo'></a>
  96. <h4>Chi siamo</h4>
  97. <p>Cisti.org nasce nelle fumose stanze dell'<a href='https://autistici.org/underscore'>hacklab underscore di torino</a>, un laboratorio di sperimentazione e critica tecnologica lontano dalle logiche del profitto.
  98. Ci occupiamo non solo di tecnica ma anche di politica in quanto crediamo che la tecnologia non sia neutra, che Internet possa diventare anche un strumento di oppressione, che l'informazione e il software debbano essere liberi e che le conoscenze non siano merce. Per noi l'hacking è studio e condivisione, sperimentazione e uso consapevole ma anche non convenzionale degli strumenti.
  99. <br/><br/>
  100. Per contatti, scrivici a info chiocciola cisti.org
  101. </p>
  102. </body>
  103. </html>