jops/talk-social-autogestiti
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

presentazione copernico

Browse source
This commit is contained in:
jops 2024-10-26 19:42:04 +02:00
parent 7ff5318dbd
commit 64358d58f6
1 changed files with 309 additions and 391 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

210
index.html
View file

@ -3,13 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>reveal.js</title> <title>reveal.js</title>
<link rel="stylesheet" href="dist/reset.css"> <link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css"> <link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/black.css"> <link rel="stylesheet" href="dist/theme/black.css">
<!-- Theme used for syntax highlighted code --> <!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css"> <link rel="stylesheet" href="plugin/highlight/monokai.css">
</head> </head>
@ -26,39 +23,30 @@
<aside class="notes" > <aside class="notes" >
<p style="font-size:12px;"> <p style="font-size:12px;">
claudio unguendoli claudio unguendoli
</p></aside> </p>
</aside>
</section> </section>
<section>
<section>
<h2>Mi presento</h2> <h2>Mi presento</h2>
<p></p> <p></p>
<div class="r-stack"> <div class="r-stack">
<img src="images/io.png" width="600" height="500" class="fragment"> <img src="images/io.png" width="600" height="500" class="fragment">
<img src="images/bida-logo.png" width="550" height="450" class="fragment"> <img src="images/bida-logo.png" width="550" height="450" class="fragment">
<img src="images/hacklabbo.jpg" width="600" height="500" class="fragment"> <img src="images/hacklabbo.jpg" width="600" height="500" class="fragment">
</div> </div>
<aside class="notes" > <aside class="notes" >
Siamo un gruppo di hacker e tecnici critici impegnati nello sviluppo e nella distribuzione di strumenti digitali per supportare l’organizzazione autonoma delle persone. Utilizziamo e creiamo software libero e open source, puntando a un internet libero basato su federazione, decentralizzazione e accessibilità. Da anarchici, crediamo che per costruire una società di solidarietà e libertà sia essenziale considerare il ruolo delle tecnologie; per questo promuoviamo un uso consapevole degli strumenti digitali e ci impegniamo a sensibilizzare sulle implicazioni del rapporto tra persone e tecnologia. Siamo un gruppo di hacker e tecnici critici impegnati nello sviluppo e nella distribuzione di strumenti digitali per supportare l’organizzazione autonoma delle persone. Utilizziamo e creiamo software libero e open source, puntando a un internet libero basato su federazione, decentralizzazione e accessibilità. Da anarchici, crediamo che per costruire una società di solidarietà e libertà sia essenziale considerare il ruolo delle tecnologie; per questo promuoviamo un uso consapevole degli strumenti digitali e ci impegniamo a sensibilizzare sulle implicazioni del rapporto tra persone e tecnologia.
vag= spazio libero autogestito
vag= spazio libero autogestito hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi per farlo. Anche se non ha mai visto un computer in vita sua
</p>
</aside>
hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi per farlo. Anche se non ha mai visto un computer in vita sua
</p></aside>
</section> </section>
<section> <section>
<h2>Parleremo di Social Network</h2> <h2>Parleremo di Social Network</h2>
<p></p> <p></p>
<ol> <ol>
<li>Problematiche e soluzioni trovate <li>Problematiche e soluzioni trovate
<br> <br>
</li> </li>
<li>Fediverso <li>Fediverso
</li> </li>
@ -66,24 +54,18 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
</li> </li>
<li>Nostra esperienza <li>Nostra esperienza
</li> </li>
</ol> </ol>
<aside class="notes" > <aside class="notes" >
</p>
</aside>
</p></aside>
</section> </section>
<section> <section>
<h2>Quali sono i social network conosciuti?</h2> <h2>Quali sono i social network conosciuti?</h2>
<img src="/images/socialnetworks.jpeg"> <img src="/images/socialnetworks.jpeg">
</ol> </ol>
<aside class="notes" > <aside class="notes" >
</p>
</aside>
</p></aside>
</section> </section>
<section> <section>
<h2>Alcuni aspetti positivi</h2> <h2>Alcuni aspetti positivi</h2>
@ -95,10 +77,8 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
<li>Strumento per l’apprendimento e la crescita personale</li> <li>Strumento per l’apprendimento e la crescita personale</li>
<li>Sostegno e creazione di comunità</li> <li>Sostegno e creazione di comunità</li>
</ul> </ul>
<!-- Immagine con faccina che ride in alto a destra --> <!-- Immagine con faccina che ride in alto a destra -->
<img src="/images/faccinaride.png" alt="Faccina che ride" style="position: absolute; top: 50px; right: 30px; width: 200px;"> <img src="/images/faccinaride.png" alt="Faccina che ride" style="position: absolute; top: 50px; right: 30px; width: 200px;">
<aside class="notes"> <aside class="notes">
<ul> <ul>
<li>Piattaforme di espressione e creatività</li> <li>Piattaforme di espressione e creatività</li>
@ -107,11 +87,9 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
<li>Strumento di intrattenimento</li> <li>Strumento di intrattenimento</li>
</ul> </ul>
</aside> </aside>
</section> </section>
<section> <section>
<h2>Aspetti negativi</h2> <h2>Aspetti negativi</h2>
<ul> <ul>
<li class="fragment">Dipendenza, gamification</li> <li class="fragment">Dipendenza, gamification</li>
<li class="fragment">Contenuti sessisti, razzisti e fascisti</li> <li class="fragment">Contenuti sessisti, razzisti e fascisti</li>
@ -122,90 +100,65 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
<li class="fragment">Commercializzazione dell’attenzione</li> <li class="fragment">Commercializzazione dell’attenzione</li>
<li class="fragment">Software chiuso</li> <li class="fragment">Software chiuso</li>
</ul> </ul>
<!-- Immagine con faccina triste in alto a destra --> <!-- Immagine con faccina triste in alto a destra -->
<img src="/images/sad.png" alt="Faccina triste" style="position: absolute; top: 50px; right: 10px; width: 200px;"> <img src="/images/sad.png" alt="Faccina triste" style="position: absolute; top: 50px; right: 10px; width: 200px;">
<aside class="notes"> <aside class="notes">
<ul> <ul>
</ul> </ul>
</aside> </aside>
</section> </section>
<section> <section>
<h4>Cosa ci ha portato a questo studio?</h4> <h4>Cosa ci ha portato a questo studio?</h4>
<div style="position: relative; width: 500px; height: 500px; margin: 0 auto;"> <div style="position: relative; width: 500px; height: 500px; margin: 0 auto;">
<!-- Prima immagine (in alto) --> <!-- Prima immagine (in alto) -->
<img src="/images/hackmeeting.jpeg" alt="Immagine 1" class="fragment" style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 300px;"> <img src="/images/hackmeeting.jpeg" alt="Immagine 1" class="fragment" style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 300px;">
<!-- Seconda immagine (in basso a sinistra) --> <!-- Seconda immagine (in basso a sinistra) -->
<img src="/images/berneri.jpeg" alt="Immagine 2" class="fragment" style="position: absolute; bottom: 30%; left: 10%; transform: translate(-50%, 50%); width: 300px;"> <img src="/images/berneri.jpeg" alt="Immagine 2" class="fragment" style="position: absolute; bottom: 30%; left: 10%; transform: translate(-50%, 50%); width: 300px;">
<!-- Terza immagine (in basso a destra) --> <!-- Terza immagine (in basso a destra) -->
<img src="/images/xm24.jpg" alt="Immagine 3" class="fragment" style="position: absolute; bottom: 30%; right: 10%; transform: translate(50%, 50%); width: 300px;"> <img src="/images/xm24.jpg" alt="Immagine 3" class="fragment" style="position: absolute; bottom: 30%; right: 10%; transform: translate(50%, 50%); width: 300px;">
</div> </div>
<aside class="notes"> <aside class="notes">
<p style="font-size:12px;"> <p style="font-size:12px;">
Struttura data in affidamenteo agli anarchici come risarcimento da parte delle forze antifasciste attraverso una delibera comunale del 1972 (sindaco Zagheri) come risarcimento per la distruzione da parte delle squadracce fasciste della sede della Camera del Lavoro di via lame, costruita dalla cooperativa Terraioli, e in cui al secondo piano c'erano gli ananarchici. Sia anche come riconoscimento per il contributo alla resistenza </p> Struttura data in affidamenteo agli anarchici come risarcimento da parte delle forze antifasciste attraverso una delibera comunale del 1972 (sindaco Zagheri) come risarcimento per la distruzione da parte delle squadracce fasciste della sede della Camera del Lavoro di via lame, costruita dalla cooperativa Terraioli, e in cui al secondo piano c'erano gli ananarchici. Sia anche come riconoscimento per il contributo alla resistenza
</p>
</aside> </aside>
</section> </section>
<section>
<section>
<h4>Free software la risposta</h4> <h4>Free software la risposta</h4>
<img src="/images/stallman.jpg" height="400px" > <img src="/images/stallman.jpg" height="400px" >
<aside class="notes"> <aside class="notes">
<p style="font-size:12px;"> <p style="font-size:12px;">
<!-- Note a piè di pagina --> <!-- Note a piè di pagina -->
</p> </p>
</aside> </aside>
</section> </section>
<section>
<section>
<h2>Alcuni tentativi</h2> <h2>Alcuni tentativi</h2>
<img src="/images/primamastodon.png" style="width: 80%; max-width: 1000px; height: auto; display: block; margin: 0 auto;"> <img src="/images/primamastodon.png" style="width: 80%; max-width: 1000px; height: auto; display: block; margin: 0 auto;">
<aside class="notes"> <aside class="notes">
<p style="font-size: 12px;"> <p style="font-size: 12px;">
Questi progetti hanno aperto la strada a piattaforme come Mastodon, mostrando la domanda di alternative più etiche e controllate dagli utenti nel panorama dei social media. Questi progetti hanno aperto la strada a piattaforme come Mastodon, mostrando la domanda di alternative più etiche e controllate dagli utenti nel panorama dei social media.
</p> </p>
</aside> </aside>
</section> </section>
<section>
<section>
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;"> <img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
<br><br> <br><br>
<p> <p>
Mastodon è un social network distribuito, federabile, simile a Twitter, ma amministrato in modo decentralizzato. Ogni server (o "instance") mantiene la propria autonomia e dialoga con altre instance attraverso gli standard aperti (ActivityPub). <br> Mastodon è un social network distribuito, federabile, simile a Twitter, ma amministrato in modo decentralizzato. Ogni server (o "instance") mantiene la propria autonomia e dialoga con altre instance attraverso gli standard aperti (ActivityPub). <br>
Ogni instance di mastodon rappresenta un'isola dove gli/le utent* condividono degli interessi e una policy di comportamento. Ogni instance di mastodon rappresenta un'isola dove gli/le utent* condividono degli interessi e una policy di comportamento.
</p> </p>
<aside class="notes"> <aside class="notes">
<p style="font-size: 12px;"> <p style="font-size: 12px;">
Mastodon è stato lanciato nel 2016 e ha guadagnato popolarità come alternativa etica a piattaforme centralizzate. Gli utenti possono scegliere la propria istanza in base ai loro interessi e valori. Mastodon è stato lanciato nel 2016 e ha guadagnato popolarità come alternativa etica a piattaforme centralizzate. Gli utenti possono scegliere la propria istanza in base ai loro interessi e valori.
</p> </p>
</aside> </aside>
</section> </section>
<section data-background-iframe="https://www.youtube.com/embed/l77qyyaD10I" data-background-interactive> <section data-background-iframe="https://www.youtube.com/embed/l77qyyaD10I" data-background-interactive>
</section> </section>
<section>
<section>
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;"> <img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
<br><br> <br><br>
<h3>Caratteristiche principali:</h3> <h3>Caratteristiche principali:</h3>
<ul> <ul>
<li class="fragment">Decentralizzazione: Non esiste un unico server centrale.</li> <li class="fragment">Decentralizzazione: Non esiste un unico server centrale.</li>
@ -214,29 +167,24 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
<li class="fragment">Interoperabilità: Gli utenti possono seguire altri utenti su istanze diverse.</li> <li class="fragment">Interoperabilità: Gli utenti possono seguire altri utenti su istanze diverse.</li>
<li class="fragment">Free Software</li> <li class="fragment">Free Software</li>
</ul> </ul>
<aside class="notes"> <aside class="notes">
<p style="font-size: 12px;"> <p style="font-size: 12px;">
Mastodon è stato lanciato nel 2016 e ha guadagnato popolarità come alternativa etica a piattaforme centralizzate. Gli utenti possono scegliere la propria istanza in base ai loro interessi e valori. Mastodon è stato lanciato nel 2016 e ha guadagnato popolarità come alternativa etica a piattaforme centralizzate. Gli utenti possono scegliere la propria istanza in base ai loro interessi e valori.
</p> </p>
</aside> </aside>
</section> </section>
<section data-background-image="/images/presentazione1.png" data-background-size="cover" data-background-position="center"></section> <section data-background-image="/images/presentazione1.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione2.png" data-background-size="cover" data-background-position="center"></section> <section data-background-image="/images/presentazione2.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione3.png" data-background-size="cover" data-background-position="center"></section> <section data-background-image="/images/presentazione3.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione4.png" data-background-size="cover" data-background-position="center"></section> <section data-background-image="/images/presentazione4.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione5.png" data-background-size="cover" data-background-position="center"></section> <section data-background-image="/images/presentazione5.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/mastodon-tecnicamente.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/mastodon-tecnicamente.png" data-background-size="cover" data-background-position="center"></section> <section>
<section>
<h2>Cos'è ActivityPub?</h2> <h2>Cos'è ActivityPub?</h2>
<p>ActivityPub è uno standard di protocollo aperto per la comunicazione tra diversi server e piattaforme social. Permette agli utenti su piattaforme diverse di interagire tra loro, creando un network distribuito.</p> <p>ActivityPub è uno standard di protocollo aperto per la comunicazione tra diversi server e piattaforme social. Permette agli utenti su piattaforme diverse di interagire tra loro, creando un network distribuito.</p>
<aside class="notes"> <aside class="notes"></aside>
ActivityPub è uno standard W3C, pensato per facilitare l'interoperabilità tra piattaforme e consentire interazioni senza centralizzazione. </section>
</aside> <section>
</section>
<section>
<h2>Come Funziona ActivityPub</h2> <h2>Come Funziona ActivityPub</h2>
<ul> <ul>
<li><strong>Client-Server:</strong> L'utente invia azioni (come "pubblica" o "commenta") al server della piattaforma tramite un'interfaccia client.</li> <li><strong>Client-Server:</strong> L'utente invia azioni (come "pubblica" o "commenta") al server della piattaforma tramite un'interfaccia client.</li>
@ -246,9 +194,8 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
<aside class="notes"> <aside class="notes">
ActivityPub funziona su due livelli: client-server (utente e server della piattaforma) e server-server (server che comunicano tra loro). ActivityPub funziona su due livelli: client-server (utente e server della piattaforma) e server-server (server che comunicano tra loro).
</aside> </aside>
</section> </section>
<section>
<section>
<h2>Componenti Principali di ActivityPub</h2> <h2>Componenti Principali di ActivityPub</h2>
<ul> <ul>
<li><strong>Actor:</strong> Rappresenta l'utente o entità che esegue un'azione.</li> <li><strong>Actor:</strong> Rappresenta l'utente o entità che esegue un'azione.</li>
@ -259,10 +206,9 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
<aside class="notes"> <aside class="notes">
Actor, Activity e Object sono i principali elementi di ActivityPub. Ogni attore ha una inbox (per ricevere attività) e una outbox (per inviarle). Actor, Activity e Object sono i principali elementi di ActivityPub. Ogni attore ha una inbox (per ricevere attività) e una outbox (per inviarle).
</aside> </aside>
</section> </section>
<section data-background-image="/images/activitypub.png" data-background-size="cover" data-background-position="center"></section> <section data-background-image="/images/activitypub.png" data-background-size="cover" data-background-position="center"></section>
<section>
<section>
<h2>Esempio di Creazione di un Post a George</h2> <h2>Esempio di Creazione di un Post a George</h2>
<pre style="max-width: 800px; overflow-x: auto;"> <pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;"> <code class="bash" style="font-size: 20px;">
@ -279,14 +225,12 @@ curl -X POST https://mastodon.bida.im/inbox \
} }
}' }'
</code> </code>
</pre> </pre>
<aside class="notes"> <aside class="notes">
Questo comando `curl` mostra come Alice può creare un nuovo post destinato specificamente a George, che si trova nello stesso server di Alice. L'oggetto di tipo "Create" viene inviato all'inbox di George su `mastodon.bida.im`, contenente un oggetto di tipo "Note" con il contenuto "Ciao George!". L'array "to" indica il destinatario specifico del messaggio. Questo comando `curl` mostra come Alice può creare un nuovo post destinato specificamente a George, che si trova nello stesso server di Alice. L'oggetto di tipo "Create" viene inviato all'inbox di George su `mastodon.bida.im`, contenente un oggetto di tipo "Note" con il contenuto "Ciao George!". L'array "to" indica il destinatario specifico del messaggio.
</aside> </aside>
</section> </section>
<section>
<section>
<h2>Esempio di Invio di un Messaggio a Bob</h2> <h2>Esempio di Invio di un Messaggio a Bob</h2>
<pre style="max-width: 800px; overflow-x: auto;"> <pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;"> <code class="bash" style="font-size: 20px;">
@ -303,12 +247,12 @@ curl -X POST https://livellosegreto.it/inbox \
} }
}' }'
</code> </code>
</pre> </pre>
<aside class="notes"> <aside class="notes">
Questo comando `curl` invia un messaggio direttamente a Bob su `livellosegreto.it`. Il server di Bob gestirà la ricezione del messaggio nella sua inbox. Questo comando `curl` invia un messaggio direttamente a Bob su `livellosegreto.it`. Il server di Bob gestirà la ricezione del messaggio nella sua inbox.
</aside> </aside>
</section> </section>
<section> <section>
<h2>Esempio di Invio di un Messaggio a Più Destinatari</h2> <h2>Esempio di Invio di un Messaggio a Più Destinatari</h2>
<pre style="max-width: 800px; overflow-x: auto;"> <pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;"> <code class="bash" style="font-size: 20px;">
@ -331,15 +275,12 @@ curl -X POST https://livellosegreto.it/inbox \
] ]
}' }'
</code> </code>
</pre> </pre>
<aside class="notes"> <aside class="notes">
Questo comando `curl` invia un messaggio dal server di Alice a più destinatari, inclusi Bob e Carol su `livellosegreto.it. Questo comando `curl` invia un messaggio dal server di Alice a più destinatari, inclusi Bob e Carol su `livellosegreto.it.
</aside> </aside>
</section> </section>
<section>
<section>
<h2>Esempio di Richiesta di Follow</h2> <h2>Esempio di Richiesta di Follow</h2>
<pre style="max-width: 800px; overflow-x: auto;"> <pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;"> <code class="bash" style="font-size: 20px;">
@ -352,13 +293,12 @@ curl -X POST https://livellosegreto.it/inbox \
"object": "https://livellosegreto.it/users/bob" "object": "https://livellosegreto.it/users/bob"
}' }'
</code> </code>
</pre> </pre>
<aside class="notes"> <aside class="notes">
Questo comando `curl` invia una richiesta di follow da Alice a Bob. Bob riceverà questa richiesta nella sua inbox e potrà accettarla o rifiutarla. Questo comando `curl` invia una richiesta di follow da Alice a Bob. Bob riceverà questa richiesta nella sua inbox e potrà accettarla o rifiutarla.
</aside> </aside>
</section> </section>
<section>
<section>
<h2>Esempio di Messaggio Like</h2> <h2>Esempio di Messaggio Like</h2>
<pre style="max-width: 800px; overflow-x: auto;"> <pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;"> <code class="bash" style="font-size: 20px;">
@ -371,18 +311,14 @@ curl -X POST https://livellosegreto.it/inbox \
"object": "https://livellosegreto.it/users/bob/statuses/12345" "object": "https://livellosegreto.it/users/bob/statuses/12345"
}' }'
</code> </code>
</pre> </pre>
<aside class="notes"> <aside class="notes">
Questo comando `curl` invia un like da Alice a un post specifico di Bob, identificato dall'ID `12345`. Bob riceverà la notifica del like nel suo inbox, evidenziando l'interesse di Alice per il suo contenuto. Questo comando `curl` invia un like da Alice a un post specifico di Bob, identificato dall'ID `12345`. Bob riceverà la notifica del like nel suo inbox, evidenziando l'interesse di Alice per il suo contenuto.
</aside> </aside>
</section> </section>
<section data-background-image="/images/fediverse.png" data-background-size="contain" data-background-position="center"></section>
<section data-background-image="/images/fediverse.png" data-background-size="contain" data-background-position="center"></section>
<section> <section>
<h2>La nostra esperienza</h2> <h2>La nostra esperienza</h2>
<ul> <ul>
<li class="fragment">Dal lancio del 2018 abbiamo piu' di 20.000 iscritti</li> <li class="fragment">Dal lancio del 2018 abbiamo piu' di 20.000 iscritti</li>
<li class="fragment">Gli attivi molto meno, ora siamo piu' o meno sul migliaio</li> <li class="fragment">Gli attivi molto meno, ora siamo piu' o meno sul migliaio</li>
@ -392,21 +328,15 @@ curl -X POST https://livellosegreto.it/inbox \
<li class="fragment">Arrivo di Meta</li> <li class="fragment">Arrivo di Meta</li>
<li class="fragment">Modifiche in mastodon? Noi forkiamo con Bastodon</li> <li class="fragment">Modifiche in mastodon? Noi forkiamo con Bastodon</li>
</ul> </ul>
<!-- Immagine con faccina triste in alto a destra --> <!-- Immagine con faccina triste in alto a destra -->
<img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;"> <img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;">
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;"> <img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
<aside class="notes"> <aside class="notes">
<ul> <ul></ul>
</ul>
</aside> </aside>
</section> </section>
<section> <section>
<h2>Link utili</h2> <h2>Link utili</h2>
<ul> <ul>
<li class="">https://mastodon.bida.im</li> <li class="">https://mastodon.bida.im</li>
<li class="">https://mastodon.help</li> <li class="">https://mastodon.help</li>
@ -415,34 +345,23 @@ curl -X POST https://livellosegreto.it/inbox \
<li class="">https://bida.im</li> <li class="">https://bida.im</li>
<li class="">https://liste.indivia.net/listinfo/hacklabbo</li> <li class="">https://liste.indivia.net/listinfo/hacklabbo</li>
</ul> </ul>
<!-- Immagine con faccina triste in alto a destra --> <!-- Immagine con faccina triste in alto a destra -->
<img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;"> <img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;">
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;"> <img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
<aside class="notes"> <aside class="notes">
<ul> <ul></ul>
</ul>
</aside> </aside>
</section> </section>
<section> <section>
<section data-background-image="/images/hod.png" data-background-size="contain" data-background-position="center"></section> <section data-background-image="/images/hod.png" data-background-size="contain" data-background-position="center"></section>
<aside class="notes"> <aside class="notes">
<ul> <ul>
hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi per farlo. Anche se non ha mai visto un computer in vita sua hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi per farlo. Anche se non ha mai visto un computer in vita sua
</ul> </ul>
</aside> </aside>
</section> </section>
</div> </div>
</div> </div>
<script src="dist/reveal.js"></script> <script src="dist/reveal.js"></script>
<script src="plugin/notes/notes.js"></script> <script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script> <script src="plugin/markdown/markdown.js"></script>
@ -453,7 +372,6 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
// - https://revealjs.com/config/ // - https://revealjs.com/config/
Reveal.initialize({ Reveal.initialize({
hash: true, hash: true,
// Learn about plugins: https://revealjs.com/plugins/ // Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ] plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
}); });