<!DOCTYPE html>
<html language="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{title}}</title>
    <link rel="icon" type="image/x-icon" href="{{site_root}}/favicon.ico">
    <link href="{{site_root}}/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="{{site_root}}/assets/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="{{site_root}}/assets/css/swizzler.css" rel="stylesheet">
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div id="main" class="col-md-8">
          {{#is_home}}{{#subject}}
            <div class="panel panel-primary">
              <div class="panel-heading">
                <h3 class="panel-title">
                  {{#is_feed}}<span class="glyphicon glyphicon-home"></span> Home: {{fullname}}{{/is_feed}}
                  {{#is_mentions}}<span class="glyphicon glyphicon-bell"></span> Mentions of {{fullname}}{{/is_mentions}}
                </h3>
              </div>
              <div class="panel-body">
                <div class="media avatars32">
                  <a class="pull-left thumbnail" href="{{site_root}}/user/{{username}}"
                    title="@{{username}}'s profile">
                    <img class="media-object avatar" src="{{#avatar}}{{.}}{{/avatar}}{{^avatar}}{{site_root}}/assets/img/twister-64.jpg{{/avatar}}" alt="{{fullname}}">
                  </a>
                  <div class="media-body">
                    <ul class="nav nav-pills">
                      <li{{#is_feed}} class="active"{{/is_feed}}>
                        <a href="{{site_root}}/home/{{username}}"
                          title="@{{username}}'s home"><span class="glyphicon glyphicon-home"></span> Home</a>
                      </li>
                      <li{{#is_mentions}} class="active"{{/is_mentions}}>
                        <a href="{{site_root}}/home/{{username}}/mentions" 
                          title="mentions of @{{username}}"><span class="glyphicon glyphicon-bell"></span> Mentions</a>
                      </li>
                      <li>
                        <a href="{{site_root}}/messages/{{username}}"
                          title="direct messages from/to @{{username}}"><span class="glyphicon glyphicon-envelope"></span> Messages</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          {{/subject}}{{/is_home}}
          {{^is_home}}
            <div id="header" class="col-md-12 well">
              {{#subject}}
                <div class="media">
                  <a class="pull-left thumbnail" href="{{site_root}}{{#username}}/user/{{.}}{{/username}}{{#is_tag}}/tag/{{fullname}}{{/is_tag}}"
                    {{#username}}title="@{{username}}'s profile"{{/username}}>
                    {{#is_user}}{{^is_promoted}}
                      <img class="media-object avatar" src="{{#avatar}}{{.}}{{/avatar}}{{^avatar}}{{site_root}}/assets/img/genericPerson.png{{/avatar}}" alt="{{fullname}}">
                    {{/is_promoted}}{{/is_user}}
                    {{#is_tag}}
                      <abbr class="btn btn-info btn-lg" href="#"
title="&#10077;Tags are just like cats:
  popular for reasons that
  no one can predict&#10078;
    &mdash; Future robot cat Haiku">
                        <span class="glyphicon glyphicon-tag"></span>
                      </abbr>
                    {{/is_tag}}
                    {{#is_promoted}}
                      <abbr class="btn btn-info btn-lg" href="#"
title="&#10077;Let us make a toast
  to the ones who mine the blocks.
  Read promoted posts!&#10078;
    &mdash; &#65312;&#120303;&#120313;&#120316;&#120304;&#120312;&#120309;&#120302;&#120320;&#120309;'s bio, Haiku edition">
                        <span class="glyphicon glyphicon-glass"></span>
                      </abbr>
                    {{/is_promoted}}
                  </a>
                  <div class="media-body">
                    {{#is_user}}
                      <h2 class="media-heading">
                        {{#location}}<span class="pull-right small">{{.}}</span>{{/location}}
                        {{^is_promoted}}<span class="glyphicon glyphicon-user"></span>{{/is_promoted}}
                        {{fullname}}
                        {{#url}}<small><a target="_blank" href="{{.}}">{{.}}</a></small>{{/url}}</h2>
                      <h4><small>{{{bio}}}</small></h4>
                    {{/is_user}}
                    {{#is_tag}}
                      <h2 class="media-heading">
                        <small><span class="glyphicon glyphicon-tag"></span> Latest twists containing the tag:</small><br>
                        #{{fullname}}
                      </h2>
                    {{/is_tag}}
                  </div>
                </div>
              {{/subject}}
            </div>
          {{/is_home}}
          <div class="row">
            <div id="messages" class="col-md-12">
            {{#any_messages}}<ul class="list-group media-list">{{#messages}}{{> message}}{{/messages}}</ul>{{/any_messages}}
            {{^messages}}
              <h4><small>Nothing. Nada. Rien de rien. &#128557;</small></h4>
            {{/messages}}
            </div>
          </div>
        </div>
        <div id="sidebar" class="col-md-4">
          {{> sidebar}}
        </div>
      </div>
      {{> footer}}
    </div> <!-- /container -->
  </body>
</html>

