Aggiunta pagine

This commit is contained in:
loviuz 2023-07-29 23:13:38 +02:00
parent c518fb3ba3
commit 258f47ebb2
15 changed files with 223 additions and 27 deletions

View File

@ -1,3 +1,47 @@
/* kanit-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
src: url('../fonts/kanit-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kanit-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Kanit';
font-style: normal;
font-weight: 800;
src: url('../fonts/kanit-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h1, h2, h3, h4, h5, h6{
text-transform: uppercase !important;
}
h3.title{
color:#fff;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.reveal h3{
color: #fff;
}
.slide-background{
background: linear-gradient(to bottom, #8594e0, #aee0e5);
}
.si{
color: #1a781a;
}
.no{
color: #b73434;
}
strong{
font-family: Kanit;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

View File

@ -18,25 +18,49 @@
<body>
<div class="reveal">
<div class="slides">
<section>
<h3>Come contribuire al software libero</h3>
<section data-background-image="assets/images/home.gif" class="home">
<h3 class="title">👨‍💻 🌐 🙌<br>Come contribuire al<br>libero</h3>
<img src="assets/images/ILS Este.png"><br>
👉 https://este.linux.it<hr>
<small>Attribution 4.0 International (CC BY 4.0)<br><img src="assets/images/chooser_cc.png"> <img src="assets/images/chooser_by.png"></section></small>
</section>
<section data-auto-animate>
<h3>Cos'è il Libero?</h3>
<p class="fragment">
Il concetto di libertà, applicato al software ma in modo più generico e universale ad altri ambiti, è stato ben descritto da <strong>Sébastien Broca</strong> nel libro <strong>Utopia del Software Libero</strong> (2018).
</p>
<p class="fragment">
Questo movimento si oppone alla <strong class="no">privatizzazione</strong> e al controllo esclusivo delle conoscenze e delle tecnologie. Crede che la conoscenza e il software debbano essere <strong class="si">accessibili a tutti e tutte, senza restrizioni</strong>.
</p>
</section>
<section data-auto-animate>
<h3>Libertà digitale</h3>
Si riferisce alla difesa delle libertà fondamentali degli individui nel mondo digitale, come la <strong class="si">libertà di espressione</strong>, la <strong class="si">privacy</strong>, la <strong class="si">sicurezza</strong> e la <strong class="si">neutralità della rete</strong>. Tutte queste ideologie si sforzano di raggiungere una società condivisa, aperta e inclusiva nel mondo digitale.
</section>
<section data-auto-animate>
<h3 class="uppercase">Perché contribuire al software libero?</h3>
<h1>🤔</h1>
<h3 class="uppercase">🤔 Perché contribuire al <span style="color:#055685">libero</span>?</h3>
<ul>
<li class="fragment">🏊 siamo sempre più <strong>immersi nel digitale</strong> e non si può facilmente tornare indietro</li>
<li class="fragment">🔮 ciò che avviene nei nostri dispositivi deve essere <strong class="si">verificabile</strong> e <strong class="si">trasparente</strong></li>
<li class="fragment">🔐 non abbiamo un serio controllo su cosa avviene ai nostri dati e alla nostra riservatezza (<strong>privacy</strong>)</li>
<li class="fragment">👿 <strong class="no">troppo potere</strong> nelle mani di aziende tecnologiche (Google, Meta, ecc)</li>
<li class="fragment">🕸️ il potere non va <strong class="no">centralizzato</strong> ma <strong class="si">distribuito</strong></li>
<li class="fragment">🪁 l'arte, la conoscenza, l'informazione, il software, dovrebbero essere libere</li>
</ul>
</section>
<section data-auto-animate>
<h3 style="opacity:0">NON</h3> <h3 style="color:#dd0000;">E' difficile contribuire al software libero<span>?</span></h3>
<h3 style="opacity:0;"><strong>NON</strong></h3> <h3 style="color:#7c1414;"><strong>E' difficile contribuire al software libero<span>?</span></strong></h3>
<h1>😱</h1>
</section>
<section data-auto-animate>
<h3 style="color:#0c9707;">NON</h3> <h3 style="color:#0c9707;">E' difficile contribuire al software libero<span style="opacity:0">?</span></h3>
<h3 style="color:#0c9707;"><strong>NON</strong></h3> <h3 style="color:#0c9707;"><strong>E' difficile contribuire al software libero<span style="opacity:0">?</span></strong></h3>
<h1>😉</h1>
</section>
@ -47,33 +71,161 @@
<section data-auto-animate>
<h3>Si può contribuire con:</h3>
<ul>
<li>👨‍💻 Programmazione</li>
</ul>
<ol>
<li class="fragment">📣 Divulgazione</li>
<li class="fragment">⚠️ Test e segnalazione problemi o errori</li>
<li class="fragment">🗣️ Traduzioni</li>
<li class="fragment">👨‍💻 Programmazione</li>
</ol>
</section>
<section data-auto-animate>
<h3>Si può contribuire con:</h3>
<ul>
<li>👨‍💻 Programmazione</li>
<li>🗣️ Traduzioni</li>
</ul>
<h3>📣 Divulgazione</h3>
<p class="fragment">🤷 E' il metodo più semplice: condividere un software o una app ad amici e aiutarli a usarle è un ottimo punto di partenza.</p>
</section>
<section data-auto-animate>
<h3>Si può contribuire con:</h3>
<ul>
<li>👨‍💻 Programmazione</li>
<li>🗣️ Traduzioni</li>
<li>📣 Divulgazione</li>
</ul>
<h3>⚠️ Test e segnalazione problemi o errori</h3>
<p class="fragment">
🔎 Trova gli errori di funzionamento di un software, oppure un problema di scrittura o un problema di sicurezza.
</p>
<p class="fragment">
Cercando su un motore di ricerca puoi trovare facilmente il sito web di riferimento del software, dove solitamente ci sono dei facili strumenti di segnalazione problemi.
</p>
</section>
<section data-auto-animate>
<h3>Si può contribuire con:</h3>
<ul>
<li>👨‍💻 Programmazione</li>
<li>🗣️ Traduzioni</li>
<li>📣 Divulgazione</li>
<li>❌ Test e segnalazione problemi/errori</li>
</ul>
<h3>⚠️ Test e segnalazione problemi o errori</h3>
<p>
Solitamente i problemi vengono chiamati <strong>issue</strong> nei vari portali:
<ul>
<li>Github</li>
<li>GitLab</li>
<li>Gitea</li>
<li>ecc...</li>
</ul>
</p>
</section>
<section>
<section data-auto-animate>
<h3>Github</h3>
<img src="assets/images/issues-github.jpg" style="h">
</section>
<section data-auto-animate>
<h3>Gitlab</h3>
<img src="assets/images/issues-gitlab.jpg">
</section>
<section data-auto-animate>
<h3>Gitea</h3>
<img src="assets/images/issues-gitea.jpg">
</section>
</section>
<section data-auto-animate>
<h3>🗣️ Traduzioni</h3>
<p class="fragment">
Se gli sviluppatori di un software hanno predisposto un sistema di traduzioni, è possibile contribuire a tradurlo nella propria lingua o in un'altra.
</p>
<p class="fragment">
Nel sito web di riferimento di ciascun software libero trovi facilmente strumenti di traduzione.
</p>
</section>
<section>
<section data-auto-animate>
<h3>🗣️ Transifex.com</h3>
<p class="fragment">
E' una piattaforma dove poter tradurre testi e parole che poi verranno inclusi nei software.
</p>
<p class="fragment">
E' uno dei tanti metodi di traduzione, forse il più famoso e semplice, anche se non è libero ma contribuisce a semplificare il lavoro di traduzione.
</p>
<p class="fragment">
<a href="https://github.com/maproulette/maproulette3">👉 github.com/maproulette/maproulette3</a>
</p>
</section>
<section data-auto-animate>
<h3>🗣️ Transifex.com</h3>
<p class="fragment">
<img src="assets/images/maproulette-transifex.jpg">
</p>
</section>
<section data-auto-animate>
<h3>🗣️ Transifex.com</h3>
<p class="fragment">
<img src="assets/images/maproulette-transifex-2.jpg">
</p>
</section>
</section>
<section data-auto-animate>
<h3>🗣️ Traduzione avanzata</h3>
<img src="assets/images/traduzione-avanzata.jpg">
</section>
<section data-auto-animate>
<h3>🗣️ Traduzione avanzata</h3>
<p class="fragment">
La modalità più semplice e diretta è aggiornare i file delle traduzioni direttamente :-)
</p>
<p class="fragment">
<a href="https://github.com/piratenpanda/veggiekarte">👉 github.com/piratenpanda/veggiekarte</a>
</p>
</section>
<section>
<section data-auto-animate>
<h3>🗣️ Traduzione avanzata</h3>
<img src="assets/images/traduzione-1.jpg" class="r-stretch">
</section>
<section data-auto-animate>
<h3>🗣️ Traduzione avanzata</h3>
<img src="assets/images/traduzione-2.jpg" class="r-stretch">
</section>
<section data-auto-animate>
<h3>🗣️ Traduzione avanzata</h3>
<p class="fragment">
Ma come fare ad aggiornare i file di un altro progetto??
</p>
<p class="fragment">
<img src="assets/images/sparta-pull-request.jpg">
</p>
</section>
</section>
<section data-auto-animate>
<h3>👨‍💻 Programmazione</h3>
<p class="fragment">
Ultimo passo??
</p>
<p class="fragment">
Impariamo a programmare e a contribuire direttamente nel cuore del <strong>sistema</strong>!
<img src="assets/images/hacker.gif">
</p>
</section>
</div>
</div>