inline form for users to create username before commenting

inline-username-form.html

<div class="js-view--create-username js-view--all" data-regi-id="REGI_ID_HERE">
  <!-- No username notification -->
  <div class="form__notification form__notification--pointer">
    <p class="form__text">You need a username!</p>
    <p class="form__subtext">Please create a unique username below before commenting. Or <a href="/logout" class="add-comment-item add-comment-queslink link js-inline-logout">sign out</a>.</p>
  </div>

  <!-- create username inline form -->
  <form class="form form--compact js-regi-new-username js-form">
    <div class="form__notification form__notification--error js-form-error"></div>
    <label class="form__input-label"><input class="form__input js-input-observed" name="username" data-type="username" placeholder="Enter username"></label>
    <label class="form__input-label"><input name="password" data-type="password" type="password" class="form__input js-input-observed" placeholder="Password"></label>
    <input type="submit" class="form__cta-button disabled" value="Submit">
  </form>
</div>