jopenspace2017-full.html

<!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>Neuralink, 2017</title>

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/clock.css">
		<link rel="stylesheet" href="css/theme/night.css" id="theme">

		<!-- 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>

        <style>
            @media screen and (max-height: 1000px) {
                #logo {
                    display: none;
                    visibility: hidden;
                } }
        </style>
	</head>

	<body>

        <div id="logo" style="display: block; position: absolute; bottom: 40px; left: 50%; margin-left: -70px; z-index: 20;">
            <a target="_blank" href="http://www.fg.cz" target="_blank"><img src="img/jopenspace2013/FG_Forrest_neg.png" width="140px"/></a>
        </div>

		<div class="reveal">

			<div class="slides">
                <!-- INTRO -->
                <section data-background="img/jopenspace2017/bmi.jpg">
                    <h1 style="color: #ad300c;">Neurolink</h1>
                    <h2>Přežití lidského druhu v době AI</h2>
                    <h3 style="color: gray">rekapitulace článku<br/><a href="https://waitbutwhy.com/2017/04/neuralink.html">Neuralink and the Brain’s Magical Future</a></br/> od <strong>Tim Urban</strong></h3>
                    <p style="margin-top: 10em">
                        <small style="color: #a6a6a6">Jan <a style="color: #a6a6a6" href="http://www.twiter.com/novoj">@Novoj</a> Novotný</small>
                    </p>
                    <h4 style="color:#a6a6a6">Sledujte prezentaci spolu se mnou<br/><a style="color: white" href="http://novoj.github.io/reveal.js/jopenspace2017.html">http://novoj.github.io/reveal.js/jopenspace2017.html</a></h4>
                </section>
                <section data-background="img/backgrounds/black.jpg">
                    <section data-background="img/backgrounds/black.jpg" data-transition="slide-in fade-out">
                        <h1>Elon Musk a jeho mise</h1>
                        <h2>Génius jemuž záleží na přežití lidského druhu?!</h2>
                        <p>Jeho firmy reagují na aktuální problémy lidstva jako celku.</p>
                        <img src="img/jopenspace2017/company-formula.png" height="350">
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-transition="fade-in fade-out">
                        <h1>Elon Musk a jeho mise</h1>
                        <h2>Génius jemuž záleží na přežití lidského druhu?!</h2>
                        <p>Jeho firmy reagují na aktuální problémy lidstva jako celku.</p>
                        <img src="img/jopenspace2017/tesla-formula.png" height="350">
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-transition="fade-in fade-out">
                        <h1>Elon Musk a jeho mise</h1>
                        <h2>Génius jemuž záleží na přežití lidského druhu?!</h2>
                        <p>Jeho firmy reagují na aktuální problémy lidstva jako celku.</p>
                        <img src="img/jopenspace2017/spacex-formula.png" height="350">
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-transition="fade-in slide-out">
                        <h1>Elon Musk a jeho mise</h1>
                        <h2>Génius jemuž záleží na přežití lidského druhu?!</h2>
                        <p>Jeho firmy reagují na aktuální problémy lidstva jako celku.</p>
                        <img src="img/jopenspace2017/neuralink-formula.png" height="350">
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-transition="slide-in fade-out">
                        <h1>Elon Musk a jeho mise</h1>
                        <h2>Hlavní cíl</h2>
                        <img src="img/jopenspace2017/communication-evolution-2.png" height="500">
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-transition="fade-in slide-out">
                        <h1>Elon Musk a jeho mise</h1>
                        <h2>Hlavní cíl</h2>
                        <div style="clear: both;">
                            <img src="img/jopenspace2017/Communication-Flow.png" height="250">
                            <span style="top: -150px; position: relative; font-size: 300%">&rightarrow;</span>
                            <img style="top: -100px; position: relative;" src="img/jopenspace2017/Communication-Flow-Condensed.png" height="100">
                            <p>Přímé propojení s AI.<br/>Přiblížení se jejím schopnostem.<br/>Demokratizace inteligence.</p>
                        </div>
                    </section>
                </section>
                <section data-background="img/backgrounds/black.jpg">
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Vývoj "lidského obra"</h1>
                        <h2>individuální znalosti</h2>
                        <img src="img/jopenspace2017/inidividual.png" height="350">
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Vývoj "lidského obra"</h1>
                        <h2>skupinové znalosti</h2>
                        <img src="img/jopenspace2017/group.png" height="350">
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Vývoj "lidského obra"</h1>
                        <h2>vynález jazyka</h2>
                        <img src="img/jopenspace2017/knowledge-growth-graph-before-language.png" height="350">
                        <img src="img/jopenspace2017/knowledge-growth-graph-after-language.png" height="350">
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Vývoj "lidského obra"</h1>
                        <h2><a href="https://en.wikipedia.org/wiki/Metcalfe%27s_law">Metcalfův zákon</a></h2>
                        <p>Hodnota telekomunikační sítě odpovídá druhé mocnině počtu připojených (komunikujících) uživatelů.
                           Teoretické maximum, které je snižováno bariérami - např. odlišností jazyka.</p>
                           <img src="img/jopenspace2017/Metcalfe-Network-Effect.png" height="350" style="float: left;">
                        <ul style="margin-top: 4em">
                            <li>2 lidé mohou mít "1 konverzaci"</li>
                            <li>3 lidé může mít "4 konverzace" (každý s každým, a i všichni dohromady)</li>
                            <li>20 lidí může mít "1,048,555 ruzných konverzací"</li>
                        </ul>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Vývoj "lidského obra"</h1>
                        <h2>vynález písma</h2>
                        <p>Ke konverzaci se živými lidmi se přidává možnost komunikovat s "mrtvými", i když pouze jednosměrně.</p>
                        <p>Množství znalostí předané z jedné generace na další se významně zvyšuje.</p>
                        <img src="img/jopenspace2017/knowledge-growth-graph-after-language.png" height="350" style="float: left">
                        <ul style="margin-top: 3em; width: 60%">
                            <li>v polovině 15 století bylo po celé evropě pouze 30 tisíc knih</li>
                            <li>vynález knihtisku významně akceleroval šíření knih a dostupnost pro obyčejné lidi</li>
                            <li>rychlost tisku se zvyšovala z 25 str/den v čase Gutenberga na 2400/den na začátku 19 století, dnes tiskneme rychlostí přes 7 mil. str/den</li>
                        </ul>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Vývoj "lidského obra"</h1>
                        <h2>vynález počítačů a internetu</h2>
                        <div style="clear: both;">
                            <img src="img/jopenspace2017/human-colosus.png" height="300">
                            <span style="top: -150px; position: relative; font-size: 300%">&rightarrow;</span>
                            <img src="img/jopenspace2017/human-computer-colosus.png" height="300">
                            <span style="top: -150px; position: relative; font-size: 300%">&rightarrow;</span>
                            <img src="img/jopenspace2017/computer-colosus.png" height="300">
                        </div>
                        <h2>Vznik "počítačového obra"</h2>
                        <p>potenciálně mnohonásobně schopnějšího než jeho lidský předchůdce</p>
                        <p>analogický k vývoji lidského obra jen mnohonásobně vyšší rychlostí</p>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Vývoj "lidského obra"</h1>
                        <h2>Kam dál?</h2>
                        <img src="img/jopenspace2017/communication-evolution.png" height="500">
                    </section>
                </section>
                <section data-background="img/backgrounds/black.jpg">
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Vývoj nervových tkání a mozku</h2>
                        <ul style="vertical-align: middle; list-style-type: none;">
                            <li style="background-image: url('img/jopenspace2017/sponge.png'); background-repeat: no-repeat; line-height: 80px; padding-left: 140px; margin-bottom: 20px">buňky</li>
                            <li style="background-image: url('img/jopenspace2017/jellyfish.png'); background-repeat: no-repeat; line-height: 80px; padding-left: 140px; margin-bottom: 20px">jednoduché organismy s nervovou tkání (<a href="https://cs.wikipedia.org/wiki/Med%C3%BAzovci">Medůzovci</a>)</li>
                            <li style="background-image: url('img/jopenspace2017/flatworm.png'); background-repeat: no-repeat; line-height: 80px; padding-left: 140px; margin-bottom: 20px">organismy s prvním "centrálním mozkem" (<a href="https://cs.wikipedia.org/wiki/Plo%C5%A1t%C4%9Bnci">Ploštěnci</a>)</li>
                            <li style="background-image: url('img/jopenspace2017/frog.png'); background-repeat: no-repeat; line-height: 80px; padding-left: 140px; margin-bottom: 20px">první dýchání, tlukot srdce, vydávání zvuků (<a href="https://cs.wikipedia.org/wiki/Oboj%C5%BEiveln%C3%ADci">Obojživelníci</a>)</li>
                            <li style="background-image: url('img/jopenspace2017/rodent.png'); background-repeat: no-repeat; line-height: 80px; padding-left: 140px; margin-bottom: 20px">první <a href="https://cs.wikipedia.org/wiki/Limbick%C3%BD_syst%C3%A9m">limbický systém</a> = emoce, zachování druhu (útok/útěk), čich (<a href="https://cs.wikipedia.org/wiki/Savci">Savci</a>)</li>
                            <li style="background-image: url('img/jopenspace2017/primate.png'); background-repeat: no-repeat; line-height: 80px; padding-left: 140px; margin-bottom: 20px">vývoj <a href="https://en.wikipedia.org/wiki/Neocortex">neocortexu</a> = senzorické vnímání, poznávání, prostorové uvažování, jazyk (<a href="https://cs.wikipedia.org/wiki/Prim%C3%A1ti">Primáti</a>)</li>
                        </ul>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Vývojové etapy zachycené v lidském mozku</h2>
                        <img src="img/jopenspace2017/brain-to-development-phases.png" height="315">
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="brain-fold">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Ochranné vrstvy mozku</h2>
                        <div style="width: 100%; align-content: center">
                            <table style="height: 350px; margin: 0 auto;">
                                <tr>
                                    <td style="vertical-align: middle">
                                        <img src="img/jopenspace2017/brain-mater.jpg" height="315">
                                    </td>
                                    <td style="vertical-align: middle">
                                        <iframe id="ytplayer" width="560" height="315" src="https://www.youtube.com/embed/ak1FWodg5Nw?rel=0&amp;controls=0&amp;showinfo=0&amp;start=105&amp;enablejsapi=1" frameborder="0"></iframe>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <p>Mozek "neplave" v mozkomíšním moku, jak jsem si myslel.</p>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="brain-fold">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Pohybové a senzorové centrum</h2>
                        <div style="width: 100%; align-content: center">
                            <table style="height: 350px; margin: 0 auto;">
                                <tr>
                                    <td style="vertical-align: middle">
                                        <img src="img/jopenspace2017/motor-cortex.jpg" height="200"><br/>
                                        <span>motorické centrum</span>
                                    </td>
                                    <td style="vertical-align: middle">
                                        <img src="img/jopenspace2017/sensory-cortex.jpg" height="200"><br/>
                                        <span>centrum vnímání</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="brain-fold">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Homunculus</h2>
                        <div style="width: 100%; align-content: center">
                            <table style="margin: 0 auto;">
                                <tr>
                                    <td style="vertical-align: middle; text-align: center">
                                        <img src="img/jopenspace2017/homunculus.png" height="70%"><br/>
                                        <span><br/>aktivita cortexu dle částí těla</span>
                                    </td>
                                    <td style="vertical-align: bottom; text-align: center">
                                        <img src="img/jopenspace2017/homunculus-representation.jpg" height="60%"><br/>
                                        <span>vizualizace prostoru věnovaného různým částem těla v cortexu</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="brain-fold">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Fungování neuronu</h2>
                        <div style="width: 100%; align-content: center">
                            <img src="img/jopenspace2017/neuron.png" height="500">
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="brain-fold">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Rychlost přenosu informace synapsemi</h2>
                        <p>Je od 1m/s pro nestíněné synapse, 100m/s pro stíněné</p>
                        <div style="width: 100%; align-content: center">
                            <img src="img/jopenspace2017/myelin-stealth.gif" height="300">
                            <img src="img/jopenspace2017/cable-anatomy.jpg" height="300">
                        </div>
                        <p>Je možné si všimnout, že pokud se říznete do nohy, hlava vidí zranění cca 1-2s před tím, než
                           dorazí bolest z nohy, protože bolest putuje po nervech neobalených Myelinovou vrstvou.</p>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="brain-fold">
                        <h1>Můj propadák z biologie</h1>
                        <h2>Myslíme 2mm vrstvou šedé kůry mozkové</h2>
                        <p>všechno ostatní (bílá kůra mozková) je kabeláž</p>
                        <div style="width: 100%; align-content: center">
                            <img src="img/jopenspace2017/brain-synapses-visualization1.jpg" height="300">
                            <img src="img/jopenspace2017/brain-synapses-visualization2.jpg" height="300">
                            <img src="img/jopenspace2017/rack-visualization.jpg" height="300">
                        </div>
                        <p>To je také důvod záhybů na povrchu mozku - díky záhybům dosahuje příroda větší 2mm plochy
                           myslící šedé kůry mozkové (cca 50cm<sup style="font-size: 60%">2</sup>).</p>
                    </section>
                </section>
                <section data-background="img/backgrounds/black.jpg">
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>Problémy</h2>
                        <ol>
                            <li>měřítko - jak velké množství dokážeme najednou sledovat / stimulovat</li>
                            <li>rozlišení - od oblastí, svazků až na individuální neurony, časová přesnost</li>
                            <li>invazivnost do lidského organismu</li>
                        </ol>
                        <h2>V neurovědě jsme v době kamenné</h2>
                        <ol></ol>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="kochlear-implant">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>Kochleární implantát</h2>
                        <div style="width: 100%; align-content: center">
                            <table style="height: 350px; margin: 0 auto;">
                                <tr>
                                    <td style="vertical-align: middle">
                                        <img src="img/jopenspace2017/kochear-implant-1.jpg" height="300">
                                    </td>
                                    <td style="vertical-align: middle">
                                        <img src="img/jopenspace2017/kochear-implant-2.jpg" height="300">
                                    </td>
                                    <td style="vertical-align: middle">
                                        <iframe id="kochlear-implant" width="560" height="315" src="https://www.youtube.com/embed/-GA9gEh1fLs?rel=0&amp;controls=0&amp;showinfo=0&amp;start=02&amp;enablejsapi=1" frameborder="0"></iframe>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="second-sight">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>Second sight</h2>
                        <div style="width: 100%; align-content: center">
                            <table style="height: 350px; margin: 0 auto;">
                                <tr>
                                    <td style="vertical-align: middle">
                                        <img src="img/jopenspace2017/second-sight.jpg" height="300">
                                    </td>
                                    <td style="vertical-align: middle">
                                        <iframe id="second-sight" width="560" height="315" src="https://www.youtube.com/embed/Bi_HpbFKnSw?rel=0&amp;controls=0&amp;showinfo=0&amp;start=02&amp;enablejsapi=1" frameborder="0"></iframe>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg" data-state="current-bmis">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>State of the art</h2>
                        <div style="width: 100%; align-content: center">
                            <table style="height: 350px; margin: 0 auto;">
                                <tr>
                                    <td style="vertical-align: middle">
                                        <iframe id="exoskelet" width="560" height="315" src="https://www.youtube.com/embed/hkOwS7nAevo?rel=0&amp;controls=0&amp;showinfo=0&amp;start=30&amp;enablejsapi=1" frameborder="0"></iframe>
                                    </td>
                                    <td style="vertical-align: middle">
                                        <iframe id="braingate" width="560" height="315" src="https://www.youtube.com/embed/QRt8QCx3BCo?rel=0&amp;controls=0&amp;showinfo=0&amp;start=98&amp;enablejsapi=1" frameborder="0"></iframe>
                                    </td>
                                    <td style="vertical-align: middle">
                                        <iframe id="bmi-game" width="560" height="315" src="https://www.youtube.com/embed/TJJPbpHoPWo?rel=0&amp;controls=0&amp;showinfo=0&amp;start=16&amp;enablejsapi=1" frameborder="0"></iframe>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2><a href="https://futurism.com/darpa-is-planning-to-hack-the-human-brain-to-let-us-upload-skills/amp/">Targeted Neuroplasticity Training</a></h2>
                        <p>DARPA projekt jehož cílem je umožnit vojákům rychle se naučit potřebné znalosti - např. plynně hovořit cizím jazykem.
                            Tj. dosáhnout něčeho čemu říkají "downloadable training".</p>
                        <div style="width: 100%; align-content: center">
                            <table style="height: 350px; margin: 0 auto;">
                                <tr>
                                    <td style="vertical-align: middle; text-align: center">
                                        <img src="img/jopenspace2017/DARPA-TNT.jpg" height="300">
                                        <span style="font-size: 60%">Credit: DARPA</span>
                                    </td>
                                    <td style="vertical-align: middle; text-align: center">
                                        <img src="img/jopenspace2017/prey-neuromod.jpg" height="300">
                                        <span style="font-size: 60%">Credit: Prey (the game)</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>Očekávaný vývoj</h2>
                        <ol>
                            <li>experimenty na postižených lidech</li>
                            <li>přístroje pouze pro "bohaté"</li>
                            <li>demokratizace BMI</li>
                        </ol>
                        <div style="clear: both;">
                            <img src="img/jopenspace2017/gordon-gekko-RS.jpg" height="300">
                            <span style="top: -150px; position: relative; font-size: 300%">&rightarrow;</span>
                            <img src="img/jopenspace2017/iphone.png" height="300" class="plain">
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>vše je o šířce pásma</h2>
                        <div style="clear: both;">
                            <img src="img/jopenspace2017/communication-speed-1.png" height="400">
                            <img src="img/jopenspace2017/communication-speed-2.png" height="400">
                        </div>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>Fáze I.</h2>
                        <ul>
                            <li>human-to-computer komunikace, motor cortex jako dálkové ovládání
                                <ul>
                                    <li>exoskelety</li>
                                    <li>vzdálené ovládání dronů</li>
                                    <li>"telekineze" - tj. vzdálené ovládání elektronických předmětů (dveře, světla, kotle, radia, televize)</li>
                                    <li>ultimátní paměť (<a href="https://www.youtube.com/watch?v=Sw3GIR70HAY">Black Mirror S01E03 The Entire History Of You</a>)</li>
                                </ul>
                            </li>
                            <li>human-to-human komunikace, telepatie
                                <ul>
                                    <li>rychlejší komunikace</li>
                                    <li>intenzivnější komunikace - přímé vyjadřování pocitů/myšlenek neomezené na slova</li>
                                    <li>zrušení jazykové bariéry - myslí náš mozek v rodném jazyce?!</li>
                                </ul>
                            </li>
                            <li>přímý přenos všech smyslů od člověka člověku
                                <ul>
                                    <li>zvukové, čichové, hmatové přenosy</li>
                                    <li>emocionální přenosy</li>
                                    <li><a href="https://technet.idnes.cz/lidske-smysly-0fe-/veda.aspx?c=A161129_134649_veda_pka">filmy a příběhy v 10D</a></li>
                                </ul>
                            </li>
                        </ul>
                    </section>
                    <section data-background="img/backgrounds/black.jpg">
                        <h1>BMI - brain machine interfaces</h1>
                        <h2>Fáze II.</h2>
                        <ul>
                            <li>kontrola "limbického systému"
                                <ul>
                                    <li>ovládnutí pocitu hladu - přehráním pocitů jako bychom jedli (i "junk food" bez omezení  <img src="img/jopenspace2017/smiley.png" class="plain" style="margin: 0">)</li>
                                    <li>ovládání bolesti</li>
                                    <li>ukojení všech základních potřeb virtuálně (sex, drogy, alkohol <img src="img/jopenspace2017/smiley.png" class="plain" style="margin: 0">)</li>
                                </ul>
                            </li>
                            <li>vyléčení poruch nálad / chování
                                <ul>
                                    <li>přímá kontrola postižených částí mozku</li>
                                    <li>vyloučení chemikálií z procesu léčby</li>
                                </ul>
                            </li>
                            <li>experimentování se smysly - kombinace lidských a mechanických smyslů
                                <ul>
                                    <li>tušení přítomnosti - propojení s detektory</li>
                                    <li>vidění ve všech spektrech, slyšet ve všech délkách</li>
                                </ul>
                            </li>
                            <li>nabývání znalostí
                                <ol>
                                    <li>online vyhledávání informací z mozku - zeptám se a přečtu</li>
                                    <li>online vyhledávání "znalostí" z mozku - zeptám se a vím</li>
                                    <li>online přístup k informacím - vím ve chvíli, kdy to potřebuju</li>
                                    <li>porozumnění informacím - nejenže vím, ale i komplexně chápu</li>
                                </ol>
                            </li>
                        </ul>
                    </section>
                </section>
                <!-- OUTRO -->
                <section data-background="img/jopenspace2017/bmi.jpg">
                    <div style="display: inline-block">
                        <h1>Fáze III.</h1>
                        <h2>Splynutí s cloudem?!</h2>
                        <p><strong>Odkazy:</strong></p>
                        <ul>
                            <li><a href="https://waitbutwhy.com/2017/04/neuralink.html">Neuralink and the Brain’s Magical Future</a> od <strong>Tim Urban</strong></li>
                            <li><a href="https://futurism.com/darpa-is-planning-to-hack-the-human-brain-to-let-us-upload-skills/amp/">DARPA: nahrávání znalostí</a></li>
                        </ul>
                        <p>Kontakt <a target="_blank" href="https://www.twitter.com/novoj">@Novoj</a> or <a target="_blank" href="mailto:novotnaci@gmail.com">novotnaci@gmail.com</a></p>
                    </div>
                </section>
			</div>

		</div>

		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/clock.js"></script>
        <script src="https://www.youtube.com/iframe_api"></script>

		<script>

			// Full list of configuration options available here:
			// https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
			    history: true,
				controls: true,
				progress: true,
				history: true,
				center: true,

                width: 1200,
                height: 900,

				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
				transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none

				// Optional libraries used to extend on reveal.js
				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/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
					{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
				]
			});

            var playerBrainFold;
            var playerExoskelet;
            var playerBrainGate;
            var playerBmiGame;
            var playerKochlear;
            var playerSecondSight;

            window.onYouTubePlayerAPIReady = function() {
                playerBrainFold = new YT.Player('ytplayer');
                playerExoskelet = new YT.Player('exoskelet');
                playerBrainGate = new YT.Player('braingate');
                playerBmiGame = new YT.Player('bmi-game');
                playerKochlear = new YT.Player('kochlear-implant');
                playerSecondSight = new YT.Player('second-sight');
            };

            var playMuted = function(player, time) {
                if (player) {
                    player.mute();
                    player.seekTo(time, true);
                    player.playVideo();
                } else {
                    window.setInterval(play, 200);
                }
            };

            var playBrainFold = function() {
                playMuted(playerBrainFold, 105);
            };

            var playKochlear = function() {
                playMuted(playerKochlear, 2);
            };

            var playSecondSight = function() {
                playMuted(playerSecondSight, 2);
            };

            var playCurrentBmis = function() {
                playMuted(playerExoskelet, 30);
                playMuted(playerBrainGate, 98);
                playMuted(playerBmiGame, 16);
            };

            Reveal.addEventListener( 'brain-fold', playBrainFold, false );
            Reveal.addEventListener( 'current-bmis', playCurrentBmis, false );
            Reveal.addEventListener( 'kochlear-implant', playKochlear, false );
            Reveal.addEventListener( 'second-sight', playSecondSight, false );

            var deadline = new Date(Date.parse(new Date()) + 10 * 60 * 1000);
            initializeClock(deadline);

		</script>

	</body>
</html>