Skip to content

GitLab

Commit af9391d2 authored by mazenovi's avatar mazenovi
Browse files

prez tor pint of science

parent f675a371
Expand all Hide whitespace changes
Inline Side-by-side
content/slides/index.html
View file @ af9391d2
......@@ -9,4 +9,5 @@
<li><a href="privacy/pgp.html">pgp</a></li>
<li><a href="privacy/TLSvsPGP.html">tls</a></li>
<li><a href="privacy/tor.html">tor</a></li>
<li><a href="privacy/tor_lite.html">tor lite</a></li>
<li><a href="privacy/bitcoin.html">bitcoin</a></li>
content/slides/privacy/images/jnarac/history/ssl.graphml 0 → 100644
View file @ af9391d2
This diff is collapsed.
content/slides/privacy/jnarac_history.html
View file @ af9391d2
......@@ -13,6 +13,11 @@
<link rel="stylesheet" href="../../node_modules/reveal.js/lib/css/zenburn.css">
<link rel="stylesheet" href="../../node_modules/font-awesome/css/font-awesome.min.css">
<!--link rel="stylesheet" href="../main.css"-->
<style>
.trsp {
background-color: rgba(0, 0, 0, 0.5);
}
</style>
<!-- Printing and PDF exports -->
<script>
......@@ -26,20 +31,106 @@
<body>
<div class="reveal">
<div class="slides">
<section data-background-image="https://upload.wikimedia.org/wikipedia/commons/9/9f/Cliche_Hacker_and_Binary_Code_%2826614834084%29.jpg">
<h1>Comment surfez couvert?</h1>
<h1 class="trsp" style="margin-top: 30%">Comment surfez couvert?</h1>
</section>
<section data-background-image="images/jnarac/history/n00b.jpg">
<h2>Alors qu'on ne comprend rien à l'informatique ...</h2>
<h2 class="trsp">Alors qu'on ne comprend rien à l'informatique ...</h2>
</section>
<section data-background-image="https://upload.wikimedia.org/wikipedia/commons/b/bb/Minitel_Ellenik%C3%AA.jpg">
<h1>Ne surfez pas</h1>
<h1 class="trsp">Ne surfez pas!!</h1>
</section>
<section data-background-image="https://upload.wikimedia.org/wikipedia/commons/5/57/Apple_II_IMG_4218-black.jpg">
<h2 class="trsp">70's</h2>
</section>
<section data-background-image="images/jnarac/history/chiffrement.png" data-background-size="70%">
<h2>chiffrement (symétrique)</h2>
</section>
<section data-background-image="images/crypto/scytale.png" data-background-size="50%">
<h2>Vieux comme le monde</h2>
</section>
<section>
<h2>Chiffrez tous vos périphériques amovibles</h2>
<h3>disquette = lecteur zip = clé USB = carte SD = disque dur portable</h3>
</section>
<section data-background-image="images/jnarac/history/dd.jpg">
<h2 class="trsp">80's</h2>
</section>
<section data-background-image="https://doc.m4z3.me/_/bpu/images/pourquoi_chiffrer/dock_usb.jpg">
<h2 class="trsp">sécurité</h2>
</section>
<section>
<h2>Chiffrez votre système entier</h2>
<h3>répertoire temporaire, dossier d'enregistrement etc ...</h3>
</section>
<section data-background-image="https://upload.wikimedia.org/wikipedia/commons/e/e4/Lenovo_G500s_laptop-2905.jpg">
<h2 class="trsp">90's</h2>
</section>
<section>
<h2>Chiffrez ABSOLUMENT tous vos systèmes mobiles</h2>
<h3>pc portables, smartphone, objets connectés etc ...</h3>
</section>
<section data-background-image="http://2.bp.blogspot.com/-6jOm6WKb1Hg/T8g_3_SSFhI/AAAAAAAAACQ/FGVT3R9IFKw/s1600/global-traffic-map-large.png">
<h2 class="trsp">00's</h2>
</section>
<section data-background-image="http://2.bp.blogspot.com/-6jOm6WKb1Hg/T8g_3_SSFhI/AAAAAAAAACQ/FGVT3R9IFKw/s1600/global-traffic-map-large.png">
<ul>
<li>
Comment savoir avec qui je communique?
<ul>
<li>le bon contact </li>
<li>le bon site web</li>
</ul>
</li>
<li>
Comment communiquer de manière sécurisé?
<ul>
On peut écouter les tuyaux
</ul>
</li>
<li>Mon OS est connecté: que dit il sur moi?</li>
</ul>
</section>
<section data-background-image="images/jnarac/history/chiffrement-asymétrique.png" data-background-size="70%">
<h2>chiffrement (asymétrique)</h2>
</section>
<section>
<h2>Chiffrez vos communications</h2>
<h3>mail, sms, naviation</h3>
</section>
<section data-background-image="https://media.giphy.com/media/l4q8cJzGdR9J8w3hS/giphy.gif">
<h1>Merci</h1>
<h2>Questions?</h2>
<div class="trsp">
<h1>Merci</h1>
<h2>Questions?</h2>
</div>
</section>
</div>
</div>
......
content/slides/privacy/md/tor.args.md deleted 100644 → 0
View file @ f675a371
* Attacks against Tor are an active area of academic research,[16][17] and are welcomed by the Tor Project itself.
* comment faire de la recherche si on a pas de matière première
* Bruce Schneier fait parti du board "Tor Project installs new board of directors after Jacob Appelbaum controversy", Colin Lecher, July 13, 2016, The Verge
* Dans un contexte de recherche passer par Tor peut être une bonne pratique dans un contexte IE agressive
* une relais tor bridge est un plus pour les chercheurs en déplacement ou à l'étranger notamment en Chine ou en Arabie Saoudite
* Criminals can already do bad things. Since they're willing to break laws, they already have lots of options available that provide better privacy than Tor provides....
* Tor aims to provide protection for ordinary people who want to follow the law. Only criminals have privacy right now, and we need to fix that....
So yes, criminals could in theory use Tor, but they already have better options, and it seems unlikely that taking Tor away from the world will stop them from doing their bad things. At the same time, Tor and other privacy measures can fight identity theft, physical crimes like stalking, and so on.
— Tor Project FAQ[78]
* l'isima en tant qu'école d'ingénieur informatique pourrait avoir son site le darknet, pourquoi pas un relais?
content/slides/privacy/tor_lite.html 0 → 100644
View file @ af9391d2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Tor</title>
<link rel="stylesheet" href="../../node_modules/reveal.js/css/reveal.css">
<link rel="stylesheet" href="../../node_modules/reveal.js/css/theme/black.css">
<style>
.trsp {background-color: rgba(0, 0, 0, 0.8);}
.green {color: green;}
.red {color: red;}
li {list-style-type: none}
li.c {list-style-type: circle}
ul.c {padding-left: 70px;padding-right: 70px;}
</style>
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="../../node_modules/reveal.js/lib/css/zenburn.css">
<link rel="stylesheet" href="../../node_modules/font-awesome/css/font-awesome.min.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 ) ? '../../node_modules/reveal.js/css/print/pdf.css' : '../../node_modules/reveal.js/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-background-image="https://upload.wikimedia.org/wikipedia/commons/9/9f/Cliche_Hacker_and_Binary_Code_%2826614834084%29.jpg">
<h1 class="trsp" style="margin-top: 30%">Comment surfer couvert ...</h1>
</section>
<section data-background-image="images/jnarac/history/n00b.jpg">
<h2 class="trsp">... alors qu'on ne comprend rien à l'informatique?</h2>
</section>
<section data-background-image="https://media.giphy.com/media/11jQqqyF4S5MWY/giphy.gif">
<h1 class="trsp">ne surfez pas!!</h1>
</section>
<section data-background-image="https://media.giphy.com/media/xUOxeYRbOqVvmBer0Q/giphy.gif">
<h2 class="trsp">ou comprenez les enjeux!</h2>
</section>
<section>
<h2>se protéger</h2>
<ul>
<li>confidentialité</li>
<li>authentification</li>
<li>anonymat</li>
</ul>
</section>
<section data-background-image="images/jnarac/history/chiffrement.png"
data-background-color="white"
data-background-size="70%">
<h4>confidentialité / chiffrement symétrique</h4>
</section>
<section data-background-image="images/crypto/scytale.png"
data-background-size="50%">
<h4>confidentialité / Vieux comme le monde</h4>
</section>
<section data-background-image="images/jnarac/history/chiffrement-asymétrique.png"
data-background-color="white"
data-background-size="70%">
<h4>confidentialité / chiffrement asymétrique</h4>
</section>
<section data-background-image="images/jnarac/history/ssl.png"
data-background-color="white"
data-background-size="70%">
<h4>confidentialité / chiffrement asymétrique</h4>
</section>
<section data-background-image="images/tor/pki.png"
data-background-color="white"
data-background-size="70%">
<h4>authentification / PKI</h4>
</section>
<section data-background-image="https://doc.m4z3.me/_/1337/images/known-good-signers.png"
data-background-size="50%">
<h4>authentification / CA</h4>
</section>
<section data-background-image="images/tor/dns.jpg"
data-background-color="white"
data-background-size="55%">
<h2>anonymat / IP / DNS</h2>
</section>
<section data-background-image="https://bambooinnovator.files.wordpress.com/2013/10/mk-ch388_cookie_g_20131028180025.jpg"
data-background-color="#F8F2E4"
data-background-size="72%">
<h2>anonymat / tracking</h2>
<div style="margin-top: 55%"><a href="https://panopticlick.eff.org/">panopticlick.eff.org</a></div>
</section>
<section>
<h2>se protéger avec <strike>SSL</strike> TLS</h2>
<ul>
<li>confidentialité <strong class="green">✓</strong></li>
<li>authentification <strong class="green">✓</strong></li>
<li>anonymat <strong class="red">𐄂</strong></li>
<li>tracking <strong class="red">𐄂</strong></li>
</ul>
<div class="trsp" style="margin-top: 25%">idéal pour le e-commerce ;)</div>
</section>
<section data-background-image="images/tor/tor.png" data-background-size="55%">
<h2>Tor</h2>
<ul class="trsp c" style="margin-top: 40px">
<li class="c">"un" darknet parmi d'autres</li>
<li class="c">"le" <strong>darkweb</strong>: un des services de <strong>Tor</strong></li>
<li class="c">projet de l'armée américaine (mi-1990)</li>
<li class="c">code en open source depuis 2004</li>
<li class="c">sponsorisée par l'<a href="https://www.eff.org/fr">EFF</a></li>
<li class="c">organisation à but non lucratif</li>
<li class="c">contournement de la censure</li>
<li class="c">~2 375 000 utilisateurs par jour</li>
</ul>
</section>
<section data-background-image="images/tor/tor-browser.jpg" data-background-size="55%" data-background-position="bottom">
<ul class="trsp c">
<li class="c">
<a href="https://www.torproject.org/projects/torbrowser.html.en">cross platform</a>
<i class="fa fa-linux" aria-hidden="true"></i>
<i class="fa fa-windows" aria-hidden="true"></i>
<i class="fa fa-apple" aria-hidden="true"></i>
<i class="fa fa-android" aria-hidden="true"></i>
</li>
<li class="c"><i class="fa fa-firefox" aria-hidden="true"></i> Firefox + proxy tor intégré</li>
<li class="c">
<a href="https://addons.mozilla.org/fr/firefox/addon/noscript/">NoScript
<i class="fa fa-firefox" aria-hidden="true"></i> add ons</a>
<ul class="c"><li>javascript désactivé</li></ul>
</li>
<li class="c">
<a href="https://tails.boum.org/">Tails (OS live)</a>
</li>
</ul>
</section>
<section data-background-image="https://www.extremetech.com/wp-content/uploads/2015/12/Tor-Encryption.jpg" data-background-size="contain" data-background-color="#eeeeee">
</section>
<section
data-background-image="https://fc.isima.fr/~mazenod/slides/privacy/images/tor/tor-circuit.png"
data-background-size="contain"
data-background-position="bottom">
<h3 class="trsp">Tor circuit</h3>
</section>
<section>
<h2>se protéger avec Tor sur le web</h2>
<ul>
<li>confidentialité <strong class="red">𐄂</strong></li>
<li>authentification<strong class="red">𐄂</strong></li>
<li>anonymat<strong class="green">✓</strong></li>
<li>tracking <strong class="green">✓</strong></li>
</ul>
</section>
<section>
<h2>se protéger avec Tor + TLS (https) sur le web</h2>
<ul>
<li>confidentialité <strong class="green">✓</strong></li>
<li>authentification <strong class="green">✓</strong></li>
<li>anonymat<strong class="green">✓</strong></li>
<li>tracking <strong class="green">✓</strong></li>
</ul>
</section>
<section data-background-image="images/tor/hs.png" data-background-size="contain" data-background-color="#e1e1e1">
</section>
<section>
<h2>se protéger avec Tor (.onion)</h2>
<ul>
<li>confidentialité <strong class="green">✓</strong></li>
<li>authentification / identification <strong class="green">✓</strong></li>
<li>anonymat<strong class="green">✓</strong></li>
<li>tracking <strong class="green">✓</strong></li>
<li><strong>anonymat du serveur</strong> <strong class="green">✓</strong></li>
</ul>
<div class="trsp" style="margin-top: 25%">idéal pour la cybercriminalité ;)</div>
</section>
<section data-background-image="https://media3.giphy.com/media/3o85fTbmA8BbUhJvri/giphy.gif">
</section>
<section data-background-image="https://media.giphy.com/media/l4q8cJzGdR9J8w3hS/giphy.gif">
<div class="trsp">
<h1>Merci</h1>
<h2>Questions?</h2>
</div>
</section>
</section>
</div>
</div>
<script src="../../node_modules/reveal.js/lib/js/head.min.js"></script>
<script src="../../node_modules/reveal.js/js/reveal.js"></script>
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: false,
dependencies: [
{ src: '../../node_modules/reveal.js/plugin/markdown/marked.js' },
{ src: '../../node_modules/reveal.js/plugin/markdown/markdown.js' },
{ src: '../../node_modules/reveal.js/plugin/notes/notes.js', async: true },
{ src: '../../node_modules/reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment