notebook/app/views/content/components/_collection_header.html.erb

<div class="parallax-header slider" style="height: 1px; position: relative; top: -1px">
  <ul class="slides">
    <li>
      <%= image_tag(collection.random_public_image) %>
      <div class="caption center-align bordered-text">
        <h4>
          <i class="material-icons <%= PageCollection.color %>-text"><%= PageCollection.icon %></i>
          <%= collection.title %>
        </h4>
        <h5 class="light grey-text text-lighten-3">
          <% if collection.subtitle? %>
            <%= collection.subtitle %>
          <% else %>
            <% collection.page_types.each do |pt| %>
              <% klass = pt.constantize %>
              <i class="material-icons <%= klass.color %>-text tooltipped" data-tooltip="This collection contains <%= pt.downcase.pluralize %>"><%= klass.icon %></i>
            <% end %>
          <% end %>
        </h5>
        <% if collection.user.present? %>
          <div>
            A <%= collection.privacy %> collection by <%= link_to collection.user.display_name, collection.user, class: "#{User.color}-text" %>
          </div>
        <% end %>
      </div>
    </li>
  </ul>
</div>