zulip/templates/zerver/home.html

{# Home tab of the app, containing messages. #}
  <div id="alert-bar-container" class="alert-bar-container" style='display: none;'>
    <div id="alert-bar" class="alert-bar">
      <div id="alert-bar-contents" class="alert-bar-contents">
        <i class="icon-vector-desktop alert-icon"></i> Have you heard: the <a href="/apps" target="_blank">Zulip desktop app</a> is awesome and you should get it!
        <i class="icon-vector-remove close-alert-icon"></i>
      </div>
    </div>
  </div>

    <div id="tab_bar" class="notdisplayed">
    </div>
    <div id="tab_bar_underpadding">
    </div>

    <div id="floating_recipient_bar">
      <div class="recipient-bar-content">
        <div class="recipient-bar-main">
        <table class="floating_recipient">
          <tr id="floating_recipient_layout_row" class="ztable_layout_row">
            <td class="ztable_col1" />
            <td class="ztable_col2" />
          </tr>
          <tr style="display: none;" id="current_label_stream" class="recipient_row">
           <td class="message_header_colorblock"></td>
           <td class="message_label_clickable message_header message_header_stream right_part"></td>
          </tr>
          <tr style="display: none;" id="current_label_private_message" class="recipient_row">
            <td class="message_header_colorblock message_header_private_message"></td>
            <td class="message_label_clickable message_header message_header_private_message right_part"></td>
          </tr>
        </table>
        </div>
      </div>
    </div>

    <div class="message_area_padder message_list" id="main_div">
      <div id="loading_more_messages_indicator"></div>
      <div id="page_loading_indicator"></div>
      <div id="first_run_message" class="empty_feed_notice">
        <h4>Welcome to Zulip</h4>
        <p>See, the thing about it is... there aren't any messages
        here for you right now. I'm sure someone will eventually send
        you one.</p>

        <p>Or, <strong>take matters into your own hands</strong>,
        and <a href="#" class="empty_feed_compose_stream">
        compose a new stream message</a>.</p>
      </div>
      <div id="empty_narrow_message" class="empty_feed_notice">
        <h4>Nothing's been sent here yet!</h4>

        <p>Why not <a href="#" class="empty_feed_compose_stream">
            start the conversation</a>?</p>
      </div>
      <div id="empty_narrow_all_private_message" class="empty_feed_notice">
        <h4>You have no private messages yet!</h4>

        <p>Why not <a href="#" class="empty_feed_compose_private">
            start the conversation</a>?</p>
      </div>
      <div id="empty_narrow_private_message" class="empty_feed_notice">
        <h4>You have no private messages with this person yet!</h4>

        <p>Why not <a href="#" class="empty_feed_compose_private">
            start the conversation</a>?</p>
      </div>
      <div id="empty_narrow_multi_private_message" class="empty_feed_notice">
        <h4>You have no private messages with these people yet!</h4>

        <p>Why not <a href="#" class="empty_feed_compose_private">
            start the conversation</a>?</p>
      </div>
      <div id="nonsubbed_stream_narrow_message" class="empty_feed_notice">
        <h4>You aren't subscribed to this stream!</h4>

        <p>Want to <a href="#" class="empty_feed_join">join it</a>?</p>
      </div>
      <div id="empty_star_narrow_message" class="empty_feed_notice">
        <h4>You haven't starred anything yet!</h4>
      </div>
      <div id="empty_narrow_all_mentioned" class="empty_feed_notice">
        <h4>You haven't been mentioned yet.</h4>
      </div>
      <div id="empty_search_narrow_message" class="empty_feed_notice">
        <h4>Nobody has talked about that yet!</h4>
      </div>
      <table class="message_table focused_table" id="zhome">
        <tbody>
        </tbody>
      </table>
      <table class="message_table" id="zfilt">
        <tbody>
        </tbody>
      </table>
      <div id="bottom_whitespace"></div>
    </div>


{% include "zerver/compose.html" %}
<div id="notifications-area">
    <div id="notifications-bar"></div>
</div>