Carica file su ''

This commit is contained in:
freebird 2019-01-08 23:58:47 +01:00
parent c17f4a79f3
commit 8eef0ee4db
5 changed files with 565 additions and 0 deletions

193
Gruntfile.js Normal file
View file

@ -0,0 +1,193 @@
/* global module:false */
module.exports = function(grunt) {
var port = grunt.option('port') || 8000;
var root = grunt.option('root') || '.';
if (!Array.isArray(root)) root = [root];
// Project configuration
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
meta: {
banner:
'/*!\n' +
' * reveal.js <%= pkg.version %> (<%= grunt.template.today("yyyy-mm-dd, HH:MM") %>)\n' +
' * http://revealjs.com\n' +
' * MIT licensed\n' +
' *\n' +
' * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n' +
' */'
},
qunit: {
files: [ 'test/*.html' ]
},
uglify: {
options: {
banner: '<%= meta.banner %>\n',
ie8: true
},
build: {
src: 'js/reveal.js',
dest: 'js/reveal.min.js'
}
},
sass: {
core: {
src: 'css/reveal.scss',
dest: 'css/reveal.css'
},
themes: {
expand: true,
cwd: 'css/theme/source',
src: ['*.sass', '*.scss'],
dest: 'css/theme',
ext: '.css'
}
},
autoprefixer: {
core: {
src: 'css/reveal.css'
}
},
cssmin: {
options: {
compatibility: 'ie9'
},
compress: {
src: 'css/reveal.css',
dest: 'css/reveal.min.css'
}
},
jshint: {
options: {
curly: false,
eqeqeq: true,
immed: true,
esnext: true,
latedef: 'nofunc',
newcap: true,
noarg: true,
sub: true,
undef: true,
eqnull: true,
browser: true,
expr: true,
loopfunc: true,
globals: {
head: false,
module: false,
console: false,
unescape: false,
define: false,
exports: false
}
},
files: [ 'Gruntfile.js', 'js/reveal.js' ]
},
connect: {
server: {
options: {
port: port,
base: root,
livereload: true,
open: true,
useAvailablePort: true
}
}
},
zip: {
bundle: {
src: [
'index.html',
'css/**',
'js/**',
'lib/**',
'images/**',
'plugin/**',
'**.md'
],
dest: 'reveal-js-presentation.zip'
}
},
watch: {
js: {
files: [ 'Gruntfile.js', 'js/reveal.js' ],
tasks: 'js'
},
theme: {
files: [
'css/theme/source/*.sass',
'css/theme/source/*.scss',
'css/theme/template/*.sass',
'css/theme/template/*.scss'
],
tasks: 'css-themes'
},
css: {
files: [ 'css/reveal.scss' ],
tasks: 'css-core'
},
html: {
files: root.map(path => path + '/*.html')
},
markdown: {
files: root.map(path => path + '/*.md')
},
options: {
livereload: true
}
},
retire: {
js: [ 'js/reveal.js', 'lib/js/*.js', 'plugin/**/*.js' ],
node: [ '.' ]
}
});
// Dependencies
grunt.loadNpmTasks( 'grunt-contrib-connect' );
grunt.loadNpmTasks( 'grunt-contrib-cssmin' );
grunt.loadNpmTasks( 'grunt-contrib-jshint' );
grunt.loadNpmTasks( 'grunt-contrib-qunit' );
grunt.loadNpmTasks( 'grunt-contrib-uglify' );
grunt.loadNpmTasks( 'grunt-contrib-watch' );
grunt.loadNpmTasks( 'grunt-autoprefixer' );
grunt.loadNpmTasks( 'grunt-retire' );
grunt.loadNpmTasks( 'grunt-sass' );
grunt.loadNpmTasks( 'grunt-zip' );
// Default task
grunt.registerTask( 'default', [ 'css', 'js' ] );
// JS task
grunt.registerTask( 'js', [ 'jshint', 'uglify', 'qunit' ] );
// Theme CSS
grunt.registerTask( 'css-themes', [ 'sass:themes' ] );
// Core framework CSS
grunt.registerTask( 'css-core', [ 'sass:core', 'autoprefixer', 'cssmin' ] );
// All CSS
grunt.registerTask( 'css', [ 'sass', 'autoprefixer', 'cssmin' ] );
// Package presentation to archive
grunt.registerTask( 'package', [ 'default', 'zip' ] );
// Serve presentation locally
grunt.registerTask( 'serve', [ 'connect', 'watch' ] );
// Run tests
grunt.registerTask( 'test', [ 'jshint', 'qunit' ] );
};

