joshua/presentation-blockchains
1
0
Fork 0
mirror of https://github.com/seigler/presentation-blockchains synced 2025-07-27 09:36:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: transition for linked-list image

Browse source
This commit is contained in:
Joshua Seigler 2016-10-13 22:59:33 -04:00
parent 786a0a0753
commit ccb78186f3
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -39,7 +39,7 @@
</section> </section>
<section class="hashpointers"> <section class="hashpointers">
<img janus-timeline src="styles/linked-list.svg" alt="" class="contain" style="object-position: 70% 50%"> <img janus-timeline janus-future="big" src="styles/linked-list.svg" alt="" class="contain" style="object-position: 70% 50%">
<img janus-timeline janus-future="big" src="styles/linked-list-hashpointers.svg" alt="" class="contain" style="object-position: 70% 50%"> <img janus-timeline janus-future="big" src="styles/linked-list-hashpointers.svg" alt="" class="contain" style="object-position: 70% 50%">
<h1>Hash Pointers</h1> <h1>Hash Pointers</h1>
</section> </section>

6
styles/main.css
View file

@ -71,7 +71,7 @@ body.is-loading:after {
} }
body.simulate-projection { body.simulate-projection {
filter: brightness(1.5) contrast(0.65); filter: contrast(0.65);
} }
main { main {
@ -165,14 +165,14 @@ section > * {
body.show-notes section [janus-timeline='future'] { body.show-notes section [janus-timeline='future'] {
visibility: visible; visibility: visible;
opacity: 0.25; opacity: 0.4;
} }
body.show-notes section[janus-timeline='future'] [janus-timeline='future'] { body.show-notes section[janus-timeline='future'] [janus-timeline='future'] {
opacity: 1; opacity: 1;
} }
section[janus-timeline='past'], [janus-timeline='past'][janus-past='big'], [janus-timeline='future'][janus-future='big'] { section[janus-timeline='past'], body:not(.show-notes) [janus-timeline='past'][janus-past='big'], body:not(.show-notes) [janus-timeline='future'][janus-future='big'] {
transform: translate3d(0, 0, 0) scale(5); transform: translate3d(0, 0, 0) scale(5);
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;