devol.it/tiles/musica.html

361 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>Musica e Podcast | 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/musica.jpg" alt="">
</span>
<header class="major">
<h1>Musica e Podcast</h1>
</header>
<div class="content">
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- Two -->
<section id="two" class="spotlights">
<section>
<img src="/devol-website/assets/images/logos/musica/funkwhale.jpg" alt="" />
<div class="content">
<div class="inner">
<header class="major">
<h3>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: lalternativa 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>&copy; 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>