logos/ images new usage
|
Before Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 147 KiB |
|
Before Width: | Height: | Size: 432 KiB After Width: | Height: | Size: 147 KiB |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
@ -1,7 +1,7 @@
|
||||
<div class="row">
|
||||
<div class="col s12 m10 offset-m1 l8 offset-l2">
|
||||
<%= link_to api_path do %>
|
||||
<%= image_tag 'logos/both-original.png', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/both-original.webp', style: 'width: 100%' %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<div class="row">
|
||||
<div class="col s12 m10 offset-m1 l8 offset-l2">
|
||||
<%= link_to api_path do %>
|
||||
<%= image_tag 'logos/both-original.png', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/both-original.webp', style: 'width: 100%' %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="col s10 offset-s1 m6 offset-m3 l2 offset-l5 center">
|
||||
<%= image_tag 'logos/book-small.png', width: '100%' %>
|
||||
<%= image_tag 'logos/book-small.webp', width: '100%' %>
|
||||
<div class="blue-text uppercase">Notebook.ai</div>
|
||||
<i class="material-icons blue-text">add</i>
|
||||
</div>
|
||||
|
||||
@ -18,8 +18,8 @@
|
||||
Sign up for Notebook.ai
|
||||
</div>
|
||||
<div style="padding: 0 2em; padding-top: 1em">
|
||||
<%= image_tag 'logos/both-small.png', class: 'hide-on-small-only', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/book-small.png', class: 'hide-on-med-and-up', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/both-small.webp', class: 'hide-on-small-only', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'hide-on-med-and-up', style: 'width: 100%' %>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
<div class="col s12 m6 offset-m3">
|
||||
<div class="card">
|
||||
<div style="padding: 0 2em; padding-top: 1em">
|
||||
<%= image_tag 'logos/both-small.png', class: 'hide-on-small-only', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/book-small.png', class: 'hide-on-med-and-up', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/both-small.webp', class: 'hide-on-small-only', style: 'width: 100%' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'hide-on-med-and-up', style: 'width: 100%' %>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<%= render 'devise/sessions/form' %>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
display_meta_tags site: 'Notebook.ai',
|
||||
publisher: 'https://www.facebook.com/IndentLabs',
|
||||
image_src: image_url('logos/both-original.png'),
|
||||
image_src: image_url('logos/both-original.webp'),
|
||||
description: 'Notebook.ai is a set of tools for writers, game designers, and roleplayers to create magnificent universes — and everything within them.',
|
||||
# Recommended keywords tag length: up to 255 characters, 20 words.
|
||||
keywords: %w[writing author nanowrimo novel character fiction fantasy universe creative dnd roleplay larp game design worldbuilding],
|
||||
|
||||
@ -543,7 +543,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -557,7 +557,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -574,7 +574,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -588,7 +588,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -605,7 +605,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -621,7 +621,7 @@ body {
|
||||
|
||||
<div class="row">
|
||||
<div class="col s12 center">
|
||||
<div><%= image_tag 'logos/both-small.png' %></div>
|
||||
<div><%= image_tag 'logos/both-small.webp' %></div>
|
||||
<%= link_to 'Start worldbuilding now', new_user_registration_path, class: 'btn blue btn-large waves-effect waves-light ' %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -562,7 +562,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -576,7 +576,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -593,7 +593,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -607,7 +607,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -624,7 +624,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -640,7 +640,7 @@ body {
|
||||
|
||||
<div class="row">
|
||||
<div class="col s12 center">
|
||||
<div><%= image_tag 'logos/both-small.png' %></div>
|
||||
<div><%= image_tag 'logos/both-small.webp' %></div>
|
||||
<%= link_to 'Start worldbuilding now', new_user_registration_path, class: 'btn blue btn-large waves-effect waves-light ' %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -585,7 +585,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -599,7 +599,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -616,7 +616,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -630,7 +630,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -647,7 +647,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -661,7 +661,7 @@ body {
|
||||
<div class="card-panel grey lighten-5 z-depth-1">
|
||||
<div class="row valign-wrapper">
|
||||
<div class="col s2">
|
||||
<%= image_tag 'logos/book-small.png', class: 'responsive-img' %>
|
||||
<%= image_tag 'logos/book-small.webp', class: 'responsive-img' %>
|
||||
</div>
|
||||
<div class="col s10">
|
||||
<div class="black-text flow-text">
|
||||
@ -688,7 +688,7 @@ body {
|
||||
|
||||
<div class="row">
|
||||
<div class="col s12 center">
|
||||
<div><%= image_tag 'logos/both-small.png' %></div>
|
||||
<div><%= image_tag 'logos/both-small.webp' %></div>
|
||||
<%= link_to 'Start worldbuilding now', new_user_registration_path, class: 'btn blue btn-large waves-effect waves-light ' %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
</style>
|
||||
|
||||
<div class="center">
|
||||
<%= image_tag 'logos/both-small.png', class: 'center' %>
|
||||
<%= image_tag 'logos/both-small.webp', class: 'center' %>
|
||||
</div>
|
||||
|
||||
<h1 style="font-size: 2em">Notebook.ai + SaS Con</h1>
|
||||
|
||||