{% extends "shared/base.html" %}
{% block body %}

<img alt="PierMesh logo" height="128px" src="/res/img/logo.png">
<br>
<br>
{% include "shared/hopper.html" %}
<br>
{% include "shared/catch.nav.html" %}
<br>
{% include "shared/catch.editor.html" %}
<div hx-history="false">
</div>
<br>
<div class="plank" hx-ext="ws" ws-connect="/bubble">
  <p id="vpeerID">Peer ID:</p>                        
  <input id="peerID" type="hidden" >   
  <p id="vnodeID">Node ID:</p>
  <input id="peerID" type="hidden" >
  <button id="gpID" ws-send>Connect</button>       
</div>                                            
<br>
{% include "shared/messenger.html" %}
{% endblock %}