diff --git a/index.html b/index.html
index ff04a82..14e4333 100644
--- a/index.html
+++ b/index.html
@@ -45,11 +45,58 @@
Hash Pointers
+
+
+
+
+
+
+
+
+ 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
+
+
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