114 lines
5.6 KiB
HTML
114 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="it">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="./style.css" type="text/css" media="screen">
|
||
<link rel="icon" type="image/x-icon" href="./Icon/favicon.svg">
|
||
<!--Favicon-->
|
||
<title>BeOpen - Homepage</title>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="main">
|
||
<!--Immagine di sfondo-->
|
||
<div class="container_home">
|
||
<div class="hero center">
|
||
<!--Per gli allineamenti. Più classi-->
|
||
<h1>BeOpen</h1>
|
||
<p>Respect your Freedom</p>
|
||
<div class="divider"></div>
|
||
<a href="#manifesto" class="button">Manifesto</a>
|
||
<a href="./articoli.html" class="button">Articoli</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="divider" id="manifesto"></div>
|
||
<main class="spacer">
|
||
<div class="articol">
|
||
<h1 class="titolo_apertura">#Manifesto</h1>
|
||
<h2>##La libertà non esiste senza una vera scelta</h2>
|
||
|
||
<div class="divider"></div>
|
||
<blockquote>“Se vuoi, sei libero”. <a href="https://it.wikipedia.org/wiki/Epitteto" target="_blank"><em>Epitteto</em></a> </blockquote>
|
||
<div class="divider"></div>
|
||
|
||
<p>Viviamo in un mondo che si è rapidamente spogliato di uno dei valori fondamentali: la <em>libertà di scelta</em>.
|
||
La libertà non esiste senza una vera scelta, che deve essere consapevole e non subita.</p>
|
||
<p>Questo vale per una sfera sempre più ampia della nostra vita quotidiana, anche nell'ambito virtuale.
|
||
Molti dispositivi e servizi informatici sono infatti progettati pensando non ai nostri migliori interessi, tuttavia occupano un posto sempre più centrale nelle nostre vite. Il mercato è dominato da poche
|
||
grandi aziende, che ci consentono di utilizzare i loro servizi e ci rendono <em>dipendenti</em> da essi, in cambio dei nostri dati, della nostra privacy e del nostro tempo.</p>
|
||
<p>Credo fermamente in un mondo aperto, trasparente e sicuro. Un mondo in cui puoi scegliere quale piattaforma desideri utilizzare.
|
||
Un mondo dove puoi scegliere se condividere i tuoi dati, come e con chi, senza fare concessioni. Un mondo in cui ci sia <em>libertà di scelta</em> a tutti i livelli e in ogni ambito.</p>
|
||
<p><em>Un mondo libero.</em> </p>
|
||
<p>Questo blog nasce proprio con questo intento: proporre e consigliare alternative etiche, libere e rispettose dell'utente.
|
||
Conterrà recensioni, guide, opinioni e consigli su <em>software FLOSS</em> e piattaforme analoghe, ma non solo:
|
||
qua e là si tratterà anche di filosofia, cinema e letteratura.</p>
|
||
|
||
<div class="divider"></div>
|
||
<p>Alcuni punti guida:</p>
|
||
<p><span class="trattino">- </span>Tutto il sito è e sarà sempre scritto utilizzando strumenti liberi ed aperti, compreso il SO (GNU/Linux);</p>
|
||
<p><span class="trattino">- </span>nessuna dipendenza o framework proprietario è contenuto nel codice Html e Css, ma tutto è stato scritto a mano (coi limiti dell'autore) ed è disponibile su Gitea;</p>
|
||
<p><span class="trattino">- </span>niente cookie né componenti di terze parti o di analitica sono contenuti nel codice. Su questo sito il proprietario dei tuoi dati sei tu!</p>
|
||
|
||
<p>Il progetto riguarda la <em>diffusione dell’idea stessa di libertà</em>, in qualsiasi ambito.</p>
|
||
|
||
<div class="divider"></div>
|
||
|
||
</div>
|
||
</main>
|
||
|
||
<!--FOOTER-->
|
||
<!--PRIVACY POLICY-->
|
||
|
||
<div class="privacy">
|
||
<p>##Questo sito non fa uso di cookie e non registra dati personali degli utenti.</p>
|
||
<p>Tutti gli articoli sono senza affiliazioni e senza pubblicità.</p>
|
||
</div>
|
||
|
||
<!--CONTATTI E LICENZA-->
|
||
|
||
<div class="container_contacts">
|
||
<p><b>##Contatti</b></p>
|
||
<div class="contacts">
|
||
<div>
|
||
<a href="https://t.me/davidempic" target="_blank"><img src="./Icon/Contacts/telegram.svg" alt="telegram"> Telegram</a>
|
||
</div>
|
||
<div>
|
||
<a href="mailto:davidemp.oc12p@simplelogin.co" target="_blank"><img src="./Icon/Contacts/tutanota.svg" alt="mail">Mail</a>
|
||
</div>
|
||
<div>
|
||
<a href="https://mastodon.uno/@PicciHud" target="_blank"><img src="./Icon/Contacts/mastodon.svg" alt="mastodon">Mastodon</a>
|
||
</div>
|
||
<div>
|
||
<a href="https://matrix.to/#/@davidemp:one.ems.host" target="_blank"><img src="./Icon/Contacts/matrix.svg" alt="matrix">Matrix</a>
|
||
</div>
|
||
<div>
|
||
<a href="https://gitea.it/PicciHud" target="_blank"><img src="./Icon/Contacts/gitea.svg" alt="gitea">Gitea</a>
|
||
</div>
|
||
<div>
|
||
<a href="https://peertube.uno/a/p1cc1hub/video-channels" target="_blank"><img src="./Icon/Contacts/peertube.svg" alt="peertube" style="-webkit-filter: invert(.75);">PeerTube</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="license">
|
||
<a href="https://creativecommons.org/licenses/by-sa/4.0/deed.it" target="_blank" title="Condividi allo stesso modo">
|
||
Questo sito utilizza solo strumenti FLOSS<br>
|
||
2022 - Quest'opera è distribuita con Licenza CC BY-SA 4.0
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="make">
|
||
<p>Realizzato con</p>
|
||
<img src="./Icon/heart.svg" alt="cuore">
|
||
<p>da PicciHud</p>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html> |