beopen-code/index.html

138 lines
6.8 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>
<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-->
<!-- HTML Meta Tags -->
<title>BeOpen - Respect your Freedom</title>
<meta name="description" content="Un blog FLOSS, senza traccianti, senza JavaScript, senza cookies e senza annunci">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://beopen.neocities.org/index.html/">
<meta property="og:type" content="website">
<meta property="og:title" content="BeOpen - Respect your Freedom">
<meta property="og:description" content="Un blog FLOSS, senza traccianti, senza JavaScript, senza cookies e senza annunci">
<meta property="og:image" content="https://beopen.neocities.org/Img/beopen.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="">
<meta property="twitter:url" content="https://beopen.neocities.org/index.html/">
<meta name="twitter:title" content="BeOpen - Respect your Freedom">
<meta name="twitter:description" content="Un blog FLOSS, senza traccianti, senza JavaScript, senza cookies e senza annunci">
<meta name="twitter:image" content="https://beopen.neocities.org/Img/beopen.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<meta property="og:locale" content="it_IT">
<meta property="article:published_time" content="22-04-2022">
<meta property="article:author" content="PicciHud">
</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="article">
<h1 class="open_title">#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.</p>
<div class="divider"></div>
<p>Alcuni punti guida:</p>
<p><span class="dash">- </span>Tutto il sito è e sarà sempre scritto utilizzando strumenti liberi ed aperti, compreso il SO (GNU/Linux);</p>
<p><span class="dash">- </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="dash">- </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 dellidea 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>