Separate demos into mobile-only, desktop-only and mobile and desktop …

…compatible (#407)
arx-research · Sep 15, 2024 · 549c075 · 549c075
1 parent abd57ee
commit 549c075
Show file tree

Hide file tree

Showing 12 changed files with 30 additions and 15 deletions.
diff --git a/core/src.ts/web/examples/cfg_ndef.html b/core/src.ts/web/examples/cfg_ndef.html
@@ -20,8 +20,8 @@
 <body>
 <div class="container mt-3 mb-5">
     <h1>LibHaLo Demo</h1>
-    <p>
-        This demo will help you to reconfigure the NDEF URL feature.
+    <p class="text-muted">
+        <b>(Mobile only)</b> This demo will help you to reconfigure the NDEF URL feature.
     </p>
 
     <strong>URL flags:</strong>

diff --git a/core/src.ts/web/examples/compatible.html b/core/src.ts/web/examples/compatible.html
@@ -22,7 +22,7 @@
     <h1>LibHaLo Demo</h1>
     <h2>Simple message signing (C1 compatible mode)</h2>
     <p class="text-muted">
-        Generate an EIP 191 compliant signature of the provided message data. The message will be hashed using
+        <b>(Mobile only)</b> Generate an EIP 191 compliant signature of the provided message data. The message will be hashed using
         Keccak algorithm on the client-side (with the appropriate prefixes) and then the digest will be transmitted
         to the NFC tag for the actual asymmetric signing.
     </p>

diff --git a/core/src.ts/web/examples/demo.html b/core/src.ts/web/examples/demo.html
@@ -21,7 +21,7 @@
 <div class="container mt-3 mb-5">
     <h1>LibHaLo Demo</h1>
     <p class="text-muted">
-        Asymmetrically sign arbitrary raw 32 byte digest using HaLo tag.
+        <b>(Mobile only)</b> Asymmetrically sign arbitrary raw 32 byte digest using HaLo tag.
     </p>
 
     <div class="mb-4">

diff --git a/core/src.ts/web/examples/gen_key.html b/core/src.ts/web/examples/gen_key.html
@@ -20,8 +20,8 @@
 <body>
 <div class="container mt-3 mb-5">
     <h1>LibHaLo Demo</h1>
-    <p>
-        This demo will help you to generate additional key slots (from #3 onwards).
+    <p class="text-muted">
+        <b>(Mobile only)</b> This demo will help you to generate additional key slots (from #3 onwards).
     </p>
 
     <div class="mb-4">

diff --git a/core/src.ts/web/examples/get_data_struct.html b/core/src.ts/web/examples/get_data_struct.html
@@ -22,7 +22,7 @@
         <div class="container">
             <h1>LibHaLo Demo</h1>
             <p class="text-muted">
-                Batch retrieve certain public objects from the HaLo tag (like public key values, latch values etc.)
+                <b>(Mobile only)</b> Batch retrieve certain public objects from the HaLo tag (like public key values, latch values etc.)
             </p>
             <div class="d-flex flex-column justify-content-center align-items-center">
                 <table id="table" class="table">

diff --git a/core/src.ts/web/examples/get_key_info.html b/core/src.ts/web/examples/get_key_info.html
@@ -22,7 +22,7 @@
         <div class="container">
             <h1>LibHaLo Demo</h1>
             <p class="text-muted">
-                Get information about the specific key slot.
+                <b>(Mobile only)</b> Get information about the specific key slot.
             </p>
             <div class="mb-3">
                 <label class="form-label">Target key slot</label>

diff --git a/core/src.ts/web/examples/graffiti.html b/core/src.ts/web/examples/graffiti.html
@@ -19,7 +19,10 @@
 </head>
 <body>
 <div class="container mt-3 mb-5">
-    <h1>LibHaLo Demo</h1>
+    <h1>LibHaLo Demo</h1> 
+    <p class="text-muted">
+        <b>(Mobile only)</b>
+    </p>
     <div class="mb-4">
         <strong>Graffiti text to store:</strong>
         <input type="text" class="form-control" id="graffiti" value="">

diff --git a/core/src.ts/web/examples/halo_bridge.html b/core/src.ts/web/examples/halo_bridge.html
@@ -22,7 +22,7 @@
         <div class="container">
             <h1>LibHaLo Demo</h1>
             <p class="text-muted">
-                Learn how to use HaLo bridge on desktop computers.
+                <b>(Desktop only)</b>Learn how to use HaLo bridge on desktop computers.
             </p>
             <p class="text-muted">
                 <a href="https://github.com/arx-research/libhalo/blob/master/docs/halo-bridge.md" target="_blank">HaLo Bridge documentation</a>

diff --git a/core/src.ts/web/examples/index.html b/core/src.ts/web/examples/index.html
@@ -15,19 +15,28 @@
 <body>
 <div class="container mt-3 mb-5">
   <h1>LibHaLo Demos</h1>
+  <br/>
+  <h4>Mobile and desktop compatible:</h4>
+  <ul>
+    <li><a href="gateway_requestor.html">gateway_requestor.html - Executing commands through HaLo Gateway</a></li>
+  </ul>
+  <h4>Desktop-only:</h4>
+  <ul>
+    <li><a href="halo_bridge.html">halo_bridge.html - HaLo bridge demo</a></li>
+  </ul>
+  <h4>Mobile-only:</h4>
   <ul>
     <li><a href="demo.html">demo.html - HaLo Signing operations demo</a></li>
     <li><a href="simple.html">simple.html - Simple signing demo</a></li>
     <li><a href="compatible.html">compatible.html - Simple signing demo (compatibility with earlier tag batches)</a></li>
-    <li><a href="gateway_requestor.html">gateway_requestor.html - Executing commands through HaLo Gateway</a></li>
     <li><a href="gen_key.html">gen_key.html - Additional key generation demo</a></li>
     <li><a href="pwd_management.html">pwd_management.html - Key slot password management demo</a></li>
     <li><a href="cfg_ndef.html">cfg_ndef.html - Advanced NDEF URL configuration demo</a></li>
     <li><a href="graffiti.html">graffiti.html - Graffiti (overridable text slot) demo</a></li>
     <li><a href="key_backup.html">key_backup.html - Key backup demo</a></li>
     <li><a href="get_data_struct.html">get_data_struct.html - Retrieve data demo</a></li>
     <li><a href="get_key_info.html">get_key_info.html - Key slot information demo</a></li>
-    <li><a href="halo_bridge.html">halo_bridge.html - HaLo bridge demo</a></li>
+    <li><a href="typed_data.html">typed_data.html - EIP-712 typed data demo</a></li>
   </ul>
 </div>
 </body>

diff --git a/core/src.ts/web/examples/key_backup.html b/core/src.ts/web/examples/key_backup.html
@@ -20,6 +20,9 @@
 <body>
 <div class="container mt-3 mb-5">
     <h1>LibHaLo Demo</h1>
+    <p class="text-muted">
+        <b>(Mobile only)</b>
+    </p>
     <div class="mb-4">
         <strong>Key slot number:</strong>
         <input type="text" class="form-control" id="keySlot" value="8">

diff --git a/core/src.ts/web/examples/pwd_management.html b/core/src.ts/web/examples/pwd_management.html
@@ -20,8 +20,8 @@
 <body>
 <div class="container mt-3 mb-5">
     <h1>LibHaLo Demo</h1>
-    <p>
-        Key slot password management demo.
+    <p class="text-muted">
+        <b>(Mobile only)</b> Key slot password management demo.
     </p>
 
     <div class="mb-4">

diff --git a/core/src.ts/web/examples/simple.html b/core/src.ts/web/examples/simple.html
@@ -22,7 +22,7 @@
     <h1>LibHaLo Demo</h1>
     <h2>Simple message signing</h2>
     <p class="text-muted">
-        Generate an EIP 191 compliant signature of the provided message data. The message will be hashed using
+        <b>(Mobile only)</b> Generate an EIP 191 compliant signature of the provided message data. The message will be hashed using
         Keccak algorithm on the client-side (with the appropriate prefixes) and then the digest will be transmitted
         to the NFC tag for the actual asymmetric signing.
     </p>