19
LICENSE Normal file
View file

@ -0,0 +1,19 @@
Copyright (C) 2017 Hakim El Hattab, http://hakim.se, and reveal.js contributors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

27
bower.json Normal file
View file

@ -0,0 +1,27 @@
{
"name": "reveal.js",
"version": "3.7.0",
"main": [
"js/reveal.js",
"css/reveal.css"
],
"homepage": "http://revealjs.com",
"license": "MIT",
"description": "The HTML Presentation Framework",
"authors": [
"Hakim El Hattab <hakim.elhattab@gmail.com>"
],
"dependencies": {
"headjs": "~1.0.3"
},
"repository": {
"type": "git",
"url": "git://github.com/hakimel/reveal.js.git"
},
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test"
]
}

283
index.html Normal file
View file

@ -0,0 +1,283 @@
<!doctype html>
<html lang="it">
<head>
<meta charset="utf-8">
<title>The Fediverse</title>
<meta name="description" content="A short description of Fediverse Galaxy for potential-users">
<meta name="author" content="freebird">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/moon_freebird.css" id="theme">
<link rel="stylesheet" href="plugin/title-footer/title-footer.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- SLIDES BLOCK START -->
<!--Slide intro con sc elta tipo transizione-->
<section id="transitions">
</br>
</br>
<img width="250" height="250" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Fediverse_logo_proposal.svg/220px-Fediverse_logo_proposal.svg.png" alt="Fediverse proposal logo" style="background:none; border:none; box-shadow:none;">
<h1></h1>
</br>
</br>
</br>
</br>
<p>
<xxsmall>choose transition mode:</xxsmall>
<xxsmall>
<a href="?transition=none#/transitions">None</a> //
<a href="?transition=fade#/transitions">Fade</a> //
<a href="?transition=slide#/transitions">Slide</a> //
<a href="?transition=convex#/transitions">Convex</a> //
<a href="?transition=concave#/transitions">Concave</a> //
<a href="?transition=zoom#/transitions">Zoom</a>
</xxsmall>
</section>
<!--Slide-->
<section data-background-video="https://player.vimeo.com/external/295718433.sd.mp4?s=56ea364b6d851c728bb8b0276e4e2c3165b1efc6&profile_id=164" data-background-color="#000000" data-background-video-loop="true">
<h2>Welcome To</h2>
<h1>The Fediverse</h1>
<!-- a video alternative for the welcome slide: https://player.vimeo.com/external/226635303.sd.mp4?s=7cd8567b0ab8593cf3249fbced6564876c206165&profile_id=164-->
</section>
<!--Slide-->
<section>
<h1>Il Fediverso</h1>
<small><span style="color:red">Fediverso</span> (neologismo sincratico o portmanteau) da: <span style="color:red">Fed</span>erabile e Un<span style="color:red">iverso</span></small>
<h3>Cosa, Come, Quando, ma soprattutto ... perchè</h3>
<p>
<img width="250" height="250" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Fediverse_logo_proposal.svg/220px-Fediverse_logo_proposal.svg.png" style="background:none; border:none; box-shadow:none;">
</section>
<!--Slide VERT-BLOCK-1-START-->
<section>
<section>
<h3>Cominciamo dal perchè</h3>
<img data-src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/AE6Da1UkxEeKFp0G8wjn6cPofyr5uXtxIhAoONsB.png" style="background:none; border:none; box-shadow:none;">
<aside class="notes">scandalo Cambridge Analytica facebook e trump, caso Mainstream Network e facebook referendum brexit, profilazione a scopo commerciale e di controllo sociale, notizia dell'enorme trasferimento di denaro di Google in paradiso fiscale</aside>
</section>
<section id="fragments">
<h2>Prima di tutto ...</h2>
<h2>una scelta politica</h2>
</section>
<!--Slide-->
<!--Table START-->
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: center;
}
</style>
<section>
<table style="width:100%">
<tr>
<th>...</th>
<th><xsmall><img src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/UPrQVMoU5coy1SuyNOTB2i1h3tih74GM4Fz5DBBZ.png" style="background:none; border:none; box-shadow:none;"style="width:5%"></xsmall></th>
<th><xsmall><img src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/77OSRl9N8NSDHmNfCVm2hKtzK6ohCCQVJwsKNfIO.png" style="background:none; border:none; box-shadow:none;"style="width:5%"></xsmall></th>
</tr>
<tr>
<td><small>Raccolta dati Utenti</small></td>
<td><small>spesso vengono richieste molte informazioni (nome, cognome, telefono, altra mail, ecc...)</small></td>
<td><small>vengono richieste solo le informazioni minime necessarie (indirizzo mail ed una password)</small></td>
</tr>
<tr>
<td><small>Privacy</small></td>
<td><small>normalmente tracciano gli ip di tutti i dispositivi da cui ci si connette</small></td>
<td><small>molto spesso questi servizi non tracciano gli IP relativi alle connessioni</small></td>
</tr>
<tr>
<td><small> </small></td>
<td><small>il livello di privacy che avremo è limitato da chi gestisce il servizio</small></td>
<td><small>siamo noi a scegliere il livello di privacy che preferiamo</small></td>
</tr>
<tr>
<td><small>Profilazione</small></td>
<td><small>spesso attuata per scopi commerciali ed a volte anche per controllo sociale</small></td>
<td><small>i social open source nascono principalmente per combattere questi meccanismi</small><xsmall></td>
</tr>
</table>
<br>
</section>
<!--Slide-->
<section>
<h2>e ancora...</h2>
<table style="width:100%">
<tr>
<th>...</th>
<th><xsmall><img src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/UPrQVMoU5coy1SuyNOTB2i1h3tih74GM4Fz5DBBZ.png" style="background:none; border:none; box- shadow:none;"style="width:5%"></xsmall></th>
<th><xsmall><img src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/77OSRl9N8NSDHmNfCVm2hKtzK6ohCCQVJwsKNfIO.png" style="background:none; border:none; box-shadow:none;"style="width:5%"></xsmall></th>
</tr>
<tr>
<td><small>Gestione</small></td>
<td><small>gestione demandata a colossi tecnologici e finanziari</small></td>
<td><small>possibilità di partecipazione diretta alla gestione del nodo</small></td>
</tr>
<tr>
<td><small>Filosofia</small></td>
<td><small>utilizzo di codice "chiuso" di cui non conosciamo tutte le funzioni</small></td>
<td><small>utilizzo di codice "aperto" open source, controllabile e modificabile</small></td>
</tr>
<tr>
<td><small>Controllo</small></td>
<td><small>lasciare il controllo in mano alle multinazionali</small></td>
<td><small>riprendersi il controllo di quste tecnologie</small></td>
</tr>
</table>
</section>
</section>
<!--Table END-->
<!--Slide-->
<!--Slide VERT-BLOCK-1-STOP-->
<!--Slide VERT-BLOCK-2-START-->
<section>
<section>
<h3>passiamo al cosa</h3>
<p>
<img data-src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/VX1MO3EzfIdFbXBifPhEGG1Y5zyCbaN3hRnD3Scx.png" style="background:none; border:none; box-shadow:none;">
</section>
<!--Slide-->
<section id="fragments">
<h3>intanto ... dimentichiamo i social monolitici</h3>
<xxsmall>tipo: facebook // twitter // whatsapp // messenger // skype // youtube // instagram </xxsmall>
<p class="fragment fade-left">1 - non ci si iscrive ad un social ma ad un nodo</p>
<p class="fragment fade-left">2 - le decisioni vengono prese a livello di nodo in accordo con gli utenti</p>
<p class="fragment fade-right">3 - si può scegliere la piattaforma di accesso preferita</p>
<p class="fragment fade-left">4 - si può entrare in contatto con tutto il fediverso (altri utenti, altri nodi, altre piattaforme)</p>
<p class="fragment fade-right"><span style="color:red">... insomma, si fa un po' come "#" ci pare</span> ;-)</p>
</section>
<!--Slide-->
<section>
<img data-src=https://media.giphy.com/media/l0IypeKl9NJhPFMrK/giphy.gif> <img data-src=https://media.giphy.com/media/xUPGcng62PSdZOe0vK/giphy.gif>
<p>
<h3>no, dai! non fate così</h3>
<h4>vediamo di capire un po' meglio come funziona</h4>
</section>
<!--Slide-->
<section><img data-src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/p2tyGTxty6d1yAyiwokQhKZ5h2sUlwGWtPxn6AmG.png" style="background:none; border:none; box-shadow:none;" alt="Fediverse Rel. Sketch"></section>
<!--Slide-->
<section><img data-src="https://pixelfed.social/storage/m/db270e597dad64f8e1f854da225e8f19a785fc75/7e98f96f186078c2c32dc0de5d98b201fb63802c/fjVWJxsFjZ23trDSLUIXhFwXkWk4FSGrAgSL0B9O.png" style="background:none; border:none; box-shadow:none;" alt="Fediverse Rel. Sketch"></section>
<!--Slide-->
<section>
<img width="100" height="100" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Fediverse_logo_proposal.svg/220px-Fediverse_logo_proposal.svg.png" alt="Fediverse proposal logo" style="background:none; border:none; box-shadow:none;"><br>
una rappresentazione grafica interattiva <a href="https://kumu.io/wakest/fediverse#known-network" target="_blank">kumo.io</a>
<br>
i progetti attuali <a href="https://the-federation.info" target="_blank">the-federation.info</a>
<br>
le alternative attuali <a href="https://switching.social/" target="_blank">switching.social</a>
</section>
</section>
<!--Slide VERT-BLOCK-2-STOP-->
<section>
<h1>ma ... come e ... quando?</h1>
</section>
<!--Slide-->
<section>
<h2>come, ve lo spieghiamo tra un minuto</h2>
</section>
<!--Slide-->
<section>
<section>
<h2>quando?</h2>
<img data-src=https://media.giphy.com/media/ypO01RIuQ3tHW/giphy.gif> <img data-src=https://media.giphy.com/media/CpgNjk2E54p7W/giphy.gif> <img data-src=https://media.giphy.com/media/wCiFka9RsSW9W/giphy.gif>
<aside class="notes">Shia LaBeouf</aside>
<!--Slide-->
</section>
<!--Slide-->
<section>
<h2>make the <span style="color:red">right</span> thing!</h2>
<img data-src=https://media.giphy.com/media/BcJnd46gtsmOs/giphy.gif width="150%">
</section>
<!--Slide-->
<section>
<h1>join the social-media
<p>
<span style="color:red">Revolution</span></h1>
</section>
</section>
<!--Slide-->
<section>
<h2>Pensierino della sera ...</h2>
<p><a href="https://www.reddit.com/r/IAmA/comments/36ru89/just_days_left_to_kill_mass_surveillance_under/crglgh2/" rel="external">Edward Snowden</a>:</p>
<blockquote>
"Arguing that you don't care about the right to privacy because you have nothing to hide is no different than saying you don't care about free speech because you have nothing to say."
</blockquote>
<p>
<small>trad: <i><span style="color:orange">"Affermare che non si è interessati al diritto alla privacy perché non si ha nulla da nascondere è come dire che non si è interessati alla libertà di parola perché non si ha nulla da dire."</span></i></small></p>
<p><xsmall>clicca <a href="#">qui</a> per tornare all'inizio</xsmall></p>
<xsmall>created with reveal.js - <a href="https://revealjs.com">https://revealjs.com</a> - thanks to hakimel</xsmall>
</section>
<!-- SLIDES BLOCK END -->
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/search/search.js', async: true },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/title-footer/title-footer.js', async: true, callback: function() { title_footer.initialize('Welcome to the Fediverse'); } }
]
});
</script>
</body>
</html>

