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

wip landing still

Browse Source
This commit is contained in:
drusepth 2022-01-07 12:52:52 -08:00
parent a73a5333f9
commit f9555256fd
1 changed files with 10 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -104,18 +104,17 @@
<section class="text-green-900 min-h-screen">
<div class="h-full bg-right-bottom bg-cover flex shadow-lg p-8 py-32" style="background-image: url(<%= image_path 'https://images.unsplash.com/photo-1520299607509-dcd935f9a839?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1631&q=80' %>);">
<section class="text-gray-600 body-font">
<div class="flex flex-wrap w-full mb-20 bg-white px-6 py-12 rounded-lg">
<div class="lg:w-1/2 w-full mb-6 lg:mb-0">
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-gray-900">
Create rich worlds with your<br class="hidden sm:block" />
Create rich, fictional worlds with your<br class="hidden sm:block" />
smart notebook &mdash; for free
</h1>
</div>
<p class="lg:w-1/2 w-full leading-relaxed text-gray-500">
With a free account, you'll have access to the core building blocks of fictional universes, personalized writing prompts set
in your world, unlimited document storage, access to a thriving <%= link_to 'community', thredded_path %> of other worldbuilders, and more.
With a free account, you'll have access to the core building blocks of fictional worlds, personalized writing prompts set
in your universe, unlimited document storage, access to a thriving <%= link_to 'community', thredded_path %> of other worldbuilders, and more.
</p>
</div>
<div class="flex flex-wrap -m-4">
@ -136,9 +135,12 @@
<div class="flex flex-wrap -mx-2 my-8">
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full bg-white flex flex-row border-gray-200 border p-4 rounded-lg">
<i class="material-icons w-16 h-16 mr-4 text-5xl">face</i>
<% 9.times do %>
<div class="p-2 lg:w-1/3 md:w-full">
<div class="bg-white flex flex-nowrap flex-row border-gray-200 border p-4 rounded-lg">
<div class="text-center">
<i class="material-icons w-12 h-12 mr-4 text-5xl">face</i>
</div>
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">
<%= t('marketing.landing_page.benefits.characters.title') %>
@ -149,79 +151,7 @@
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/84x84">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Henry Letham</h2>
<p class="text-gray-500">CTO</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/88x88">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Oskar Blinde</h2>
<p class="text-gray-500">Founder</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/90x90">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">John Doe</h2>
<p class="text-gray-500">DevOps</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/94x94">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Martin Eden</h2>
<p class="text-gray-500">Software Engineer</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/98x98">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Boris Kitua</h2>
<p class="text-gray-500">UX Researcher</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/100x90">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Atticus Finch</h2>
<p class="text-gray-500">QA Engineer</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/104x94">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Alper Kamu</h2>
<p class="text-gray-500">System</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" class="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/108x98">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Rodrigo Monchi</h2>
<p class="text-gray-500">Product Manager</p>
</div>
</div>
</div>
<% end %>
</div>