anchor.diff:  </script>
   
   <%
  -	tabs = %w(universes characters locations items)
  +	tabs = %w(
  +		universes
  +		characters locations items
  +		creatures races religions magics languages groups scenes
  +	)
   
   	tab_content_list = {}
   	tabs.each do |tab|
  
positive.code: %>
  
  <div class="row">
  	<div class="col s12 m3 l2">
  
  		<div class="hoverable card">
  			<div class="card-image waves-effect waves-block waves-light">
  				<%= image_tag @user.image_url(500).html_safe, class: 'activator' %>
  			</div>
  			<div class="card-content">
  				<div class="card-title"><b><%= @user.name %></b></div>
  				<p>
  					I'm creating universes on Notebook! I'm currently sharing the following public content:
  				</p>
  				<div class="row" style="text-align: center">
  					<% tabs.each do |tab| %>
  					<div class="col s6 m12 l12">
  						<h3><%= tab_content_list[tab].length %></h3>
  						<h6><%= tab.singularize.pluralize(tab_content_list[tab].length) %></h6>
  					</div>
  					<% end %>
  
negative.code: 				<% end %>
  
  			</div>
  		</div>
  	</div>
  	<div class="row">
  		<div class="card col s12 m12 l12">
  			<div>
  				<ul class="tabs">
  					<% tabs.each do |tab| %>
  						<% tab_class = tab.singularize.titleize.constantize %>
  						<li class="tab col s3" id="js-<%= tab %>-tab">
  							<%= link_to "\##{tab}", class: "#{tab_class.color}-text" do %>
  								<i class="material-icons">
  									<%= tab_class.icon %>
  								</i>
  								<span class="hide-on-med-and-down">
  									<%= tab_content_list[tab].length %>
  								</span>
  							<% end %>
  						</li>
  					<% end %>
  				</ul>
  			</div>
  
  			<% tabs.each do |tab| %>
  				<% if tab_content_list[tab].any? %>
  					<div id="<%= tab %>" class="col s12">
  						<%= render partial: 'content/list/list', locals: { content_list: tab_content_list[tab], title: '', clean: true } %>
  					</div>
  				<% elsif tab_content_list[tab].empty? %>
  					<% tab_class = tab.singularize.titleize.constantize %>
  					<div id="<%= tab %>" class="col s12">
  						<div class="center <%= tab_class.color %>-text" style="margin-top: 40px;">
  							<i class="material-icons" style="font-size: 500%"><%= tab_class.icon %></i>
  						</div>
  						<p class="center">
  							It looks like <%= @user.name %> isn't sharing any public <%= tab %> yet.
  						</p>
  					</div>
  				<% end %>
  			<% end %>
  		</div>
  	</div>
  </div>
  
  