mirrors/notebook
3
0
Fork 0
mirror of https://github.com/indentlabs/notebook.git synced 2025-10-26 11:19:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

seo h1/h2/h3 for landing, new planet, etc

Browse Source
This commit is contained in:
Andrew Brown 2020-10-19 16:58:44 -07:00
parent 1602e1aa15
commit 988cf2ca7b
8 changed files with 58 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/card-headers/planets.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 740 KiB

After

Width:  |  Height:  |  Size: 61 KiB

1
app/assets/stylesheets/landing.scss
View File

@ -45,6 +45,7 @@
display: block;
opacity: 0.25;
position: absolute;
z-index: -1;
left: 50%;
bottom: 0;
min-width: 100%;

19
app/assets/stylesheets/typography.scss
View File

@ -10,10 +10,29 @@ h1.card-title,
h2.card-title,
h3.card-title {
margin-top: 0;
margin-bottom: 0;
}
.h1-size {
font-size: 4.2rem;
line-height: 110%;
font-weight: 400;
}
.h2-size {
font-size: 3.56rem;
line-height: 110%;
font-weight: 400;
margin: 2rem 0 1rem 0;
}
.h3-size {
font-size: 2.92rem;
line-height: 110%;
font-weight: 400;
margin: 2rem 0 1rem 0;
}
.h5-size {
font-size: 1.64rem;
line-height: 110%;
margin: 1rem 0 0.5rem 0;
}

3
app/controllers/main_controller.rb
View File

@ -13,7 +13,6 @@ class MainController < ApplicationController
end
def index
@page_title = "Worldbuilding and writing"
redirect_to(:dashboard) if user_signed_in?
end
@ -24,6 +23,8 @@ class MainController < ApplicationController
end
def dashboard
@page_title = "My notebook"
set_random_content # for questions
@attribute_field_to_question = SerendipitousService.question_for(@content)
end

4
app/views/cards/intros/_content_type_intro.html.erb
View File

@ -6,8 +6,8 @@
<%= link_to send("#{content_name}_worldbuilding_info_path"), class: 'black-text' do %>
<div class="card hoverable" style="min-height: 330px;">
<div class="card-image">
<%= image_tag "card-headers/#{content_name.pluralize}.jpg", height: 300, width: 300 %>
<span class="card-title bordered-text">Create <%= content_name == "magic" ? 'magic' : content_name.pluralize %></span>
<%= image_tag "card-headers/#{content_name.pluralize}.jpg", height: 300, width: 300, style: 'object-fit: cover' %>
<h3 class="card-title bordered-text">Create <%= content_name == "magic" ? 'magic' : content_name.pluralize %></h3>
</div>
<div class="card-content fixed-card-content">
<p>

2
app/views/information/content_type.html.erb
View File

@ -285,7 +285,7 @@
<div class="col s12 m12 l12">
<div class="card horizontal">
<div class="card-image">
<%= image_tag "screenshots/prompts.png", class: 'materialboxed' %>
<%= image_tag "screenshots/prompts.png", class: 'materialboxed tooltipped', alt: "An example of a writing prompt generated for user's fictional race", data: { tooltip: "An example of a writing prompt generated for a fictional race" } %>
</div>
<div class="card-content spaced-paragraphs">
<h2 class="card-title">

2
app/views/layouts/landing.html.erb
View File

@ -1,3 +1,5 @@
<% set_meta_tags site: "The smart notebook for worldbuilders - Notebook.ai", page: '' %>
<!DOCTYPE html>
<html lang="en">
<head>

62
app/views/main/index.html.erb
View File

