Aggiunta pagine
@ -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;
|
||||
}
|
BIN
contribuire al software libero/assets/images/hacker.gif
Normal file
After Width: | Height: | Size: 4.0 MiB |
BIN
contribuire al software libero/assets/images/home.gif
Normal file
After Width: | Height: | Size: 4.0 MiB |
BIN
contribuire al software libero/assets/images/issues-gitea.jpg
Normal file
After Width: | Height: | Size: 103 KiB |
BIN
contribuire al software libero/assets/images/issues-github.jpg
Normal file
After Width: | Height: | Size: 87 KiB |
BIN
contribuire al software libero/assets/images/issues-gitlab.jpg
Normal file
After Width: | Height: | Size: 106 KiB |
After Width: | Height: | Size: 166 KiB |
After Width: | Height: | Size: 223 KiB |
After Width: | Height: | Size: 77 KiB |
BIN
contribuire al software libero/assets/images/traduzione-1.jpg
Normal file
After Width: | Height: | Size: 90 KiB |
BIN
contribuire al software libero/assets/images/traduzione-2.jpg
Normal file
After Width: | Height: | Size: 168 KiB |
After Width: | Height: | Size: 74 KiB |
@ -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>
|
||||
|