107 lines
5.2 KiB
HTML
107 lines
5.2 KiB
HTML
|
<html lang="it">
|
|||
|
|
|||
|
<head>
|
|||
|
<meta charset="UTF-8">
|
|||
|
<meta http-equiv="X-UA-Compatible" content="IE=Firefox">
|
|||
|
<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 BeOpen</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></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 anche per un'ampia sfera che sta diventando sempre più parte della nostra vita quotidiana: i dispositivi mobile.
|
|||
|
Questi spesso non sono progettati pensando ai nostri migliori interessi, ma tuttavia occupano un posto centrale nelle nostre vite. Il mercato mobile è dominato da poche
|
|||
|
grandi aziende, che ci consentono di utilizzare i loro servizi e ci rendono dipendenti 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, indipendentemente dall'hardware che acquisti.
|
|||
|
Un mondo dove puoi scegliere se condividere i tuoi dati, come e con chi, senza fare concessioni. Un mondo in cui ci sia libertà di scelta a tutti i livelli e in ogni ambito.</p>
|
|||
|
<p>Un mondo libero.</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 software FLOSS 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 creato utilizzando strumenti liberi ed aperti, compreso il SO (GNU/Linux);</span></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 GitLab;</span></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!</span></p>
|
|||
|
|
|||
|
|
|||
|
<p>Il progetto riguarda la diffusione dell’idea stessa di libertà, 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>
|
|||
|
<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>
|