EbookFoundation
/
regluit
mirror of https://github.com/EbookFoundation/regluit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

made sure arrow and graphic aligned in a cross-browser way and moved long text to learn more space

pull/1/head
Andromeda Yelton 2011-12-08 15:24:38 -05:00
parent 1bef255813
commit 1c623dcac7
3 changed files with 35 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/templates/home.html
View File

@ -74,8 +74,16 @@ var $j = jQuery.noConflict();
</div>
</div>
<div class="user-block-hide">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>We all have books we love so much, we'd like to give them to the world.</p>
<p>
We want to share them, but also reward their creators. With digital books, it can be hard to do both. Unglue.it offers a win-win solution:
</p>
<p>
Crowdfunding. We run pledge campaigns for books; you chip in. When, together, we've reached the goal, we'll reward the book's creators and issue an unglued ebook.
</p>
<p>
<a href="https://creativecommons.org/">Creative Commons</a> licensing means everyone, everywhere can read and share the unglued book — freely and legally. You've given your favorite book to the world.
</p>
</div>
</div>
</div>
@ -89,21 +97,13 @@ var $j = jQuery.noConflict();
<div id="js-main-container">
<div class="js-main-container-inner">
<div id="js-maincontainer-content" class="have-content-right-module">
<div class="item-content">
<h2 class="page-heading">We all have books we love so much, we'd like to give them to the world.</h2>
<p>
We want to share them, but also reward their creators. With digital books, it can be hard to do both. Unglue.it offers a win-win solution.
</p>
<p>
Crowdfunding. We run pledge campaigns for books; you chip in. When, together, we've reached the goal, we'll reward the book's creators and issue an unglued ebook.
</p>
<p>
<a href="https://creativecommons.org/">Creative Commons</a> licensing means everyone, everywhere can read and share the unglued book — freely and legally. You've given your favorite book to the world.
</p>
</div>
<div class="content-right-module">
<h3>How does it work?</h3>
</div>
<div style="clear:right;">
<div class="item-content">
<h2 class="page-heading">Give books to the world.</h2>
</div>
<div class="jsmod-content">
<img src="/static/images/landingpage/icon-group.png" alt="How does it work?" title="How does it work?" height="269" width="268" />
</div>

10
static/css/landingpage.css
View File

@ -198,6 +198,8 @@ div.signup_btn a span {
float: left;
width: 364px;
font-size: 14px;
height: 132px;
border-bottom: 7px solid #8ac3d7;
}
.have-content-right-module .item-content p {
margin-bottom: 20px;
@ -206,8 +208,8 @@ div.signup_btn a span {
.have-content-right-module .item-content h2.page-heading {
padding-right: 97px;
line-height: 43px;
border-bottom: 7px solid #8ac3d7;
padding-bottom: 4px;
padding-top: 5px;
}
.have-content-right-module .content-right-module {
width: 268px;
@ -231,6 +233,7 @@ h2.page-heading {
width: 100%;
clear: both;
overflow: hidden;
margin-top: 55px;
}
#js-maincontainer-bot-block #js-search {
background: url(/static/images/landingpage/bg-search.png) 0 0 no-repeat;
@ -344,6 +347,11 @@ h2.page-heading {
float: left;
margin: 0 4px;
}
.landingheader {
border-bottom: solid 5px #6994a3;
float: left;
height: 134px;
}
#footer {
clear: both;
margin-top: 30px;

12
static/less/landingpage.less
View File

@ -223,6 +223,8 @@ div.signup_btn {
float:left;
width:364px;
font-size:14px;
height: 132px;
border-bottom:7px solid #8ac3d7;
p {
margin-bottom:20px;
@ -232,8 +234,8 @@ div.signup_btn {
h2.page-heading {
padding-right:97px;
line-height:43px;
border-bottom:7px solid #8ac3d7;
padding-bottom:4px;
padding-top: 5px;
}
}
@ -263,6 +265,7 @@ h2.page-heading {
width:100%;
clear:both;
overflow:hidden;
margin-top:55px;
#js-search {
background:url(/static/images/landingpage/bg-search.png) 0 0 no-repeat;
@ -379,6 +382,13 @@ h2.page-heading {
margin: 0 4px;
}
.landingheader {
border-bottom: solid 5px @medium-blue;
float: left;
height:134px;
}
#footer {
clear: both;
margin-top:30px;