heres a little sample of the currently generated html

yaclient-generated.html

<form name="message">
  <input autofocus="" placeholder="type a message..." name="what" maxlength="510" minlength="1">
  <input type="submit" name="why" value="Send">
</form>
<nav>
  <a href="#localhost">localhost</a>
  <section id="localhost">
    <a href="#localhost-#chat">#chat</a>
    <a href="#localhost-yaclient">yaclient</a>
  </section>
</nav>
<main>
  <section id="messages-localhost" class="server-messages">
    <section class="messages" id="#messages-localhost-hashtag-chat">
      <article>
        <header>
          <address>
            <a>#chat</a>
          </address>
        </header>
        <address>
          <a>Announcement</a>
        </address>
        <p>hi</p>
        <footer>
          <time datetime="2018-04-02T23:30:29.901Z"></time>
        </footer>
      </article>
      <article>
        <header>
          <address>
            <a>#chat</a>
          </address>
        </header>
        <address>
          <a>Announcement</a>
        </address>
        <p>hey</p>
        <footer>
          <time datetime="2018-04-02T23:31:23.904Z"></time>
        </footer>
      </article>
    </section>
    <section class="messages" id="#messages-localhost-yaclient">
      <article>
        <header>
          <address>
            <a>yaclient</a>
          </address>
        </header>
        <address>
          <a>Announcement</a>
        </address>
        <p>hi</p>
        <footer>
          <time datetime="2018-04-02T23:30:28.213Z"></time>
        </footer>
      </article>
    </section>
  </section>
</main>