les 4 years ago
parent
commit
76174fa56c
2 changed files with 30 additions and 22 deletions
  1. 26 18
      index.html
  2. 4 4
      static/css/style.css

+ 26 - 18
index.html

@@ -1,7 +1,10 @@
 <!DOCTYPE html>
 <html lang="it">
   <head>
-	  <link rel="stylesheet" href="static/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">    
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>    
 	  <!-- <link rel="stylesheet" href="bootstrap.css"> -->
 	  <link rel="stylesheet" href="static/css/style.css">
 	  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
@@ -27,15 +30,21 @@
   <div class='container'>
 
     <p>
-      Cisti.org nasce dalla volontà di riprendere il controllo degli strumenti che utilizziamo per comunicare e organizzarci quotidianamente. <br/>
-      Qualcuno li chiama server radicali ma a noi piace anche il termine <i>"tecnologie conviviali"</i>, ed è la nostra risposta al capitalismo della sorveglianza.<br/>
+      <b>cisti.org</b> nasce dalla volontà di riprendere il controllo degli strumenti che utilizziamo per comunicare e organizzarci quotidianamente. <br/>
+      Qualcuno li chiama server radicali ma a noi piace anche il termine <i>"tecnologie conviviali"</i> ed è la nostra risposta al capitalismo della sorveglianza.<br/>
       Siamo un manipolo di hacker che ha deciso di rimboccarsi le macchine e sperimentare un approccio alla tecnologia autogestito e lontano dal profitto.
       Siamo convinti che una delle problematiche principali legate alle megamacchine digitali sia la scala, per questo cisti.org è un piccolo server che vuole
-      confrontarsi principalmente con le realtà torinesi.<br/><br/>
+      confrontarsi principalmente con le realtà di torino e dintorni.<br/><br/>
     </p>
     <hr>
     
-    <h4>Gancio <small> - un agenda condivisa per piccole comunità</small></h4>
+
+    <button class='btn btn-link' data-toggle="collapse" data-target="#gancio">Gancio</button>
+    <button class='btn btn-link' data-toggle="collapse" data-target="#mastodon">Mastodon</button>
+    <button class='btn btn-link' data-toggle="collapse" data-target="#pad">Pad</button>
+    <button class='btn btn-link' data-toggle="collapse" data-target="#fate">Fate</button>
+
+    <div class="collapse" id="gancio" data-parent='.container'>
     <p>
       Gancio nasce da carta canta, una fanzine bimestrale cartacea che qui a Torino raccoglie gli eventi dei movimenti sociali.
       Ci è sembrata una gran bella idea e abbiamo pensato che un posto che raccogliesse gli eventi locali fosse fondamentale.<br/>
@@ -43,12 +52,11 @@
       queste e altre domande.<br/>
       Gancio è un progetto interamente scritto da noi, è software libero ed è pensato per essere adottabile/adattabile facilmente da altre comunità,
       che ci sembra sia un bisogno non solo torinese.<br/><br/>
-      <button class='btn btn-primary'>Visita gancio.cisti.org</button>
+      ⇒<a href='https://gancio.cisti.org' class='btn btn-link'>Visita gancio.cisti.org</a>
     </p>
+    </div>
 
-    <hr>
-
-    <h4>Mastodon</h4>
+    <div class='collapse' id='mastodon' data-parent='.container'>
     <p>
       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
       mai stati. I movimenti (e in generale le persone) hanno però bisogno di comunicare e fondare la nostra comunicazione su piattaforme orientate
@@ -60,29 +68,29 @@
       LGBT alla ricerca di uno spazio digitale dove potersi esprimere serenamente.<br/>Ora i nodi che fanno parte della rete mastodon
       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
       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/>
-      <br/><button class='btn btn-primary'>Visita mastodon.cisti.org</button>
+      <br/>⇒<a href='https://mastodon.cisti.org' class='btn btn-link'>Visita mastodon.cisti.org</a>
     </p>
+    </div>
 
-    <hr>
-    <h4>Pad</small></h4>
+    <div class='collapse' id='pad' data-parent='.container'>
     <p>
       Un pad per collaborare 
-      <br/><button class='btn btn-primary'>Visita pad.cisti.org</button>
+      <br/>⇒<a href='https://pad.cisti.org' class='btn btn-link'>Visita pad.cisti.org</a>
     </p>
+    </div>
 
-    <hr>
-    <h4>Autodifesa</small></h4>
+    <div class='collapse' id='fate' data-parent='.container'>
     <p>
       Dopo vari corsi di autodifesa digitale abbiamo scritto delle slides fruibili anche via web.
-      <br/><a href='https://slides.fugadalcontrollo.org' class='btn btn-primary'>Visita fate.cisti.org</a>
-    </p>
+      <br/><a href='https://slides.fugadalcontrollo.org' class='btn btn-link'>Visita fate.cisti.org</a>
+    </p></div>
 
     <hr>
+    <a name='chisiamo'></a>
     <h4>Chi siamo</h4>
     <p>Cisti.org è uno dei progetti dell'<a href='https://autistici.org/underscore'>underscore hacklab di torino</a>, un laboratorio di sperimentazione e critica tecnologica lontano dalle logiche del profitto. 
       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.
       <br/>Tutti i lunedì dalle 13 alle 15 puoi ascoltare i nostri deliri su <a href='https://radioblackout.org/shows/stakka-stakka/'>stakkastakka</a>, una trasmissione che curiamo sulle libere frequenze di <a href='https://www.radioblackout.org'>Radio Blackout</a>.
-      
       Ci vediamo il mercoledì sera dalle 21 in poi al <a href='https://gabrio.noblogs.org'>C.S.O.A. Gabrio</a> (primo piano, prima stanza a sinistra) in Via Millio 42 a Torino, ma se vuoi passare a trovarci scrivi una mail per sicurezza a underscore chiocciola autistici.org.
     </p>
   </body>

+ 4 - 4
static/css/style.css

@@ -74,12 +74,12 @@ p a:hover {
 }
 
 /* // Small devices (landscape phones, 576px and up) */
-@media (min-width: 576px) { 
+@media (min-width: 576px) {
   html { font-size: 14px; }
 }
 
 /* // Medium devices (tablets, 768px and up) */
-@media (min-width: 768px) {  
+@media (min-width: 768px) {
   html { font-size: 18px; }
 }
 
@@ -89,8 +89,8 @@ p a:hover {
 }
 
 /* // Extra large devices (large desktops, 1200px and up) */
-@media (min-width: 1200px) { 
-  html { font-size: 22px; }
+@media (min-width: 1200px) {
+  html { font-size: 20px; }
 }
 /*