sudara/alonetone

<% unless logged_in? %>
<section class="hero">
  <div class="page_container hero-inner">
    <div class="hero-content">
      <h1>Welcome to alonetone</h1>
      <p>
        alonetone gives music makers a non-commerical place to upload and distribute their music.
      </p>
      <div class="hero-links">
        <div class="primary-button">
          <a href="/get_an_account">Get An Account</a>
          <div>
            Free since 2008!
          </div>
        </div>
        <div class="secondary-button">
          <a href="/about">Read the FAQ</a>
          <div>
            And check out our <a href="/about/donate">story</a>!
          </div>
        </div>
      </div>
    </div>
    <%= themed_illustration_image('island-uke.jpg') %>
  </div>
</section>
<% end %>

<div class="page_container" id="home_grid">
  <% if @playlists.present? %>
  <div id="home_playlists_area">
    <div class="latest-playlists-header">
      <h2>
      <%= link_to "Latest Playlists".html_safe, all_playlists_path, title: 'view latest playlists' %>
      </h2>
    </div>
    <ul class="playlists responsive_grid responsive_grid_single_row">
      <%= render partial: 'shared/playlist', collection: @playlists, as: :playlist, cached: true %>
    </ul>
  </div>
  <% end %>
  <div id="home_left_column">
    <div id="home_latest_area">
      <h2>
        <%= link_to radio_source_home_path('latest'), title: 'latest music on alonetone' do %>
        Latest Uploaded
        <% end %>
      </h2>
      <div class="box">
        <%= render partial: 'assets/asset', collection: @assets, layout: 'normal_playback' %>
      </div>
      <div class="below_box">
        <%= link_to radio_source_home_path('latest'), class: 'view_all', title: 'latest music on alonetone' do %>
        <span>view all &nbsp;
          <i class="icon_caret">
            <%== render file: svg_path('svg/icon_caret.svg') %>
          </i>
        </span>
        <% end %>
      </div>
    </div>

    <div id="home_comments_area">
      <h2>
        <%= link_to all_comments_path, title: 'view latest comments' do %>
        Latest Comments
        <% end %>
      </h2>
      <div class="box">
        <%= render partial: 'shared/comment', collection: @comments %>
      </div>
      <div class="below_box">
        <%= link_to all_comments_path, class: 'view_all', title: 'view latest comments' do %>
        <span>view all &nbsp;
          <i class="icon_caret">
            <%== render file: svg_path('svg/icon_caret.svg') %>
          </i>
        </span>
        <% end %>
      </div>
    </div>
  </div>

  <div id="home_right_column">
    <div id="home_popular_area">
      <h2>
        <%= link_to radio_source_home_path('popular'), title: 'alonetone radio: currently kicking ass' do %>
        Currently Kicking Ass
        <% end %>
      </h2>
      <div class="box">
      <%= render partial: 'assets/asset', collection: @popular, layout: 'normal_playback' %>
      </div>
      <div class="below_box">
        <%= link_to radio_source_home_path('popular'), class: "view_all", title: 'alonetone radio: currently kicking ass' do %>
        <span>view all &nbsp;
          <i class="icon_caret">
            <%== render file: svg_path('svg/icon_caret.svg') %>
          </i>
        </span>
        <% end %>
      </div>
    </div>

    <div id="home_favorites_area">
        <h2>
          <%= link_to radio_source_home_path('favorites'), title: 'alonetone radio: recently favorited' do %>
          Recently Favorited
          <% end %>
        </h2>
        <div class="box">
          <% @favorites.each do |favorite| %>
            <%= render partial: 'assets/asset', layout: 'normal_playback', locals: { asset: favorite.asset, favorite: favorite } %>
          <% end %>
        </div>
        <div class="below_box">
          <%= link_to radio_source_home_path('favorites'), class: 'view_all', title: 'alonetone radio: recently favorited' do %>
          <span>view all &nbsp;
            <i class="icon_caret">
              <%== render file: svg_path('svg/icon_caret.svg') %>
            </i>
          </span>
          <% end %>
        </div>

    </div>


    <% if @followee_tracks %>
      <div id="home_follows_area">
        <h2>
          <%= link_to radio_source_home_path('those_you_follow'), title: 'alonetone radio: those you follow' do %>
          Tracks From Those You Follow
          <% end %>
        </h2>

        <div class="box">
          <div>
            <%= render partial: 'assets/asset', collection: @followee_tracks, layout: 'normal_playback' %>
          </div>
        </div>

        <div class="below_box">
          <%= link_to radio_source_home_path('those_you_follow'), class: 'view_all', title: 'alonetone radio: those you follow' do %>
          <span>view all &nbsp;
            <i class="icon_caret">
              <%== render file: svg_path('svg/icon_caret.svg') %>
            </i>
          </span>
          <% end %>
        </div>
      </div>
    <% end %>
  </div>
</div>