notebook/app/views/help/index.html.erb

<h4>
  <%= link_to data_vault_path, class: 'grey-text tooltipped', style: 'position: relative; top: 4px;', data: {
        position: 'bottom',
        enterDelay: '500',
        tooltip: "Back to your Data Vault"
      } do %>
    <i class="material-icons">arrow_back</i>
  <% end %>
  Help center
</h4>

<h5>About our worldbuilding pages</h5>
<div class="row">
  <% Rails.application.config.content_types[:all].each do |content_type| %>
    <div class="col s12 m4 l3">
      <%= link_to send("#{content_type.name.downcase}_worldbuilding_info_path") do %>
        <div class="hoverable card-panel <%= content_type.color %> white-text">
          <i class="material-icons left"><%= content_type.icon %></i>
          <%= content_type.name.pluralize %>
        </div>
      <% end %>
    </div>
  <% end %>
</div>

<h5>Feedback and surveys</h5>

<div class="row">
  <div class="col s12">
    <p>
      The following links will open a new tab to Google Forms. All responses are anonymous and separated from your Notebook.ai account, so please
      provide an email address if you would like a response or follow-up.
    </p>
    <p>
      You can also ask for help from other users on <%= link_to 'the forums', 'https://www.notebook.ai/forum/site-support' %>.
    </p>
    <p>
      Thank you for helping make Notebook.ai better!
    </p>
  </div>
</div>

<div class="row">
  <%= link_to 'https://docs.google.com/forms/d/e/1FAIpQLSe0jnqJlcPJDqwogGere5j8-8F1nSGGYkzbsI-XkOeMnGwLrA/viewform', target: '_new', class: 'waves-effect col s12 m6' do %>
    <div class="hoverable card-panel">
      <i class="material-icons right">exit_to_app</i>
      Report a problem
    </div>
  <% end %>
  <%= link_to 'https://docs.google.com/forms/d/e/1FAIpQLScOhSMdDqWqJu9HGPQdmd0R9s90_AcSo0g6_Nc1qNjQIbSaXA/viewform', target: '_new', class: 'waves-effect col s12 m6' do %>
    <div class="hoverable card-panel">
      <i class="material-icons right">exit_to_app</i>
      Request a feature
    </div>
  <% end %>
  <%= link_to 'https://docs.google.com/forms/d/e/1FAIpQLScZWEVMgm8hBWIIVj1LPzo0GqflmWUrLQlc4TAYqsaS087oAA/viewform', target: '_new', class: 'waves-effect col s12 m6' do %>
    <div class="hoverable card-panel">
      <i class="material-icons right">exit_to_app</i>
      Leave feedback
    </div>
  <% end %>

  <%= link_to 'https://docs.google.com/forms/d/e/1FAIpQLSctM_QaTIYTaj4WS546L--9WBbEIxAA9LKhWINb5CzguLR-JQ/viewform?usp=sf_link', target: '_new', class: 'waves-effect col s12 m6' do %>
    <div class="hoverable card-panel">
      <i class="material-icons right">exit_to_app</i>
      Mobile usage survey
    </div>
  <% end %>

  <%= link_to 'https://docs.google.com/forms/d/1PFOaa97Cu3vrceUvcuFT6nyITaMwR-4wQSarUdVoPSg/viewform', target: '_new', class: 'waves-effect col s12 m6' do %>
    <div class="hoverable card-panel">
      <i class="material-icons right">exit_to_app</i>
      Request another page type
    </div>
  <% end %>

  <% if user_signed_in? && current_user.on_premium_plan? %>
    <%= link_to 'https://docs.google.com/forms/d/e/1FAIpQLScjWJfW2p9LoGfKe9uEn4xWvve-AhX3QtY7hqm7BCyyK0HdRA/viewform?usp=sf_link', target: '_new', class: 'waves-effect col s12 m6' do %>
      <div class="hoverable card-panel">
        <i class="material-icons right">exit_to_app</i>
        Document Analysis Feedback
      </div>
    <% end %>

    <%= link_to 'https://docs.google.com/forms/d/e/1FAIpQLSfHHcOpU-CD9EFILPVMd4ZtgWIFkxmzLMW1mdvanJqqLKgMAA/viewform?usp=sf_link', target: '_new', class: 'waves-effect col s12 m6' do %>
      <div class="hoverable card-panel">
        <i class="material-icons right">exit_to_app</i>
        Timeline Editor Beta Feedback
      </div>
    <% end %>

    <%= link_to 'https://docs.google.com/forms/d/e/1FAIpQLScCPsoJxLxOC_nY3nMrtENja33lnMXNDrZLtWOxS2BYCNlpCQ/viewform?usp=sf_link', target: '_new', class: 'waves-effect col s12 m6' do %>
      <div class="hoverable card-panel">
        <i class="material-icons right">exit_to_app</i>
        Collections feedback
      </div>
    <% end %>
  <% end %>
</div>

<h5>Additional help</h5>
<p>
  Have a question not answered by anything above? Feel free to send me an email any time at <strong>andrew@indentlabs.com</strong> and I'll get back to you
  as quickly as possible. I'm always happy to help!
</p>
<p>
  Happy worldbuilding!
</p>