469 lines
18 KiB
HTML
469 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<!--
|
||
Forty by HTML5 UP
|
||
html5up.net | @ajlkn
|
||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
-->
|
||
<html>
|
||
|
||
<head>
|
||
<title>Social e Fediverso | Devol</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<!--[if lte IE 8]><script src="/devol-website/assets/js/ie/html5shiv.js"></script><![endif]-->
|
||
<link rel="stylesheet" href="/devol-website/assets/css/main.css" />
|
||
<!--[if lte IE 9]><link rel="stylesheet" href="/devol-website/assets/css/ie9.css" /><![endif]-->
|
||
<!--[if lte IE 8]><link rel="stylesheet" href="/devol-website/assets/css/ie8.css" /><![endif]-->
|
||
<link rel="stylesheet" href="/devol-website/assets/css/fedicons.css">
|
||
|
||
<!-- Favicon -->
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/devol-website/assets/favicons/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/devol-website/assets/favicons/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/devol-website/assets/favicons/favicon-16x16.png">
|
||
<link rel="manifest" href="/devol-website/assets/favicons/site.webmanifest">
|
||
<link rel="mask-icon" href="/devol-website/assets/favicons/safari-pinned-tab.svg" color="#000000">
|
||
<link rel="shortcut icon" href="/devol-website/assets/favicons/favicon.ico">
|
||
<meta name="msapplication-TileColor" content="#000000">
|
||
<meta name="msapplication-config" content="/devol-website/assets/favicons/browserconfig.xml">
|
||
<meta name="theme-color" content="#ffffff">
|
||
</head>
|
||
|
||
|
||
<body>
|
||
|
||
<!-- Wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<!-- Header -->
|
||
<header id="header" class="alt style2">
|
||
<a href="https://leonardomantovani.github.io/devol-website/" class="logo"><strong>Devol</strong> <span>Un web più libero è possibile</span></a>
|
||
<nav>
|
||
<a href="#menu">Menu</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- Menu -->
|
||
<nav id="menu">
|
||
<ul class="links">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/">Home</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/eventi.html">Eventi</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/file_sharing.html">Condivisione File</a></li>
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/gestore_password.html">Gestore Password</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/motori_di_ricerca.html">Motori di Ricerca</a></li>
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/musica.html">Musica e Podcast</a></li>
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/office.html">Office</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/social-fediverso.html">Social e Fediverso</a></li>
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/sondaggi.html">Sondaggi</a></li>
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/testo_e_codice.html">Condivisione Testo e Codice</a></li>
|
||
|
||
|
||
|
||
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/video.html">Video</a></li>
|
||
|
||
|
||
</ul>
|
||
<!-- <ul class="actions vertical">
|
||
<li><a href="#" class="button special fit">Get Started</a></li>
|
||
<li><a href="#" class="button fit">Log In</a></li>
|
||
</ul> -->
|
||
</nav>
|
||
|
||
|
||
<section id="banner" class="style2">
|
||
<div class="inner">
|
||
<span class="image">
|
||
<img src="/devol-website/assets/images/tiles-covers/social.jpg" alt="">
|
||
</span>
|
||
<header class="major">
|
||
|
||
<h1>Social e Fediverso</h1>
|
||
|
||
</header>
|
||
<div class="content">
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Main -->
|
||
<div id="main">
|
||
|
||
<!-- One -->
|
||
<section id="one">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h2>Cos'è il Fediverso?</h2>
|
||
</header>
|
||
<p>
|
||
Quando sentiamo parlare di Social Network, vengono subito in mente Facebook, Twitter, Instagram e altri ancora, ognuno con caratteristiche diverse: magari sei un tipo da “massimo 280 caratteri” ma il tuo amico “fotografo della domenica” insiste affinché usiate Instagram e non Twitter, come vorresti tu.<br />
|
||
A questo enorme e apparentemente irrisolvibile problema, se ne affianca un’altro: avrai sentito, almeno una volta, parlare della profilazione degli utenti che i social network più famosi usano per continuare a offrire i loro servizi gratuitamente e questa cosa che Instagram sappia più cose sul tuo amico di quante ne sappia tu non ti va molto a genio vero?<br />
|
||
Per fortuna, esiste un’unica soluzione a questi 2 fastidiosi problemi ed è proprio il Fediverso!<br />
|
||
Il Fediverso, infatti, è un universo online in cui coesistono più social network diversi (uno per te a cui piacciono i post brevi, uno per il tuo amico fotografo, perfino uno per il tuo vicino di casa chitarrista) che però tra loro parlano la stessa lingua, così che tu possa seguire il tuo amico pur usando 2 social differenti! E c’è di più: tutto il codice che sta dietro al fediverso è open-source e chiunque può decidere di ospitare un’istanza del suo social preferito, mantenedo così il controllo su ciò che viene condiviso.<br />
|
||
Il web federato oggi sta crescendo molto velocemente. Ci sono probabilmente molte ragioni per questo. La sfiducia nelle piattaforme commerciali centralizzate e le fughe di dati che hanno subito. Apparizione di più piattaforme federate costruite intorno al nuovo protocollo ActivityPub sostenuto dal World Wide Web Consortium è stato poi fondamentale per costruire un ecosistema alternativo.
|
||
</p>
|
||
<p> Vuoi saperne di più sul Fediverso? Dai un'occhiata a <a href="/devol-website/it/fediverso">questo articolo</a></p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Two -->
|
||
<section id="two" class="spotlights">
|
||
<section>
|
||
<iframe width="916" height="515" sandbox="allow-same-origin allow-scripts allow-popups" src="https://peertube.uno/videos/embed/d3ae46fe-fd9a-448c-8c94-8fda9b73b54f?start=0s&subtitle=it" frameborder="0" allowfullscreen=""></iframe>
|
||
<div class="content">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h3>Micro-blogging: Mastodon</h3>
|
||
</header>
|
||
<p>
|
||
È il social network più popolato del fediverso e costituisce un validissimo sostituto al suo predecessore più famoso: Twitter.<br />
|
||
Permette di condividere post da massimo 500 caratteri (a cui è possibile allegare foto, video, sondaggi e link) che verranno visualizzati in ordine cronologico nel feed.<br />
|
||
Oltre al tuo feed personale, potrai esplorare anche quello “locale” (con gli ultimi post nella tua istanza) e quello “federato” (con post provenienti da altre istanze federate con la tua).<br />
|
||
Ti abbiamo incuriosito? Dai un’occhiata al video qui a fianco e tuffati subito nella nostra istanza!</p>
|
||
<ul class="actions">
|
||
<li><a href="https://mastodon.uno" class="button">Mastodon.uno</a></li>
|
||
<li><a href="https://joinmastodon.org/apps" class="button">App per Mastodon</a></li>
|
||
<li><a href="/devol-website/it/mastodon" class="button">Di più su Mastodon</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<img src="/devol-website/assets/images/logos/social/pixelfed.jpg" alt="" />
|
||
<div class="content">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h3>Image Sharing: Pixelfed</h3>
|
||
</header>
|
||
<p>
|
||
Parlando di condivisione di immagini, invece, non si può non citare Pixelfed: la risposta del fediverso a Instagram.<br />
|
||
Pixelfed è un progetto recente, quindi non può ancora contare su una community come quella di Mastodon, ma gli aggiornamenti frequenti e le già numerose funzionalità gli conferiscono un utilizzo molto piacevole e dalle grandi potenzialità.</p>
|
||
<ul class="actions">
|
||
<li><a href="https://pixelfed.uno" class="button">Pixelfed.uno</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<img src="/devol-website/assets/images/logos/social/writefreely.jpg" alt="" />
|
||
<div class="content">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h3>Blogging: Noblogo</h3>
|
||
</header>
|
||
<p>
|
||
Non sei un tipo di poche parole e ti piacerebbe avere uno spazio per scrivere la tua senza essere limitato dai 500 caratteri di Mastodon? Allora Noblogo è quello che fa per te! Istanza di <a href="https://writefreely.org">WriteFreely</a>, ti permette di avere un tuo blog personale minimalista per permettere a te e ai tuoi lettori di concentrarsi solo sul contenuto dei tuoi articoli.
|
||
</p>
|
||
<ul class="actions">
|
||
<li><a href="https://noblogo.org" class="button">Noblogo.org</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<iframe width="916" height="515" sandbox="allow-same-origin allow-scripts allow-popups" src="https://peertube.uno/videos/embed/c79e7ec9-40c6-4f28-bda4-ca043946a236?start=2s&subtitle=it" frameborder="0" allowfullscreen=""></iframe>
|
||
<div class="content">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h3>Condivisione Video: Peertube</h3>
|
||
</header>
|
||
<p>
|
||
Quando si pensa a condivisione di video online, sicuramente una piattaforma viene in mente prima delle altre: Youtube.<br />
|
||
Tutti conoscono Youtube e moltissimi lo usano ogni giorno per i motivi più vari: se hai bisogno di qualcosa sicuramente ci sarà un video che fa al caso tuo.<br />
|
||
Ma questo significa moltissimi video da conservare su dei server il cui mantenimento diventa di conseguenza sempre più costoso.<br />
|
||
E come vengono coperte le spese di questi grandi server se il servizio è gratuito? Con pubblicità e profilazione, come abbiamo (purtroppo) già visto in tanti altri campi.<br />
|
||
Peertube è un software open-source sviluppato da Framasoft che si propone di risolvere questo problema con la decentralizzazione restituendo agli utenti il ruolo di protagonisti e non di prodotti.<br />
|
||
Vorresti saperne di più? Dai un’occhiata al video qui a fianco o prova subito le nostre istanze:
|
||
</p>
|
||
<ul class="actions">
|
||
<li><a href="https://peertube.uno" class="button">Peertube.uno</a></li>
|
||
<li><a href="https://peertube.devol.it" class="button">Peertube Devol</a></li>
|
||
<li><a href="/devol-website/it/peertube" class="button">Di più su Peertube</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<img src="/devol-website/assets/images/logos/eventi/mobilizon.jpg" alt="" />
|
||
<div class="content">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h3>Gruppi ed Eventi: Mobilizon</h3>
|
||
</header>
|
||
<p>Organizzare un evento, sia esso piccolo o grande, può essere molto faticoso ed è fondamentale, quindi, riuscire ad attirare più gente possibile. Per farlo, è utile promuovere il proprio evento online e, al giorno d’oggi, farlo su Facebook è probabilmente la soluzione più popolare.<br />
|
||
Ma se invece abbiamo a cuore la privacy anche dei partecipanti al nostro evento? Allora ci viene incontro Mobilizon: l’alternativa agli eventi Facebook sviluppata da <a href="https://framasoft.org/it">Framasoft</a>, libera, decentralizzata e federata con il resto del <a href="https://devol.it/tiles/social.html">Fediverso</a>!<br />
|
||
Essendo un software open-source e decentralizzato, non si basa su un server centrale ma esistono più istanze che comunicano tra di loro, e noi Devol abbiamo deciso di metterne a disposizione una tutta italiana!</p>
|
||
<ul class="actions">
|
||
<li><a href="https://mobilizon.it" class="button">Mobilizon.it</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<img src="/devol-website/assets/images/logos/musica/funkwhale.jpg" alt="" />
|
||
<div class="content">
|
||
<div class="inner">
|
||
<header class="major">
|
||
<h3>Condivisione di Musica e Podcast: Funkwhale</h3>
|
||
</header>
|
||
<p>
|
||
Ti piace comporre musica nel tempo libero? Hai qualcosa da raccontare ma non ti va che il tuo podcast finisca su piattaforme poco attente alla privacy dei loro utenti? Allora arriva in tuo soccorso Funkwhale: l’alternativa open-source e <a href="https://devol.it/tiles/social.html">federata</a> ai servizi di streaming audio tradizionali.<br />
|
||
Funkwhale è infatti un software libero che permette agli utenti di pubblicare la loro musica e i loro podcast gratuitamente, senza pubblicità e senza traccianti, rendendoli disponibili a tutti gli utenti disseminati nelle diverse istanze, tra cui quella messa a disposizione da noi Devol.
|
||
</p>
|
||
<ul class="actions">
|
||
<li><a href="https://funkwhale.it" class="button">Funkwhale.it</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Contact -->
|
||
<section id="contact">
|
||
<div class="inner">
|
||
<section>
|
||
<form action="https://formspree.io/admin@devol.it" method="POST">
|
||
<div class="field half first">
|
||
<label for="name">Nome</label>
|
||
<input type="text" name="name" id="name" />
|
||
</div>
|
||
<div class="field half">
|
||
<label for="email">Email</label>
|
||
<input type="text" name="_replyto" id="email" />
|
||
</div>
|
||
<div class="field">
|
||
<label for="message">Messaggio</label>
|
||
<textarea name="message" id="message" rows="6"></textarea>
|
||
</div>
|
||
<ul class="actions">
|
||
<li><input type="submit" value="Invia Messaggio" class="special" /></li>
|
||
<li><input type="reset" value="Annulla" /></li>
|
||
</ul>
|
||
</form>
|
||
</section>
|
||
<section class="split">
|
||
<section>
|
||
<div class="contact-method">
|
||
<a href="https://buttondown.email/devol">
|
||
<span class="icon alt fa-envelope"></span>
|
||
<h3>Newsletter</h3>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
<!-- <section>
|
||
<div class="contact-method">
|
||
<span class="icon alt fedicon-matrix"></span>
|
||
<h3>Chatta con Noi</h3>
|
||
<p>Per chattare con noi su Matrix, chiedici l'invito alla stanza usando il form qui a fianco ;)</p>
|
||
</div>
|
||
</section> -->
|
||
<section>
|
||
<h3>Supportaci:</h3>
|
||
<h4><a href="https://ko-fi.com/devol"><i class="icon alt fedicon-ko-fi"></i> Con un caffé</a></h4>
|
||
<h4><a href="https://coindrop.to/devol"><i class="icon alt fedicon-crypto"></i> Con criptovalute</a></h4>
|
||
<h4><a href="https://brave.com/brave-rewards/"><i class="icon alt fedicon-bat"></i> Con Brave</a></h4>
|
||
</section>
|
||
<!-- <section>
|
||
<div class="contact-method">
|
||
<a href="https://ko-fi.com/devol">
|
||
<span class="icon alt fedicon-ko-fi"></span>
|
||
<h3>Offrici un caffè</h3>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="contact-method">
|
||
<a href="https://coindrop.to/devol">
|
||
<span class="icon alt fedicon-crypto"></span>
|
||
<h3>Supportaci con Criptovalute</h3>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="contact-method">
|
||
<a href="https://brave.com/brave-rewards/">
|
||
<span class="icon alt fedicon-crypto"></span>
|
||
<h3>Supportaci con Brave</h3>
|
||
</a>
|
||
</div>
|
||
</section> -->
|
||
</section>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer id="footer">
|
||
<div class="inner">
|
||
<ul class="icons">
|
||
|
||
|
||
<li>
|
||
<a href="https://t.me/devolitalia" class="icon alt fedicon-telegram" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
|
||
<span class="label">Telegram</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
<a href="https://mastodon.uno/@devol" class="icon alt fedicon-mastodon" target="_blank" rel="noopener noreferrer" aria-label="Mastodon">
|
||
<span class="label">Mastodon</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li>
|
||
<a href="https://pixelfed.uno/devol" class="icon alt fedicon-pixelfed" target="_blank" rel="noopener noreferrer" aria-label="Pixelfed">
|
||
<span class="label">Pixelfed</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li>
|
||
<a href="https://gitea.it/devol/" class="icon alt fedicon-gitea" target="_blank" rel="noopener noreferrer" aria-label="Gitea">
|
||
<span class="label">Gitea</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<li>
|
||
<a href="https://github.com/devolitalia" class="icon alt fa-github" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
|
||
<span class="label">GitHub</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
</ul>
|
||
<ul class="copyright">
|
||
<li>© Devol.it</li>
|
||
<li>Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a></li>
|
||
<li>Jekyll integration: <a href="https://github.com/andrewbanchich/" target="_blank">Andrew Banchich</a></li>
|
||
<li>Development: <a href="https://lezsoft.com/" target="_blank">LezSoft</a></li>
|
||
</ul>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<!-- Scripts -->
|
||
<script src="https://leonardomantovani.github.io/devol-website/assets/js/jquery.min.js"></script>
|
||
<script src="https://leonardomantovani.github.io/devol-website/assets/js/jquery.scrolly.min.js"></script>
|
||
<script src="https://leonardomantovani.github.io/devol-website/assets/js/jquery.scrollex.min.js"></script>
|
||
<script src="https://leonardomantovani.github.io/devol-website/assets/js/skel.min.js"></script>
|
||
<script src="https://leonardomantovani.github.io/devol-website/assets/js/util.js"></script>
|
||
<!--[if lte IE 8]><script src="https://leonardomantovani.github.io/devol-website/assets/js/ie/respond.min.js"></script><![endif]-->
|
||
<script src="https://leonardomantovani.github.io/devol-website/assets/js/main.js"></script>
|
||
|
||
|
||
</body>
|
||
|
||
</html>
|