diff options
Diffstat (limited to 'slides/pws')
-rw-r--r-- | slides/pws/index.html | 9 | ||||
-rw-r--r-- | slides/pws/script.js | 10 | ||||
-rw-r--r-- | slides/pws/style.css | 4 |
3 files changed, 19 insertions, 4 deletions
diff --git a/slides/pws/index.html b/slides/pws/index.html index af9fb6d..cdf41a7 100644 --- a/slides/pws/index.html +++ b/slides/pws/index.html @@ -45,7 +45,7 @@ styles: [ ../reveal.js/theme/blood.css, ../reveal.js/zenburn.css, ./style.css ] </section> <section> <section> - <p>Hoe de robot werkt.</p> + <h3>Hoe werkt de robot?</h3> </section> <section data-background-image="https://static1.squarespace.com/static/571803cd27d4bde8997774b0/t/57361430f85082cb3f1a7ee8/1463161911625/web-iStock_000084382279_Large.jpg?format=1500w" @@ -71,6 +71,13 @@ styles: [ ../reveal.js/theme/blood.css, ../reveal.js/zenburn.css, ./style.css ] <section> <h3>Process</h3> </section> + <section> + <ul> + <li>3 keer herinstalleren</li> + <li class="fragment">Van IOTA naar Ethereum</li> + <li class="fragment">Niet perfect</li> + </ul> + </section> <section data-background-image="/assets/robot.jpeg" data-background-size="contain"> diff --git a/slides/pws/script.js b/slides/pws/script.js index 3f95d00..e044cd7 100644 --- a/slides/pws/script.js +++ b/slides/pws/script.js @@ -1,15 +1,18 @@ -const web3 = new Web3(new Web3.providers.HttpProvider('http://95.85.1.235:8545')); +const web3 = new Web3(new Web3.providers.HttpProvider('http://80.61.192.39:8545')); Reveal.initialize({ history: true, backgroundTransition: 'slide' }) -function addToSlide(data, isHeader) { +function addToSlide(data, isHeader, isToRobot) { const pre = document.createElement('pre'); if (isHeader) { pre.classList.add('header'); } + if (isToRobot) { + pre.classList.add('robot'); + } pre.textContent = data; document.querySelector('#blockchain').appendChild(pre); @@ -39,6 +42,7 @@ filter.watch((err, blockHash) => { } const humanReadableValue = web3.fromWei(transaction.value, 'ether').toString(); - addToSlide(`${compactStr(transaction.from)} -> ${humanReadableValue} ETHER -> ${compactStr(transaction.to)}`); + const isToRobot = transaction.to === '0x5bcd404e6b96dfd033bd362d0f947753d5fb1f57' + addToSlide(`${compactStr(transaction.from)} -> ${humanReadableValue} ETHER -> ${compactStr(transaction.to)}`, false, isToRobot); }); }); diff --git a/slides/pws/style.css b/slides/pws/style.css index 73cf12a..0f5ebc5 100644 --- a/slides/pws/style.css +++ b/slides/pws/style.css @@ -45,6 +45,10 @@ font-weight: bold; } +.robot { + background-color: #7d7d23; +} + @keyframes appear { from { background-color: #91971b; |