<div class="card">
  <div class="card-content">
    <h4>Your Notebook.ai design</h4>
    <div class="field">
      <%= f.label :fluid_preference do %>
        <%= f.check_box :fluid_preference %>
        <span>I want to use <strong>full-width</strong> Notebook.ai. Great for small screens, but not so much for very large ones.</span>
      <% end %>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-content">
    <h4>Accessibility settings</h4>
    <div class="field">
      <%= f.label :keyboard_shortcuts_preference do %>
        <%= f.check_box :keyboard_shortcuts_preference %>
        <span>
          Enable keyboard shortcuts that let me navigate around the site without using a mouse. Press <strong>?</strong> to view what's available.
        </span>
      <% end %>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-content">
    <h4>Email preferences</h4>
    <div class="field">
      <%= f.label :email_updates do %>
        <%= f.check_box :email_updates %>
        <span>I want to receive occasional updates by email about new Notebook.ai features.</span>
      <% end %>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-content">
    <h4>Forum preferences</h4>
    <div class="field">
      To change your forum preferences, including email notifications about posts you are following, please
      <%= link_to thredded.edit_global_preferences_path do %>
        click here.
      <% end %>
    </div>
  </div>
</div>
