From 09c47b9dfdd99de63f9c705081b03f362e171e2b Mon Sep 17 00:00:00 2001
From: Alex Grintsvayg <git@grin.io>
Date: Thu, 8 Nov 2018 16:11:34 -0500
Subject: [PATCH] clarify first example

---
 index.html |  5 ++++-
 index.md   |  1 +
 style.css  | 11 +++++++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 80014ba..f6392d6 100644
--- a/index.html
+++ b/index.html
@@ -280,7 +280,7 @@
 <h4 id="example-claim">Example Claim</h4>
 
 <p>Here is an example stream claim:</p>
-
+<figure>
 <pre><code>{
   &quot;claim_id&quot;: &quot;6e56325c5351ceda2dd0795a30e864492910ccbf&quot;,
   &quot;name&quot;: &quot;lbry&quot;,
@@ -299,6 +299,9 @@
   }
 }
 </code></pre>
+<figcaption>Note: the blockchain treats the <code>value</code> as an opaque byte string and does not impose any structure on it. Structure is applied and validated <a href="#metadata-validation">higher in the stack</a>. In this example, the value is shown for demonstration purposes.
+</figcaption>
+</figure>
 
 <h4 id="claim-operations">Operations</h4>
 
diff --git a/index.md b/index.md
index 69c7926..08110ad 100644
--- a/index.md
+++ b/index.md
@@ -232,6 +232,7 @@ Here is an example stream claim:
   }
 }
 ```
+Figure: Note: the blockchain treats the `value` as an opaque byte string and does not impose any structure on it. Structure is applied and validated [higher in the stack](#metadata-validation). In this example, the value is shown for demonstration purposes. 
 
 #### Operations {#claim-operations}
 
diff --git a/style.css b/style.css
index 5b908e0..150d79b 100644
--- a/style.css
+++ b/style.css
@@ -185,3 +185,14 @@ table thead tr {
 table tbody tr:nth-child(odd) {
     background-color: rgba(0,0,0,.05);
 }
+
+figure {
+    margin-left: 0;
+    margin-right: 0;
+}
+figcaption {
+    color: #888;
+    font-size: 90%;
+    padding-left: 10px;
+    padding-right: 10px;
+}
\ No newline at end of file