Retrospring/app/views/discover/index.html.haml

- provide(:title, generate_title("Discover"))
.jumbotron.jumbotron--particles
  #particles.jumbotron__particles
  .jumbotron__content
    %h1= t 'views.discover.title'
    %p= t('views.discover.subtitle', app_title: APP_CONFIG['site_name'])
.container
  .row
    .col-md-7.col-sm-6
      %h2= t 'views.discover.content.title'
      %p= t 'views.discover.content.desc'
      %div{role: "tabpanel"}
        %ul.nav.nav-tabs{role: "tablist"}
          %li.nav-item{role: "presentation"}
            %a.nav-link.active{href: "#answers", role: "tab", aria: {controls: "answers"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.answers'
          %li.nav-item{role: "presentation"}
            %a.nav-link{href: "#questions", role: "tab", aria: {controls: "questions"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.questions'
          %li.nav-item{role: "presentation"}
            %a.nav-link{href: "#comments", role: "tab", aria: {controls: "comments"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.comments'
        .tab-content.mt-3
          = render 'discover/tab_answers', answers: @popular_answers
          = render 'discover/tab_questions', questions: @popular_questions
          = render 'discover/tab_discussed', comments: @most_discussed
    .col-md-5.col-sm-6
      %h2= t 'views.discover.people.title'
      %p= t 'views.discover.people.desc'
      %div{role: "tabpanel"}
        %ul.nav.nav-tabs{role: "tablist"}
          %li.nav-item{role: "presentation"}
            %a.nav-link.active{href: "#new", role: "tab", aria: {controls: "new"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.new'
          %li.nav-item{role: "presentation"}
            %a.nav-link{href: "#asked", role: "tab", aria: {controls: "asked"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.questions'
          %li.nav-item{role: "presentation"}
            %a.nav-link{href: "#answered", role: "tab", aria: {controls: "answered"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.answers'
        .tab-content.mt-3
          = render 'discover/tab_new', new: @new_users
          = render 'discover/tab_asked', asked: @users_with_most_questions
          = render 'discover/tab_most', answered: @users_with_most_answers
  = render 'shared/links'