Show ready status; update instructions

client/index.js

@@ -144,6 +144,8 @@ document.addEventListener('DOMContentLoaded', () => {
     localCore.on('ready', () => {
       console.log('Local core ready.')
 
+      blinkSignal('ready')
+
       // HACK: Just for now, make sure we only connect once
       // (This is an issue with hyperswarm, not sure if it is with WebRTC swarm.)
       let connected = false

client/static/index.html

@@ -60,12 +60,14 @@
     <h3>Instructions</h3>
 
     <ul>
-      <li>Run the Hypha DAT-1 Spike in a separate browser and note the hyphalink.</li>
-      <li>Run a local instance of signalhub</li>
-      <li>Enter the hyphalink from the DAT-1 Spike</li>
+      <li>Run the latest <a href='https://ar.al/2019/01/14/hypha-spike-dat-1/'>Hypha DAT-1 Spike</a> (with WebRTC support) in a separate browser and copy the hyphalink.</li>
+
+      <li>Run a local instance of <a href='https://github.com/mafintosh/signalhub'>signalhub</a>: <pre>signalhub listen -p 445 --key localhost-key.pem --cert localhost.pem</pre></li>
+
+      <li>Paste the hyphalink into the form above and press the <em>Connect</em> button.</li>
     </ul>
 
-    <p>The hypercore from the DAT-1 Spike should replicate – browser to browser ­– via WebRTC.</p>
+    <p>The hypercore from the DAT-1 Spike should replicate to your local hypercore – browser to browser ­– via WebRTC.</p>
 
   </form>
 

client/static/style.css

@@ -20,6 +20,14 @@ h1 {
   margin-bottom: 1.5em;
 }
 
+li {
+  margin-bottom: 1em;
+}
+
+pre {
+  font-size: 1.2em;
+}
+
 form {
   width: 100%;
 }
@@ -111,6 +119,7 @@ footer {
   color: grey;
 }
 
+
 /* Spinkit CSS indeterminate progress indicator */
 /* http://tobiasahlin.com/spinkit/ */