@ -31,8 +31,8 @@
<div class="row">
<div class="col s12 m4">
<div class="icon-block center hoverable">
<h2 class="blue-text"><i class="material-icons">create</i></h2>
<h5><%= t('marketing.landing_page.cta.writers.header') %></h5>
<div class="h2-size blue-text"><i class="material-icons">create</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.cta.writers.header') %></h3>
<p class="light">
<%= t('marketing.landing_page.cta.writers.body') %>
</p>
@ -44,8 +44,8 @@
<div class="col s12 m4">
<div class="icon-block center hoverable">
<h2 class="blue-text"><i class="material-icons">gavel</i></h2>
<h5><%= t('marketing.landing_page.cta.roleplayers.header') %></h5>
<div class="h2-size blue-text"><i class="material-icons">gavel</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.cta.roleplayers.header') %></h3>
<p class="light">
<%= t('marketing.landing_page.cta.roleplayers.body') %>
</p>
@ -57,8 +57,8 @@
<div class="col s12 m4">
<div class="icon-block center hoverable">
<h2 class="blue-text"><i class="material-icons">brush</i></h2>
<h5><%= t('marketing.landing_page.cta.designers.header') %></h5>
<div class="h2-size blue-text"><i class="material-icons">brush</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.cta.designers.header') %></h3>
<p class="light">
<%= t('marketing.landing_page.cta.designers.body') %>
</p>
@ -92,8 +92,8 @@
<div class="row">
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">bubble_chart</i></h2>
<h5><%= t('marketing.landing_page.benefits.creativity.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">bubble_chart</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.creativity.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.creativity.text') %>
</p>
@ -102,8 +102,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">cloud</i></h2>
<h5><%= t('marketing.landing_page.benefits.backups.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">cloud</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.backups.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.backups.text') %>
</p>
@ -112,8 +112,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">security</i></h2>
<h5><%= t('marketing.landing_page.benefits.ads.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">security</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.ads.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.ads.text') %>
</p>
@ -123,8 +123,8 @@
<div class="row">
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">face</i></h2>
<h5><%= t('marketing.landing_page.benefits.characters.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">face</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.characters.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.characters.text') %>
</p>
@ -133,8 +133,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">public</i></h2>
<h5><%= t('marketing.landing_page.benefits.locations.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">public</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.locations.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.locations.text') %>
</p>
@ -143,8 +143,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">assignment_turned_in</i></h2>
<h5><%= t('marketing.landing_page.benefits.continuity.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">assignment_turned_in</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.continuity.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.continuity.text') %>
</p>
@ -154,8 +154,8 @@
<div class="row">
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">search</i></h2>
<h5><%= t('marketing.landing_page.benefits.search.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">search</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.search.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.search.text') %>
</p>
@ -164,8 +164,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">list</i></h2>
<h5><%= t('marketing.landing_page.benefits.organization.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">list</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.organization.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.organization.text') %>
</p>
@ -174,8 +174,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">settings_ethernet</i></h2>
<h5><%= t('marketing.landing_page.benefits.growth.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">settings_ethernet</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.growth.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.growth.text') %>
</p>
@ -185,8 +185,8 @@
<div class="row">
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">group</i></h2>
<h5><%= t('marketing.landing_page.benefits.sharing.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">group</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.sharing.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.sharing.text') %>
</p>
@ -195,8 +195,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">schedule</i></h2>
<h5><%= t('marketing.landing_page.benefits.speed.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">schedule</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.speed.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.speed.text') %>
</p>
@ -205,8 +205,8 @@
<div class="col s12 m4">
<div class="icon-block center">
<h2 class="brown-text"><i class="material-icons">bar_chart</i></h2>
<h5><%= t('marketing.landing_page.benefits.quality.title') %></h5>
<div class="h2-size brown-text"><i class="material-icons">bar_chart</i></div>
<h3 class="h5-size"><%= t('marketing.landing_page.benefits.quality.title') %></h3>
<p class="light">
<%= t('marketing.landing_page.benefits.quality.text') %>
</p>
@ -243,7 +243,7 @@
</div>
<div class="container" style="margin-top: 50px; margin-bottom: 75px;">
<h3 class="header center blue-text"><%= t('marketing.landing_page.pricing.title') %></h3>
<h2 class="h3-size header center blue-text"><%= t('marketing.landing_page.pricing.title') %></h2>
<div class="row center" style="clear: both">
<div class="card-panel green white-text" width="200px;">
<%= t('marketing.landing_page.pricing.subtitle') %>