Browse Source

info / programma

les 4 years ago
parent
commit
34a26afdd0
5 changed files with 222 additions and 52 deletions
  1. 2 2
      docs/cfp.md
  2. 11 17
      docs/info.md
  3. 18 30
      docs/programma.md
  4. 7 3
      theme/css/theme.css
  5. 184 0
      theme/js/vinz.js

+ 2 - 2
docs/cfp.md

@@ -5,10 +5,10 @@ Se vuoi proporre un seminario, un workshop, un contributo, invia una e-mail all'
 Non deve essere un intervento tecnico, se fatto con passione e
 impegno tutto può avere un senso e essere utile per qualcun’altro.
 
-> L'hackЯocchio è stato annunciato!
+> #### L'hackЯocchio è stato annunciato!
 
 > Vuoi sbrodolare per 10 minuti o 2 ore la tua malsana idea?  
-Stai progettando la rivoluzione in c++?  
+Stai progettando la rivoluzione in html e c++?  
 Stai sublimando la tua libido nel do it yourself lisergico?  
 
 > Portaci il tuo feticcio indomabile, che sia il tuo progettino

+ 11 - 17
docs/info.md

@@ -1,9 +1,3 @@
-<!-- ehm, stiamo delineando i dettagli, nel frattempo segnatevi le date sull'agenda,
-organizzate le vostre carovane, preparate i vostri migliori tricks e mandateci
-i vostri contributi.
-
-vi teniamo aggiornati/e -->
-
 > <b>HackЯocchio</b> <small><i>s. m. [der. di hackЯocchiare] (pl. -chi)</i></small>  
 > <i>situazione o soluzione raffazzonata, raccogliticcia, approssimativa</i>
 
