Add Notation interactive tutorial to website (#273)

* feat: replaced github button with notation scenario BREAKING CHANGE: removed github button Signed-off-by: Sahil <[email protected]> * feat: added info about online playground Signed-off-by: Sahil <[email protected]> * feat: open scenario link in new tab Signed-off-by: Sahil <[email protected]> --------- Signed-off-by: Sahil <[email protected]>
notaryproject · Jun 9, 2023 · cd7a43d · cd7a43d
1 parent 6eeca45
commit cd7a43d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/content/en/_index.html b/content/en/_index.html
@@ -34,8 +34,14 @@ <h4 class="title">
           Get started
         </button>
       </a>
-      <a href="https://github.com/notaryproject/notation">
-        <button class="button is-medium is-dark demo">GitHub</button>
+      <a href="https://killercoda.com/notaryproject/scenario/notation" target="_blank" rel="noopener noreferrer">
+        <button class="button is-medium is-dark demo">Try it
+          <span></span>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" style="height: 1rem;">
+          <path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
+          <path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
+        </svg>
+        </button>
       </a>
     </div>
   </div>

diff --git a/content/en/docs/quickstart.md b/content/en/docs/quickstart.md
@@ -5,6 +5,10 @@ type: docs
 weight: 2
 ---
 
+{{% alert title="Playground" color="info" %}}
+You can also follow this guide on online remote cloud interactive playground on killercoda: https://killercoda.com/notaryproject/scenario/notation
+{{% /alert %}}
+
 ## Prerequisites
 
 Before you begin, you need: