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

restyle hero on landing

Browse Source
This commit is contained in:
Andrew Brown 2014-05-21 20:28:41 +00:00
parent 3a673c7d12
commit d37bc792c8
2 changed files with 20 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 167 KiB

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

@ -1,31 +1,22 @@
<div id="landing-page-1">
<div class="row">
<div class="col-md-12">
<div class="col-md-8">
<div class="card">
<h1 class="card-heading">
Indent <small>before you write</small>
</h1>
<div class="card-heading"></div>
<div class="card-body">
<div class="row">
<div class="col-md-7">
<p>
Indent is a set of tools for writers, game designers, and roleplayers to create magnificent universes &ndash; and everything within them.
</p>
<p>
From a simple interface in your browser, on your phone, or on your tablet, you can do everything you'd ever want to do while creating your own little (or big!) world.
</p>
<p>
Ready?
</p>
</div>
<div class="col-md-5">
<div class="thumbnail">
<%= image_tag "card-headers/hero.jpg" %>
</div>
</div>
</div>
<h1 style="font-size: 44px;">
Indent <small>before you write</small>
</h1>
<p>
Indent is a set of tools for writers, game designers, and roleplayers to create magnificent universes &ndash; and everything within them.
</p>
<p>
From a simple interface in your browser, on your phone, or on your tablet, you can do everything you'd ever want to do while creating your own little (or big!) world.
</p>
<p>
Ready?
</p>
</div>
<div class="card-comments">
@ -36,6 +27,12 @@
</div>
</div>
</div>
<div class="col-xs-4">
<div class="card" style="padding-top: 0px; background: black;">
<%= image_tag "card-headers/hero.jpg", :style => "width: 100%;" %>
</div>
</div>
</div>
<div class="row" id="content-types">