diff --git a/index.html b/index.html index ff04a82..14e4333 100644 --- a/index.html +++ b/index.html @@ -45,11 +45,58 @@

Hash Pointers

+
+

Applications

+
+ +
+

Currency

+
+ +
+

Digital Assets

+
+ +
+
+ payment information + usernames + DNS +
+

Identity

+
+ +
+
+ embedding a hash in the blockchain demonstrates an item's existence at point in the past +
+

Proof of Existence

+
+ +
+ +

How to Make It Real

+
+ +
+

Payment Infrastructure

+
+ +
+
+ DAO + Ethereum/RootStock +
+

Smart Contracts

+
+

Credits

diff --git a/styles/main.css b/styles/main.css index 6f9daf3..89c0f00 100644 --- a/styles/main.css +++ b/styles/main.css @@ -434,18 +434,43 @@ img.contain { object-fit: contain; } +body.show-notes { + background-color: #777; +} + body.show-notes section { transition: none; } +body.show-notes section[janus-timeline='present'] { + transform: scale(0.75); + transform-origin: 0% 0%; + overflow: visible; +} + +.notes { + display: none; + white-space: pre-line; +} +body.show-notes section[janus-timeline='present'] > .notes { + display: block; + position: absolute; + left: 100%; + width: 33.33%; + height: 100%; + font-size: 0.5rem; + text-align: left; + padding-left: 0.5em; +} + body.show-notes section[janus-timeline='present'] + section[janus-timeline='future'] { transform: scale(0.25); transform-origin: bottom right; top: auto; left: auto; - bottom: 0.4rem; - right: 0.4rem; - opacity: 0.75; + bottom: 0; + right: 0; + opacity: 1; visibility: visible; outline: 0.2rem solid white; z-index: 3; diff --git a/styles/make-it-real.png b/styles/make-it-real.png new file mode 100644 index 0000000..ecbfbb0 Binary files /dev/null and b/styles/make-it-real.png differ diff --git a/styles/shopping-mall.jpg b/styles/shopping-mall.jpg new file mode 100644 index 0000000..1ae9c7a Binary files /dev/null and b/styles/shopping-mall.jpg differ