Compare commits
13 commits
b59405dbb7
...
c7b9602fe8
| Author | SHA1 | Date | |
|---|---|---|---|
| c7b9602fe8 | |||
| 9546c014ad | |||
| 276f1f0413 | |||
| 2b7917186d | |||
| 2f5eb7b3b0 | |||
| d447d38f72 | |||
| 205fcf0379 | |||
| 5844d2c452 | |||
| c60000852b | |||
| 76174fa56c | |||
| 41b7b8738b | |||
| 9fee30c81a | |||
| 840b777a0c |
6 changed files with 10960 additions and 1229 deletions
10751
bootstrap.css
vendored
Normal file
10751
bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
213
index.html
213
index.html
|
|
@ -1,118 +1,113 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>cisti — stai cisti</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="radical, server, independent, organise" />
|
||||
<meta name="keywords" content="anarchism, server, Torino, hacklab, underscore" />
|
||||
<meta name="author" content="stocazzo" />
|
||||
<!-- <link rel="stylesheet" href="static/fonts/Inconsolata.otf" > -->
|
||||
<link rel="stylesheet" href="static/css/animate.css">
|
||||
<link rel="stylesheet" href="static/css/fa.css">
|
||||
<link rel="stylesheet" href="static/css/flexslider.css">
|
||||
<link rel="stylesheet" href="static/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="static/css/style.css">
|
||||
<script src="static/js/modernizr-2.6.2.min.js"></script>
|
||||
<script src="static/js/jquery.min.js"></script>
|
||||
<script src="static/js/jquery.easing.1.3.js"></script>
|
||||
<script src="static/js/bootstrap.min.js"></script>
|
||||
<script src="static/js/jquery.waypoints.min.js"></script>
|
||||
<script src="static/js/jquery.flexslider-min.js"></script>
|
||||
<script src="static/js/main.js"></script>
|
||||
<!--
|
||||
e' veramente fatto coi piedi non prendere davvero spunto da qui
|
||||
trovi di molto meglio in giro, seriamente
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<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">
|
||||
<meta charset="utf-8">
|
||||
<title>Cisti</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="cisti.org, uno spazio digitale liberato, un server scapestrato e autogestito anticapitalista, antifascista, antirazzista, antisessista" />
|
||||
<meta name="keywords" content="server radicali, radical server, torino, hacking, hacklab, underscore, cisti, cisti.org, autogestione, hacktivism" />
|
||||
<meta name="author" content="underscore" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="cisti-loader"></div>
|
||||
|
||||
<div id="page">
|
||||
<header id="cisti-header" class="cisti-cover js-fullheight" role="banner">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-auto text-center ">
|
||||
<div class="display-tc js-fullheight">
|
||||
<div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
|
||||
<img src="static/images/logo.png" style="width: 55%; height: auto;"></br><br/><br/>
|
||||
|
||||
<!-- <h2> </br>
|
||||
<blockquote>lo puoi utilizzare come vuoi, tipo "fai cisti che ti fai male" oppure "fai cisti al palo mentre fai retro" anche se in realtà il termine viene utilizzato piu che altro in contesti "drogheggianti"...tipo "fate cisti se arriva qualcuno..." infatti la frase per intero è "CISTI MADAMA (la polizia, i carabinieri....) CI HA VISTI!" </blockquote>
|
||||
<div class="jumbotron">
|
||||
<h1 class="display-1">cisti</h1>
|
||||
<h1 class="display-1 org">.org</h1>
|
||||
<p class='lead'>uno spazio digitale liberato<br/>
|
||||
un server scapestrato e autogestito<br/>
|
||||
anticapitalista, antifascista, antirazzista, antisessista</p>
|
||||
<a href='#desc'><i class="fa fa-chevron-down" id='chevron'></i></a>
|
||||
</div>
|
||||
<a name="desc"> </a>
|
||||
|
||||
<div class='container'>
|
||||
|
||||
<p>Sono uno spazio digitale liberato. Mi potete trovare a Torino e dintorni. Non mi interessa sapere chi sei o dove vai. </p>
|
||||
</h2> -->
|
||||
<ul>
|
||||
<li>Uno spazio digitale liberato.</li>
|
||||
<li>Un server scapestrato e autogestito.</li>
|
||||
<li>Anticapitalista, antifascista, antirazzista, antisessista.</li>
|
||||
</ul>
|
||||
<p>
|
||||
<a class="btn btn-primary btn-lg btn-learn"
|
||||
href="#cisti-features"></i> Cos'e' Cisti ?</a>
|
||||
<!-- <a href="info.html" class="btn btn-primary btn-lg btn-learn"> Informati </a>
|
||||
<a href="contatti.html" class="btn btn-primary btn-lg btn-learn"> Contatti </a> -->
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>
|
||||
|
||||
<div id="cisti-features">
|
||||
<div class="container">
|
||||
<div class="services-padding">
|
||||
<div class="row">
|
||||
<div class="col-md-4 animate-box">
|
||||
<div class="feature-left">
|
||||
<span class="icon">
|
||||
<img class='logo' src='../static/images/gancio_logo.png' style='width: 40px'/>
|
||||
</span>
|
||||
<div class="feature-copy">
|
||||
<h3>Gancio</h3>
|
||||
<p>Un gestore di eventi per comunità radicali.</p>
|
||||
<p><a class="btn btn-primary btn-lg btn-learn" target='_blank' href="https://gancio.cisti.org">Vai su Gancio </a></p>
|
||||
</div>
|
||||
</div>
|
||||
<b>Cisti.org</b> nasce da un manipolo di hacker che ha deciso di rimboccarsi le macchine e di riprendere il controllo degli strumenti che si utilizzano per comunicare e organizzarsi quotidianamente.
|
||||
A noi piace definirlo server radicale, ed è la nostra risposta alle megamacchine digitali.
|
||||
<br/><br/>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4 animate-box">
|
||||
<div class="feature-left">
|
||||
<span class="icon">
|
||||
<i class='fab fa-mastodon'></i>
|
||||
</span>
|
||||
<div class="feature-copy">
|
||||
<h3>Mastodon</h3>
|
||||
<p>Social Indipendente, federato, radicale, antifascista, antisessista e antirazzista.</p>
|
||||
<p><a class="btn btn-lg btn-learn" href="https://mastodon.cisti.org" target="_blank"> Vai su Mastodon </a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 animate-box">
|
||||
<div class="feature-left">
|
||||
<span class="icon">
|
||||
<img class='logo' src="../static/images/pad.png" alt="">
|
||||
</span>
|
||||
<div class="feature-copy">
|
||||
<h3>Pad</h3>
|
||||
<p>Scrivi Collabora e Condividi testi con chi vuoi</p>
|
||||
<p><a class="btn btn-primary btn-lg btn-learn"
|
||||
href="https://pad.cisti.org">Vai sul pad</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<b>Cisti.org</b> è una cassetta degli attrezzi che contiene alcuni strumenti utili.
|
||||
|
||||
</div>
|
||||
<br/><br/>
|
||||
Ma allora cos'è cisti.org? Scoprilo qua sotto!
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
|
||||
<div class="gototop js-top">
|
||||
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<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="#facciamo">Facciamo</button>
|
||||
<!--<button class='btn btn-link' data-toggle="collapse" data-target="#cal">Cal</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/>
|
||||
Vi hanno cancellato l'evento su facebook? Avete organizzato due concerti hardcore nella stessa serata? Cosa faccio stasera? Gancio risponde a
|
||||
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/>
|
||||
<iframe style='height: 400px; border: 0px; width: 100%;' src="https://gancio.cisti.org/embed/list?title=Prossimi eventi&max=6"></iframe>
|
||||
⇒<a href='https://gancio.cisti.org' class='btn btn-link'>Visita gancio.cisti.org</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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
|
||||
esclusivamente al profitto, al controllo e alla collaborazione con le forze di polizia non è una scelta lungimirante.</p>
|
||||
<p>
|
||||
Nella ricerca di strumenti validi verso altre direzioni, abbiamo trovato mastodon.
|
||||
Mastodon non ha azionisti, è della comunità, non è controllato da nessuno centralmente, è federato, non è facile da censurare,
|
||||
non ti chiede i documenti nè la tua vera identità. Mastodon nasce circa tre anni fa con una prima forte spinta dalla comunità
|
||||
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/>⇒<a href='https://mastodon.cisti.org' class='btn btn-link'>Visita mastodon.cisti.org</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class='collapse' id='pad' data-parent='.container'>
|
||||
<p>
|
||||
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!
|
||||
<br/>⇒<a href='https://pad.cisti.org' class='btn btn-link'>Visita pad.cisti.org</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class='collapse' id='facciamo' data-parent='.container'>
|
||||
<p>
|
||||
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.
|
||||
<br/>⇒<a href='https://facciamo.cisti.org' class='btn btn-link'>Visita facciamo.cisti.org</a>
|
||||
</p></div>
|
||||
|
||||
<!--<div class='collapse' id='cal' data-parent='.container'>-->
|
||||
<!--<p>-->
|
||||
<!--Un calendario privato per organizzarsi in gruppo-->
|
||||
<!--</p></div>-->
|
||||
|
||||
<hr>
|
||||
<a name='chisiamo'></a>
|
||||
<h4>Chi siamo</h4>
|
||||
<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.
|
||||
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/><br/>
|
||||
Per contatti, scrivici a info chiocciola cisti.org
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
59
info.html
59
info.html
|
|
@ -1,59 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>cisti — info cisti</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="radical, server, independent, organise" />
|
||||
<meta name="keywords" content="anarchism, server, Torino, hacklab, underscore" />
|
||||
<meta name="author" content="stocazzo" />
|
||||
<link rel="stylesheet" href="static/fonts/Inconsolata.otf:400,700" >
|
||||
<link rel="stylesheet" href="static/css/animate.css">
|
||||
<link rel="stylesheet" href="static/css/icomoon.css">
|
||||
<link rel="stylesheet" href="static/css/flexslider.css">
|
||||
<link rel="stylesheet" href="static/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="static/css/style.css">
|
||||
<script src="static/js/modernizr-2.6.2.min.js"></script>
|
||||
<script src="static/js/jquery.min.js"></script>
|
||||
<script src="static/js/jquery.easing.1.3.js"></script>
|
||||
<script src="static/js/bootstrap.min.js"></script>
|
||||
<script src="static/js/jquery.waypoints.min.js"></script>
|
||||
<script src="static/js/jquery.flexslider-min.js"></script>
|
||||
<script src="static/js/main.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="cisti-loader"></div>
|
||||
|
||||
<div id="page">
|
||||
<header id="cisti-header" class="cisti-cover js-fullheight" role="banner">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2 text-center">
|
||||
<div class="display-t js-fullheight">
|
||||
<div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
|
||||
<img src="static/images/logo.svg" style="width: 55%; height: auto;"></br>
|
||||
<h3> INFO @ CISTI<h3>
|
||||
<h2> informazioni riguardo cisti ed i servizi offerti <h2>
|
||||
<p class="text">
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="gototop js-top">
|
||||
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
70
pad.html
70
pad.html
|
|
@ -1,70 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>cisti — info cisti</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="radical, server, independent, organise" />
|
||||
<meta name="keywords" content="anarchism, server, Torino, hacklab, underscore" />
|
||||
<meta name="author" content="stocazzo" />
|
||||
<link rel="stylesheet" href="static/fonts/Inconsolata.otf:400,700" >
|
||||
<link rel="stylesheet" href="static/css/animate.css">
|
||||
<link rel="stylesheet" href="static/css/icomoon.css">
|
||||
<link rel="stylesheet" href="static/css/flexslider.css">
|
||||
<link rel="stylesheet" href="static/css/bootstrap.css">
|
||||
<link rel="stylesheet" href="static/css/style.css">
|
||||
<script src="static/js/modernizr-2.6.2.min.js"></script>
|
||||
<script src="static/js/jquery.min.js"></script>
|
||||
<script src="static/js/jquery.easing.1.3.js"></script>
|
||||
<script src="static/js/bootstrap.min.js"></script>
|
||||
<script src="static/js/jquery.waypoints.min.js"></script>
|
||||
<script src="static/js/jquery.flexslider-min.js"></script>
|
||||
<script src="static/js/main.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="cisti-loader"></div>
|
||||
|
||||
<div id="page">
|
||||
<header id="cisti-header" class="cisti-cover js-fullheight" role="banner">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2 text-center">
|
||||
<div class="display-t js-fullheight">
|
||||
<div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
|
||||
<img src="static/images/logo.svg" style="width: 55%; height: auto;"></br>
|
||||
<h3> PAD @ CISTI<h3>
|
||||
<h2> informazioni riguardo cisti ed i servizi offerti <h2>
|
||||
<p class="text">
|
||||
|
||||
</p>
|
||||
|
||||
<div class="feature-copy">
|
||||
|
||||
<a class="btn btn-primary btn-lg btn-learn" href="https://pad.cisti.org/pad">Vai su Pad </a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="gototop js-top">
|
||||
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
1096
static/css/style.css
1096
static/css/style.css
File diff suppressed because it is too large
Load diff
BIN
static/images/gancio.ico
Normal file
BIN
static/images/gancio.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Loading…
Reference in a new issue