@@ -13,10 +7,10 @@ non è più sufficiente vedersi una volta l'anno.
 Sono nati così dei mini-hackmeeting, iniziative nate con quell'esperienza alle spalle ma con meno pretese, locali, sicuramente più intimi.
 
 [Hack or die](https://hacklabbo.indivia.net/hackordiye19/index.html) a bologna, [brugole e merletti](https://doityourtrash.noblogs.org/) a firenze,
-[connessioni caotiche](https://wiki.unit.abbiamoundominio.org/ConnessioniCaotiche2019) a milano, il [nack](https://nack.mshack.org) a napoli.
+[connessioni caotiche](https://wiki.unit.abbiamoundominio.org/ConnessioniCaotiche2019) a milano, il [nack](https://nack.mshack.org) a napoli. 
 
 Con queste premesse partiamo 
-<!-- È quindi con poche pretese e con lo spirito dell'accrocchio che ci contraddistingue (o forse che ci accomuna) che
+È quindi con poche pretese e con lo spirito dell'accrocchio che ci contraddistingue (o forse che ci accomuna) che
 l'<a href='https://autistici.org/underscore'>underscore hacklab</a> è lieto di annunciare una due giorni torinese. -->
 
 #### Quando
@@ -39,25 +33,25 @@ Saranno garantiti colazioni/pranzi/cene a un prezzo popolare.
 
 #### FAQ
 - **Chi tiene i seminari?**  
-Chi ne ha voglia. Se qualcuno vuole proporre un seminario, non deve fare altro che proporlo. Se la proposta piace, si calendarizza. Se non piace, si danno utili consigli per farla piacere.
-
+Chi ne ha voglia. Se vuoi proporre un seminario, non devi far altro che [proporlo](/contatti). Se la proposta piace, si calendarizza. Se non piace, si danno utili consigli per farla piacere.
+<!-- 
 - **Chi è un hacker?**  
-Gli hacker sono persone curiose, che non accettano di non poter mettere le mani sulle cose. Che si tratti di tecnologia o meno gli hackers reclamano la libertà di sperimentare. Smontare tutto per poi rifarlo o semplicemente capire come funziona. Gli hackers risolvono problemi e costruiscono le cose, credono nella libertà e nella condivisione. Non amano i sistemi chiusi. La forma mentis dell’hacker non è ristretta all’ambito del software-hacking: ci sono persone che mantengono un atteggiamento da hacker in ogni campo dell’esistente, spinti dallo stesso istinto creativo.
+Gli hacker sono persone curiose, che non accettano di non poter mettere le mani sulle cose. Che si tratti di tecnologia o meno gli hackers reclamano la libertà di sperimentare. Smontare tutto per poi rifarlo o semplicemente capire come funziona. Gli hackers risolvono problemi e costruiscono le cose, credono nella libertà e nella condivisione. Non amano i sistemi chiusi. La forma mentis dell’hacker non è ristretta all’ambito del software-hacking: ci sono persone che mantengono un atteggiamento da hacker in ogni campo dell’esistente, spinti dallo stesso istinto creativo. -->
 
 - **Ma cosa si fa, a parte seguire i seminari?**  
-Esiste un “lan-space”, vale a dire un’area dedicata alla rete: ognuno arriva col proprio portatile e si può mettere in rete con gli altri. In genere in questa zona è facile conoscere altri partecipanti, magari per farsi aiutare a installare Linux, per risolvere un dubbio, o anche solo per scambiare quattro chiacchiere. è un open-air festival, un meeting, un hacking party, un momento di riflessione, un’occasione di apprendimento collettivo, un atto di ribellione, uno scambio di idee, esperienze, sogni, utopie.
+Esiste un "lan-space", vale a dire un'area dedicata alla rete: si arriva col proprio aggeggio e ci si può mettere in rete insieme. In genere in questa zona è facile conoscere altre persone, magari per farsi aiutare ad installare linux, risolvere un dubbio, o anche solo per scambiare quattro chiacchiere. È un open-air festival, un meeting, un hacking party, un momento di riflessione, un’occasione di apprendimento collettivo, un atto di ribellione, uno scambio di idee, esperienze, sogni, utopie.
 
 - **Quanto costa l’ingresso?**
-
+L'ingresso è libero e gratuito ma se ci vuoi lasciare due spicci riusciamo a coprire i costi organizzativi.
 
 - **Cosa posso portare**  
-Se hai intenzione di utilizzare un computer, portalo accompagnato da una ciabatta elettrica. Non dimenticare una periferica di rete di qualche tipo (vedi cavi ethernet, switch e/o dispositivi WiFi). Ricordati inoltre di portare tutto l’hardware su cui vorrai smanettare con gli altri. Non contare sulla connessione ad internet del posto, se vuoi essere assolutamente sicuro di poterti connettere, portati una pennina 4G e il necessario per condividerla con tutti/e! In generale, cerca di essere autosufficiente sul lato tecnologico.
+Se hai intenzione di utilizzare un computer, portalo accompagnato da una ciabatta elettrica. Non dimenticare una periferica di rete di qualche tipo (vedi cavi ethernet, switch e/o dispositivi WiFi). In generale porta tutto l’hardware su cui vorrai smanettare con gli altri. Non contare sulla connessione ad internet del posto, se vuoi essere assolutamente sicuro di poterti connettere, portati una pennina 4G e il necessario per condividerla con tutti/e! In generale, cerca di essere autosufficiente sul lato tecnologico.
 
 - **Posso arrivare prima?**  
-Vuoi arrivare qualche giorno prima? Fantastico ma avvisaci.
+Vuoi arrivare qualche giorno prima? Fantastico ma [avvisaci](/contatti).
 
 - **Posso scattare foto, girare video, postare, taggare, condividere, uploadare?**  
 No
 
-- **Come ci si aspetta che si comportino tutte e tutti?**
-HackЯocchio è uno spazio autogestito, una zona temporaneamente autonoma e chi ci transita è responsabile che l'evento si svolga nel rispetto dell’antisessismo, antirazzismo e antifascimo. Se subisci o assisti a episodi di oppressione, aggressione, brute force, port scan, ping flood e altri DOS non consensuali e non sai come reagire o mitigare l’attacco, conta sul sostegno di tutta la comunità e non esitare a richiamare pubblicamente l’attenzione e chiedere aiuto.  
+- **Come ci si aspetta che si comportino tutte e tutti?**  
+Lo spirito della due giorni è quello del doityourself e dell’autogestione: porta i materiali di cui pensi ci sia bisogno, condividi saperi e attrezzi. Sentiti responsabile che il tutto si svolga nel rispetto dell’antisessismo, antirazzismo e antifascimo. Se subisci o assisti a episodi di oppressione, aggressione, brute force, port scan, ping flood e altri DOS non consensuali e non sai come reagire o mitigare l’attacco, conta sul sostegno di tutta la comunità e non esitare a richiamare pubblicamente l’attenzione e chiedere aiuto.  

+ 18 - 30
docs/programma.md

@@ -5,41 +5,29 @@ che comunque è soggetto a variazioni continue.
 Se vuoi proporre un seminario, un workshop, un contributo, invia una e-mail all'indirizzo <b>underscore [chiocciola] autistici.org</b> indicando il nome del talk, la durata, un piccolo abstract, il materiale richiesto (proiettore, lavagna, etc.) e un orario preferenziale.  
 <br/>
 
+Se l'intervento che hai in mente è più una suggestione o non te la senti di parlare per troppo tempo, sono previsti alcuni momenti dedicati ai "ten minutes talks".
+Di solito si tengono a fine giornata, qualcuno si occuperà di segnalare lo sforamento eccessivo dei dieci minuti.
+Puoi segnarti direttamente in loco
+
 #### Sabato 4 Aprile
 
-Quando | &nbsp; |Sala Gigowatt? | Sala Intimità?
----------|--- | ------------- | ------------
-`10:00` | | Assemblea  |
-`11:00` | | [Intro cose base](#intro) | 
-`12:00` | |   | 
+Ora | &nbsp; |   Sala 
+---------|--- | ------------- 
+`10:00` | | Assemblea 
 `13:00` | | **Pranzo**
-`15:00` | |   | Tavola rotonda radio?
-`16:00` | | Cisti / Mastodon  | 
-`17:00` | | [Gancio](#gancio)  | 
-`18:00` | |   | 
-`19:00` | | Censura su internet  |
-`20:00` | |   | 
-`21:00` | |   | 
-`22:00` | |   | 
-`23:00` | |   | 
-`00:00` | | **Ten minutes talk**
+`00:00` | | **Ten minutes talk**  
 
-<br/>
 
+ <br/>
 #### Domenica 5 Aprile
-Quando | &nbsp; |Sala Gigowatt? | Sala Intimità?
----------|--- | ------------- | ------------
-`10:00` | | Assemblea  |
-`11:00` | | Intro cose base | 
-`12:00` | |   | 
+
+Ora | &nbsp; |   Sala 
+---------|--- | ------------- 
+`10:00` | | Assemblea 
 `13:00` | | **Pranzo**
-`15:00` | |   | Tavola rotonda radio?
-`16:00` | | Cisti / Mastodon  | 
-`17:00` | | Gancio  | 
-`18:00` | |   | 
-`19:00` | | Censura su internet  |
-`20:00` | |   | 
-`21:00` | |   | 
-`22:00` | |   | 
-`23:00` | |   | 
 `00:00` | | **Ten minutes talk**
+
+<br/>
+
+#### Intro
+

+ 7 - 3
theme/css/theme.css

@@ -21,6 +21,10 @@ h1, h2, h3, h4 {
   font-weight: bold;
 }
 
+h4 {
+  font-size: 1.2em;
+}
+
 .section a {
   color: orange;
   transition: color .5s;
@@ -85,17 +89,17 @@ code {
 }
 
 .btn {
-  color: white !important;
+  color: black !important;
   background-color: red;
 }
 
 .btn:hover {
-  background-color: orangered;
+  color: white !important;
 }
 
 .nav-active, .nav-active:hover {
   background-color: black;
-  /* color: red !important; */
+  color: red !important;
 }
 
 @media (max-width: 480px) {

+ 184 - 0
theme/js/vinz.js

@@ -0,0 +1,184 @@
+function scrollText(cont_id, text, options = {}){
+
+	const opt = Object.assign({
+		letter_width: 30,
+		letter_height: 50,
+		background_color: 'transparent',
+		text_color: '#30f030',
+		movement_increment: 3,
+		interval_increment: 5,
+		random_color: false,
+		custom_color: false,
+		final_color: false,
+		initial_position_range: {
+			min: -300,
+			max: 300
+		},
+		change_letter_offset: 5
+	}, options);
+
+	const basic_colors = [
+		'#ff0000',
+		'#ffff00',
+		'#00ff00',
+		'#00ffff',
+		'#0000ff',
+		'#ff00ff',
+	];
+
+	var scrollText_offsets = [];
+
+	function randomInt(min,max){
+		return Math.floor(Math.random()*(max-min+1)+min);
+	}
+
+	function randomChar(){
+		const charlist = 'qazxswedcvfrtgbnhyujmkiolp1234567890_';
+		return charlist[randomInt(0, charlist.length-1)];
+	}
+
+	function intToHex(i) { 
+		let hex = Number(i).toString(16);
+		if (hex.length < 2) {
+			hex = "0" + hex;
+		}
+		return hex;
+	}
+
+	function upColor(elem, start, step, random, colors){
+		let newColor;
+		if(random){
+			if(colors){
+				if(!Array.isArray(colors)) colors = basic_colors;
+				newColor = colors[randomInt(0,colors.length-1)];
+			}else{
+				newColor = '#' + intToHex(randomInt(0,255)) + intToHex(randomInt(0,255)) + intToHex(randomInt(0,255));
+			}
+		}else{
+			newColor = opt.text_color;
+		}
+		elem.style.color = newColor + '' + intToHex(255 - (Math.round( (255*step)/start) ));
+	}
+
+	function move(i) {
+		let elem = document.getElementById('scrolltext_letter_part_' + i);
+		let start = scrollText_offsets[i];
+		let step;
+		if(start>0){
+			step = Math.abs(Math.round( (start+1) / opt.movement_increment ));
+		}else if(start<0){
+			step = Math.abs(Math.round( (start-1) / opt.movement_increment ));
+		}
+		let start_step = step;
+		function frame() {
+			if(start > 0){
+				start -= opt.movement_increment;
+				if(start<0)start = 0;
+			}else{
+				start += opt.movement_increment;
+				if(start>0) start = 0;
+			}
+			step--;
+			elem.style.left = start + 'px';
+			upColor(elem, start_step, step, opt.random_color, opt.custom_color);
+			if (start == 0){
+				clearInterval(scrolltext_intervall_id);
+				elem.innerHTML = text[i];
+				elem.style.zIndex = 200;
+				if(opt.final_color){
+					elem.style.color = opt.final_color;
+				}else{
+					/*fix alla buona quando la trasparenza non è a 1*/
+					let nv = elem.style.color.split(',');
+					if(nv.length>3){
+						nv[0] = nv[0].slice(nv[0].indexOf('(') + 1).trim();
+						elem.style.color = 'rgb(' + nv[0] + ',' + nv[1] + ',' + nv[2] + ')';
+					}
+				}
+			}else{
+				if(start % opt.change_letter_offset == 0)
+					elem.innerHTML = randomChar();
+			}
+		}
+		var scrolltext_intervall_id = setInterval(frame, opt.interval_increment);
+	}
+
+	let cont = document.getElementById(cont_id);
+	let html = '';
+	for (let i = 0, l = text.length; i < l; i++) {
+		scrollText_offsets[i] =  randomInt(opt.initial_position_range.min, opt.initial_position_range.max);
+		html += '<div class="scrolltext_letter" id="scrolltext_letter_part_' + i + '" style="'
+			+ 'color: ' + opt.text_color + '00; '
+			+ 'width: ' + opt.letter_width + 'px; '
+			+ 'height: ' + opt.letter_height + 'px; '
+			+ 'font-size: ' + (opt.letter_height - 10) + 'px; '
+			+ 'left: ' + scrollText_offsets[i] + 'px; '
+			+ '">' + randomChar() + '</div>';
+	}
+
+	cont.innerHTML = '<div class="scrolltext_container" style="'
+		+ 'background-color: ' + opt.background_color + '; '
+		+ 'height: ' + opt.letter_height + 'px; '
+		+ '">' + html + '</div>';
+
+	setTimeout(function(){
+		for (let i = 0; i < text.length; i++) {
+			move(i);
+		}
+	}, 200);
+}
+
+// const test = {
+// 	v1: function(){
+// 		scrollText('text_header', 'Hacklab_', {
+// 			movement_increment: 1,
+// 			interval_increment: 10,
+// 		});
+// 	},
+// 	v2: function(){
+// 		scrollText('text_header', 'Hacklab_', {
+// 			initial_position_range: {
+// 				min: -500,
+// 				max: 500
+// 			},
+// 			text_color: '#ff3a3a',
+// 			change_letter_offset: 7
+// 		});
+// 	},
+// 	v3: function(){
+// 		scrollText('text_header', 'Hacklab_', {
+// 			initial_position_range: {
+// 				min: 0,
+// 				max: 500
+// 			},
+// 			final_color: '#00ffff'
+// 		});
+// 	},
+// 	v4: function(){
+// 		scrollText('text_header', 'Hacklab_', {
+// 			random_color: true
+// 		});
+// 	},
+// 	v5: function(){
+// 		scrollText('text_header', 'Hacklab_', {
+// 			random_color: true,
+// 			custom_color: true
+// 		});
+// 	},
+// 	v6: function(){
+// 		scrollText('text_header', 'Hacklab_', {
+// 			random_color: true,
+// 			custom_color: ['#ff0000','#0000ff']
+// 		});
+// 	},
+// 	v7: function(){
+// 		scrollText('text_header', 'Hacklab_', {
+// 			random_color: true,
+// 			custom_color: true,
+// 			final_color: '#ff0000'
+// 		});
+// 	},
+// };
+
+scrollText('text_header', 'underscore hacklab');
+console.error('son qua?!?')