<%= content_for :full_width_page_header do %> <%= render partial: 'content/components/parallax_header', locals: { content_type: 'Timeline', content_class: Timeline } %> <% end %> <% if @timelines.any? %>
<%= render partial: 'content/components/list_filter_bar', locals: { content_type: Timeline } %>
<% @timelines.each do |timeline| %>
<%= link_to edit_timeline_path(timeline) do %>
<%= Timeline.icon %> <%= timeline.name.presence || 'Untitled Timeline' %>
<% if timeline.universe %>

<%= link_to timeline.universe, class: "#{Universe.text_color}" do %> <%= Universe.icon %> <%= timeline.universe.name %> <% end %>

<% end %>

<%= timeline.subtitle %>

<%= timeline.description %>

Last edited <%= time_ago_in_words timeline.updated_at %> ago

<% timeline.page_tags.each do |page_tag| %> <%= link_to params.permit(:tag).merge({ tag: PageTagService.slug_for(page_tag.tag) }) do %> <% end %> <% end %>
<% if timeline.readable_by?(current_user) %> <%= link_to timeline_path(timeline), class: 'blue-text left' do %> <%= Timeline.icon %> View <% end %> <% end %> <% if timeline.updatable_by?(current_user) %> <%= link_to edit_timeline_path(timeline), class: 'green-text right' do %> edit Edit <% end %> <% end %>
<% end %>
<% end %>
<% if @show_scope_notice %>

Only showing timelines in the <%= link_to @universe_scope.name, @universe_scope, class: Universe.color + '-text' %> universe. <%= link_to( "See timelines from all universes.", '?universe=all', class: Timeline.color + '-text') %>

<% end %>



<% elsif @timelines.empty? %>
<% if false && @current_user_content.fetch('Timeline', []).count > 0 %>
<%# render partial: 'content/components/list_filter_bar', locals: { content_type: Timeline } %>
<% end %>

You haven't created any timelines <% if @universe_scope %> in the <%= link_to @universe_scope.name, @universe_scope %> universe <% end %> <% if params.key?(:favorite_only) || params.key?(:slug) %> that match these filters <% end %> yet!

<%= Timeline.icon %>

<%= t("content_descriptions.timeline") %>

<% if current_user.can_create?(Timeline) || PermissionService.user_has_active_promotion_for_this_content_type(user: current_user, content_type: 'Timeline') %> <%= link_to "Create your first timeline", new_timeline_path(), class: "btn-large #{Timeline.color} darken-1" %> <% else %> <%= link_to "Upgrade to Premium to create your first timeline", subscription_path %> <% end %>

<% 5.times { %><%= Timeline.icon %>    <%}%>

<% if @universe_scope %>
Focus on another universe

You're currently focused on the <%= link_to @universe_scope.name, @universe_scope, class: Universe.color + '-text' %> universe and only seeing timelines in that universe.


You can change what universe you're focused on by selecting a different one in the sidebar.

<% end %>
<% end %>

About the timeline editor

Create and manage timelines for your worlds and stories in the new Notebook.ai Timeline Editor. When you get started, you'll have a blank timeline that you can add an unlimited number of events to. Each event can have a title, description, and notes — and you can link any of your worldbuilding pages to specific events.


Events can be reordered however you'd like and you can add custom time labels on each event, meaning you can be as specific or as vague as you'd like when creating your timeline. Perfect for getting a general timeline built and then coming back to make things more specific afterwards!