anchor.diff:  				<% end %>
   
   			</div>
  -			<div class="card-reveal">
  -				<span class="card-title grey-text text-darken-4">Profile Picture<i class="material-icons right">close</i></span>
  -				<p>Profile pictures are powered by <%= link_to 'Gravatar', 'https://gravatar.com/', target: "_blank" %>, using the email you provided in your <%= link_to 'account settings', edit_user_registration_path %>.</p>
  -				<p>For the prettiest profile, please use an avatar at least 250 pixels wide.</p>
  -			</div>
  -			<!--
  -			<div class="card-action">
  -				<a href="#">Author links coming soon</a>
  -			</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>
   
  -	<div class="card col s12 m9 l10">
  -		<div>
  -			<ul class="tabs">
  -				<% tabs.each do |tab| %>
  -					<li class="tab col s3" id="js-<%= tab %>-tab"><%= link_to pluralize(tab_content_list[tab].length, tab.singularize), "\##{tab}" %></li>
  +			<% 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 %>
  -			</ul>
  +			<% end %>
   		</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>
   
  
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: </script>
  
  <%
  	tabs = %w(
  		universes
  		characters locations items
  		creatures races religions magics languages groups scenes
  	)
  
  	tab_content_list = {}
  	tabs.each do |tab|
  