mirror of
https://github.com/indentlabs/notebook.git
synced 2025-10-26 11:19:22 +00:00
polish roleplayers landing page
This commit is contained in:
parent
e67a43bf4f
commit
e5cc975705
@ -63,7 +63,7 @@ body {
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col s8">
|
||||
<div class="col s7">
|
||||
<div>
|
||||
<h4>How do I use it?</h4>
|
||||
<p class="light">
|
||||
@ -86,7 +86,7 @@ body {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s4">
|
||||
<div class="col s4 offset-s1">
|
||||
<%= image_tag 'screenshots/dashboard.png' %>
|
||||
</div>
|
||||
</div>
|
||||
@ -98,7 +98,7 @@ body {
|
||||
<div class="container">
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<% [Character, Location, Item, Creature, Race, Religion, Group, Magic, Language].each do |content_type| %>
|
||||
<% Rails.application.config.content_types[:all_non_universe].each do |content_type| %>
|
||||
<div class="col l4 m4 s12">
|
||||
<%= render partial: 'cards/intros/content_type_intro', locals: { content_type: content_type } %>
|
||||
</div>
|
||||
@ -110,9 +110,8 @@ body {
|
||||
|
||||
<div class="container">
|
||||
<div class="section">
|
||||
|
||||
<div class="row">
|
||||
<div class="col s7">
|
||||
<div class="col s6">
|
||||
<div>
|
||||
<h4>Separate your worlds with Universes</h4>
|
||||
<p class="light">
|
||||
@ -130,7 +129,7 @@ body {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s5">
|
||||
<div class="col s5 offset-s1">
|
||||
<%= image_tag 'screenshots/universe.png', class: 'left' %>
|
||||
</div>
|
||||
</div>
|
||||
@ -139,7 +138,7 @@ body {
|
||||
<div class="col s5">
|
||||
<%= image_tag 'screenshots/sharing.png', class: 'right' %>
|
||||
</div>
|
||||
<div class="col s7">
|
||||
<div class="col s6 offset-s1">
|
||||
<div>
|
||||
<h4>Share your campaign with players with easy privacy rules</h4>
|
||||
<p class="light">
|
||||
@ -172,7 +171,7 @@ body {
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col s7">
|
||||
<div class="col s6">
|
||||
<div>
|
||||
<h4>Keep your players engrossed with a rich world of consistent details</h4>
|
||||
<p class="light">
|
||||
@ -198,7 +197,7 @@ body {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s5">
|
||||
<div class="col s5 offset-s1">
|
||||
<%= image_tag 'screenshots/character.png', class: 'left' %>
|
||||
</div>
|
||||
</div>
|
||||
@ -207,7 +206,7 @@ body {
|
||||
<div class="col s5">
|
||||
<%= image_tag 'screenshots/gallery.png', class: 'right' %>
|
||||
</div>
|
||||
<div class="col s7">
|
||||
<div class="col s6 offset-s1">
|
||||
<div>
|
||||
<h4>Upload images for inspiration or reference</h4>
|
||||
<p class="light">
|
||||
@ -233,7 +232,7 @@ body {
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col s7">
|
||||
<div class="col s6">
|
||||
<div>
|
||||
<h4>Build family trees and organization hierarchies with ease</h4>
|
||||
<p class="light">
|
||||
@ -258,7 +257,7 @@ body {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s5">
|
||||
<div class="col s5 offset-s1">
|
||||
<%= image_tag 'screenshots/family-tree.png', class: 'left' %>
|
||||
</div>
|
||||
</div>
|
||||
@ -271,10 +270,10 @@ body {
|
||||
<div class="card-panel blue white-text hoverable" style="height: 160px">
|
||||
<div class="row">
|
||||
<div class="col s9">
|
||||
<h1 style="font-size: 26px;">
|
||||
<h1 style="font-size: 26px; display: inline">
|
||||
<%= link_to 'Start worldbuilding right now.', new_user_registration_path, class: 'white-text' %>
|
||||
</h1>
|
||||
<h5 style="font-size: 16px;">No card needed. Upgrade seamlessly any time.</h5>
|
||||
<h5 style="font-size: 16px;">No card needed. Upgrade or downgrade seamlessly any time.</h5>
|
||||
</div>
|
||||
<div class="col s3 valign-wrapper" style="height: 130px;">
|
||||
<div class="valign">
|
||||
@ -365,7 +364,7 @@ body {
|
||||
<div>
|
||||
<h4>How much does it cost?</h4>
|
||||
<div class="row">
|
||||
<div class="col s9">
|
||||
<div class="col s7">
|
||||
<p class="light">
|
||||
<strong>Creating core notebook pages (universes, characters, locations, and items) is free</strong> and doesn't require
|
||||
any payment information to start creating your novel's world immediately upon signup. Free users, however,
|
||||
@ -381,12 +380,12 @@ body {
|
||||
Additionally, a Premium subscription also increases your image upload storage from 50MB to 10GB.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col s3">
|
||||
<% [Character, Location, Item, Creature, Race, Religion, Group, Magic, Language].each_with_index do |content_type, i| %>
|
||||
<i class="material-icons <%= content_type.color %>-text tooltipped" style="font-size: 72px" data-delay="100" data-tooltip="<%= User.new.can_create?(content_type) ? 'All' : 'Premium' %> users can create unlimited <%= content_type.name.pluralize %>.">
|
||||
<div class="col s4 offset-s1">
|
||||
<% Rails.application.config.content_types[:all].each_with_index do |content_type, i| %>
|
||||
<i class="material-icons <%= content_type.color %>-text tooltipped medium" data-delay="100" data-tooltip="<%= User.new.can_create?(content_type) ? 'All' : 'Premium' %> users can create unlimited <%= content_type.name.pluralize %>.">
|
||||
<%= content_type.icon %>
|
||||
</i>
|
||||
<%= '<br />'.html_safe if (i + 1) % 3 == 0 %>
|
||||
<%= '<br />'.html_safe if (i + 1) % 6 == 0 %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user