43
package.json Normal file
View file

@ -0,0 +1,43 @@
{
"name": "reveal.js",
"version": "3.7.0",
"description": "The HTML Presentation Framework",
"homepage": "http://revealjs.com",
"subdomain": "revealjs",
"main": "js/reveal.js",
"scripts": {
"test": "grunt test",
"start": "grunt serve",
"build": "grunt"
},
"author": {
"name": "Hakim El Hattab",
"email": "hakim.elhattab@gmail.com",
"web": "http://hakim.se"
},
"repository": {
"type": "git",
"url": "git://github.com/hakimel/reveal.js.git"
},
"engines": {
"node": ">=4.0.0"
},
"devDependencies": {
"express": "^4.16.2",
"grunt": "^1.0.1",
"grunt-autoprefixer": "^3.0.4",
"grunt-cli": "^1.2.0",
"grunt-contrib-connect": "^1.0.2",
"grunt-contrib-cssmin": "^2.2.1",
"grunt-contrib-jshint": "^1.1.0",
"grunt-contrib-qunit": "^2.0.0",
"grunt-contrib-uglify": "^3.3.0",
"grunt-contrib-watch": "^1.0.0",
"grunt-sass": "^2.0.0",
"grunt-retire": "^1.0.7",
"grunt-zip": "~0.17.1",
"mustache": "^2.3.0",
"socket.io": "^1.7.3"
},
"license": "MIT"
}