hummingbird-me/kitsu-web

{{! Cover Image }}
<div class="media-cover-wrapper">
  <div class="user-cover no-edit">
    <div class="cover-photo" style={{coverImageStyle}}>
      <div class="container">
        <div class="row">
          <div class="cover-user-info cover-media-info">
            <div class="primary-info">
              <div class="mini-bio">
                {{! media reaction ticker}}
                {{media/reaction-ticker media=media}}

                {{! Media Actions }}
                {{media/media-actions media=media}}
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="dark-cover-overlay"></div>
    </div>
  </div>

  {{! Media navigation }}
  <nav class="cover-nav navbar navbar-light">
    <div class="container">
      <div class="row">
        <div class="nav navbar-nav">
          {{link-to (t "media.show.navigation.summary") (concat media.modelType ".show.index") class="nav-item nav-link"}}
          {{link-to (t "media.show.navigation.units" type=media.modelType)
            (concat media.modelType ".show." (if (eq media.modelType "anime") "episodes" "chapters")) class="nav-item nav-link"}}
          {{link-to (t "media.show.navigation.characters") (concat media.modelType ".show.characters") class="nav-item nav-link"}}
          {{link-to (t "media.show.navigation.reactions") (concat media.modelType ".show.reactions") class="nav-item nav-link"}}
          {{link-to (t "media.show.navigation.franchise") (concat media.modelType ".show.franchise") class="nav-item nav-link"}}
        </div>
      </div>
    </div>
  </nav>
</div>

<div class="container">
  {{! sidebar }}
  <div class="is-sticky media-sidebar--sticky">
    {{media/media-sidebar media=media}}
  </div>

  {{! media/* content }}
  <div class="media-container row">
    {{outlet}}
  </div>
</div>