treebird/static/status.html

<table id="id-%s" class="status %s ui-table">
  %s
  <tr>
    <td class="pfp-td">
      <img src="%s">
    </td>
    <td class="status-info">
      <table class="ui-table">
        <tr>
          <td>
            <div class="poster-stats">
              <span class="username">%s</span>
              <a class="instance-info" href="%s/@%s">%s</a>
              <span class="alignend status-visibility menu-container">
                %s
                <div class="menu">
                  <ul>
                    <li>
                      <form action="%s/status/%s/interact" method="post">
                        <input type="hidden" name="itype" value="%smute">
                        <input type="submit" class="btn-menu" value="%s">
                      </form>
                    </li>
                    <li>
                      <form action="%s/status/%s/interact" method="post">
                        <input type="hidden" name="itype" value="%spin">
                        <input type="submit" class="btn-menu" value="%s">
                      </form>
                    </li>
                    <li>
                      <form action="%s/status/%s/interact" method="post">
                        <input type="hidden" name="itype" value="%sbookmark">
                        <input type="submit" class="btn-menu" value="%s">
                      </form>
                    </li>
                  </ul>
                </div>
              </span>
            </div>
            %s
            <span class="status-content">
              %s
            </span>
            %s
            %s
            %s
            <div class="status-interact">
              <table class="ui-table">
                <tr>
                  <td>
                    <form action="%s/status/%s/reply#id-%s" method="post">
                      <label class="pointer">
                        <svg class="reply" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9l6 6-6 6"/><path d="M4 4v7a4 4 0 0 0 4 4h11"/></svg>
                        <span class="count">%s</span>
                        <input class="hidden" type="submit" value="Reply">
                      </label>
                    </form>
                  </td>
                  <td>
                    <form action="%s/status/%s/interact" method="post">
                      <input type="hidden" name="itype" value="%srepeat">
                      <label class="pointer">
                        <svg class="repeat %s" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 2.1l4 4-4 4"/><path d="M3 12.2v-2a4 4 0 0 1 4-4h12.8M7 21.9l-4-4 4-4"/><path d="M21 11.8v2a4 4 0 0 1-4 4H4.2"/></svg>
                        <span class="count">%s</span>
                        <input class="hidden" type="submit" value="Repeat">
                      </label>
                    </form>
                  </td>
                  <td>
                    <form action="%s/status/%s/interact" method="post">
                      <input type="hidden" name="itype" value="%slike">
                      <label class="pointer">
                        <svg class="like %s" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
                        <span class="count">%s</span>
                        <input class="hidden" type="submit" value="Like">
                      </label>
                    </form>
                  </td>
                  <td>
                    <form action="%s/status/%s/interact" method="post">
                      <input type="hidden" name="itype" value="likeboost">
                      <label class="pointer">
                        <svg class="one-click-software" width="20" height="20" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><g stroke-width="1.98"><path d="m19.15 8.5061 2.7598 2.7598-2.7598 2.7598"/><path d="m14.756 11.325s2.5484-0.05032 6.3258 0.01026m-15.639 10.807-2.7598-2.7598 2.7598-2.7598"/><path d="m22.4 15.327v1.2259c0 1.156-1.2356 2.7598-2.7598 2.7598h-16.664"/></g><polygon transform="matrix(.60736 0 0 .60736 .60106 .63577)" points="18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2 15.09 8.26 22 9.27 17 14.14" stroke-width="2.9656"/></g></svg>
                        <input class="hidden" type="submit" value="L+R">
                      </label>
                    </form>
                  </td>
                  <td>
                    <form action="%s/status/%s/react" method="post">
                      <label class="pointer">
                        <svg class="emoji-btn" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line></svg>
                        <input class="hidden" type="submit" value="Emoji">
                      </label>
                    </form>
                  </td>
                  <td>
                    <form action="%s/status/%s#id-%s" method="post">
                      <label class="pointer">
                        <svg class="expand" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6M14 10l6.1-6.1M9 21H3v-6M10 14l-6.1 6.1"/></svg>
                        <input class="hidden" type="submit" >
                      </label>
                    </form>
                  </td>
                </tr>
              </table>
            </div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
%s