Raymond Yee
commit
84709312ea
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<dd>Thanks-for-Ungluing is a program is designed to help rights holders promote and monetize their Creative Commons licensed books. Rights holders participating in the Thanks-for-Ungluing program can request payment for their books on a pay-what-you-want basis. They can also set suggested prices as well as metadata and descriptions for books that they claim.</dd>
|
||||
|
||||
<dt>Why Should I Pay for Buy-to-Unglue ebooks?</dt>
|
||||
<dt>Why Should I Pay for Thanks-for-Ungluing ebooks?</dt>
|
||||
|
||||
<dd>If you want to reward the creators of an ebook, why not pay for a book? If you want to encourage other creators to make their books free, put your money where your mouth is, and reward the creators who have already done so!</dd>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link type="text/css" rel="stylesheet" href="/static/css/landingpage3.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/searchandbrowse2.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/book_panel2.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/learnmore2.css" />
|
||||
<link type="text/css" rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
|
||||
|
|
@ -52,7 +52,7 @@ function put_un_in_cookie2(){
|
|||
{% include "book_panel.html" %}
|
||||
{% endwith %}{% endwith %}{% endwith %}{% endwith %}
|
||||
{% endfor %}
|
||||
<a class="more_featured_books" href="{% url campaign_list 'ending' %}"></a>
|
||||
<a class="more_featured_books" href="{% url campaign_list 'ending' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
|
||||
</div>
|
||||
{% else %}{% if coming_soon %}
|
||||
<h3 class="featured_books">Coming Soon</h3>
|
||||
|
|
@ -64,7 +64,7 @@ function put_un_in_cookie2(){
|
|||
{% include "book_panel.html" %}
|
||||
{% endwith %}{% endwith %}{% endwith %}
|
||||
{% endfor %}
|
||||
<a class="more_featured_books" href="{% url campaign_list 'soon' %}"></a>
|
||||
<a class="more_featured_books" href="{% url campaign_list 'soon' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
|
||||
</div>
|
||||
{% endif %}{% endif %}
|
||||
<div class="spacer"></div>
|
||||
|
|
@ -78,7 +78,7 @@ function put_un_in_cookie2(){
|
|||
{% include "book_panel.html" %}
|
||||
{% endwith %}{% endwith %}{% endwith %}
|
||||
{% endfor %}
|
||||
<a class="more_featured_books" href="{% url unglued_list '' %}"></a>
|
||||
<a class="more_featured_books" href="{% url unglued_list '' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
|
||||
</div>
|
||||
<div class="spacer"></div>
|
||||
<h3 class="featured_books">Latest Creative Commons</h3>
|
||||
|
|
@ -90,7 +90,7 @@ function put_un_in_cookie2(){
|
|||
{% include "book_panel.html" %}
|
||||
{% endwith %}{% endwith %}{% endwith %}
|
||||
{% endfor %}
|
||||
<a class="more_featured_books" href="{% url cc_list %}"></a>
|
||||
<a class="more_featured_books" href="{% url cc_list %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
|
||||
</div>
|
||||
<div class="spacer"></div>
|
||||
|
||||
|
|
@ -103,7 +103,7 @@ function put_un_in_cookie2(){
|
|||
{% include "book_panel.html" %}
|
||||
{% endwith %}{% endwith %}{% endwith %}
|
||||
{% endfor %}
|
||||
<a class="more_featured_books" href="{% url work_list 'popular' %}"></a>
|
||||
<a class="more_featured_books" href="{% url work_list 'popular' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
|
||||
</div>
|
||||
<div class="spacer"></div>
|
||||
|
||||
|
|
|
|||
|
|
@ -16,31 +16,104 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="user-block-hide" class="learnmore_block">
|
||||
<div class="quicktour">
|
||||
<span class="highlight">We all have books we love so much, we'd like to give them to the world.</span> We want to share them, but also reward their creators. With digital books, it can be hard to do both.
|
||||
<div id="user-block-hide" class="learnmore_block ">
|
||||
<h1 style="text-align: center; padding-top: 1em; width: 75%"> 3 Ways to Make eBooks Free</h1>
|
||||
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #8ac3d7; ">MAKE</span>
|
||||
</div>
|
||||
<div class="quicktour">
|
||||
<span class="highlight">Unglue.it lets us do both.</span> We run campaigns for books; you help by buying, pledging, contributing, and telling your friends. The result: ebooks become free to the world!
|
||||
<div class="panelview panelback side2">
|
||||
<span class="highlight">Create ebooks</span> in EPUB, MOBI, and PDF for reading everywhere.
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow"><i class="fa fa-arrow-right"></i></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #e18551; ">GIVE</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
Apply <a href="https://creativecommons.org/">Creative Commons</a> licenses to ebooks, and <span class="highlight">we'll distribute them</span>, direct and through libraries.
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow"><i class="fa fa-arrow-right"></i></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #8dc63f; ">ASK</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
Ask people who are downloading the books to contribute what they choose, <span class="highlight">we'll get you the funds.</span>
|
||||
</div>
|
||||
<div class="quicktour">
|
||||
<a href="https://creativecommons.org/">Creative Commons</a> licensing means everyone, everywhere can read and share the unglued book - freely and legally. <span class="highlight">We can give our our favorite books to the world!</span>
|
||||
</div>
|
||||
<div class="quicktour last">
|
||||
Still have questions? <a href="{% url faq %}">We've got answers.</a>
|
||||
{% if not user.is_authenticated %}
|
||||
{% if suppress_search_box %}
|
||||
<div class="signup" id="highlighter">Or, sign up below. <img src="/static/images/landingpage/signmeup-arrow.png" alt="sign up below"></div>
|
||||
{% else %}
|
||||
<div class="spacer"><div class="signuptoday"><a href="{% url registration_register %}">Or, sign up today</a></div></div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<div class="programlink">
|
||||
<a href="{% url faq_sublocation 'campaigns' 't4u' %}">"Thanks for Ungluing"</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="learnmore_row"></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #8ac3d7; ">MAKE</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
<span class="highlight">Create ebooks</span> in EPUB for reading everywhere.
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow"><i class="fa fa-arrow-right"></i></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #8dc63f; ">ASK</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
Set a revenue goal, offer the ebook for sale, <span class="highlight">we'll sell it</span> directly to readers and to libraries.
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow"><i class="fa fa-arrow-right"></i></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #e18551; ">GIVE</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
Once <span class="highlight">book sales reach your goal</span>, <a href="https://creativecommons.org/">Creative Commons</a> licenses are automatically applied.
|
||||
</div>
|
||||
</div>
|
||||
<div class="quicktour last">
|
||||
<div class="programlink">
|
||||
<a href="{% url faq_sublocation 'campaigns' 'b2u' %}">"Buy to Unglue"</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="learnmore_row"></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #8dc63f; ">ASK</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
Ask people who are want your ebook to contribute what they like, <span class="highlight">we'll gather the pledges.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow"><i class="fa fa-arrow-right"></i></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #8ac3d7; ">MAKE</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
When you've reached your funding goal, <span class="highlight">we'll collect the funds</span> to fund your ebook conversion.
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow"><i class="fa fa-arrow-right"></i></div>
|
||||
<div class="quicktour panelview">
|
||||
<div class="panelview panelfront side1">
|
||||
<span style="color: #e18551; ">GIVE</span>
|
||||
</div>
|
||||
<div class="panelview panelback side2">
|
||||
Apply a <a href="https://creativecommons.org/">Creative Commons</a> license to the ebook, and <span class="highlight">we'll distribute it</span>, directly to readers and to libraries.
|
||||
</div>
|
||||
</div>
|
||||
<div class="quicktour last">
|
||||
<div class="programlink">
|
||||
<a href="{% url faq_sublocation 'campaigns' 'supporting' %}">"Pledge to Unglue"</a>
|
||||
</div>
|
||||
{% comment %}
|
||||
<div style="clear: both; border: solid 3px #eee; border-radius: 10px; color: #aaa; font-size:22px; line-height: 33px; padding: 22px;">
|
||||
possibly there should be a 'how does it work' screencast here. maybe it should even replace the above text (or said text should be cut down sharply)
|
||||
</div>
|
||||
{% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .quicktour{width:195px;padding-right:45px;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour.last{padding-right:0}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}
|
||||
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .learnmore_row{border-bottom:dashed 2px #8ac3d7;clear:left;width:68%}.learnmore_block .arrow{color:#8ac3d7;line-height:48pt;float:left;padding-right:8px;padding-left:8px;padding-top:20px;font-size:24pt}.learnmore_block .quicktour{width:20%;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px;text-align:center;min-height:64px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour .panelfront{font-size:48pt;line-height:48pt;font-style:normal}.learnmore_block .quicktour.last{padding-left:10px;font-size:20px;width:30%;padding-top:20px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}
|
||||
|
|
@ -1,13 +1,13 @@
|
|||
var $j = jQuery.noConflict();
|
||||
|
||||
$j().ready(function(){
|
||||
var contentblock = $j('#content-block');
|
||||
contentblock.on('mouseenter', 'div.book-list.panelview', function() {
|
||||
var contentblock = $j('#content-block, #user-block-hide');
|
||||
contentblock.on('mouseenter', '.panelview', function() {
|
||||
$j(this).children('.panelfront').removeClass('side1').addClass('side2');
|
||||
$j(this).children('.panelback').removeClass('side2').addClass('side1');
|
||||
});
|
||||
|
||||
contentblock.on('mouseleave', 'div.book-list.panelview', function() {
|
||||
contentblock.on('mouseleave', '.panelview', function() {
|
||||
$j(this).children('.panelback').removeClass('side1').addClass('side2');
|
||||
$j(this).children('.panelfront').removeClass('side2').addClass('side1');
|
||||
});
|
||||
|
|
|
|||
|
|
@ -35,26 +35,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
#user-block {
|
||||
width:100%;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#user-block1, .user-block2 {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#user-block1 {
|
||||
width:70%;
|
||||
|
||||
#block-intro-text {
|
||||
float:left;
|
||||
width:70%;
|
||||
width:702px;
|
||||
font-size: @font-size-header;
|
||||
}
|
||||
|
||||
a#readon {
|
||||
float: left;
|
||||
font-size: @font-size-larger;
|
||||
}
|
||||
}
|
||||
|
|
@ -287,14 +279,12 @@ a.more_featured_books {
|
|||
height: 305px;
|
||||
margin: 5px 0;
|
||||
border: 5px solid white;
|
||||
background-image: url("/static/images/landingpage/signmeup-arrow-textblue.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
line-height: 305px;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
background-image: url("/static/images/landingpage/signmeup-arrow-right.png");
|
||||
cursor: pointer;
|
||||
border-color: @pale-blue;
|
||||
color: @green
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,18 +1,13 @@
|
|||
@import "variables.less";
|
||||
|
||||
.user-block {
|
||||
width:100%; clear:both;
|
||||
width:100%;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#user-block1 {
|
||||
width:100%;
|
||||
|
||||
#block-intro-text {
|
||||
float:left;
|
||||
width:702px;
|
||||
font-size: @font-size-header;
|
||||
}
|
||||
|
||||
a#readon {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -29,22 +24,43 @@
|
|||
border-top: solid 1px @bright-blue;
|
||||
margin-top: 20px;
|
||||
|
||||
.learnmore_row{
|
||||
border-bottom: dashed 2px @bright-blue;
|
||||
clear: left;
|
||||
width: 68%;
|
||||
}
|
||||
.arrow {
|
||||
font-size: 24pt;
|
||||
color: @bright-blue;
|
||||
line-height: 48pt;
|
||||
float: left;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
padding-top: 20px;
|
||||
font-size: 24pt;
|
||||
}
|
||||
.quicktour {
|
||||
width: 195px;
|
||||
padding-right: 45px;
|
||||
width: 20%;
|
||||
float: left;
|
||||
font-style: italic;
|
||||
line-height:20px;
|
||||
font-size: @font-size-default;
|
||||
margin-top: 20px;
|
||||
|
||||
text-align: center;
|
||||
min-height: 64px;
|
||||
.highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.panelfront{
|
||||
font-size: 48pt;
|
||||
line-height: 48pt;
|
||||
font-style: normal;
|
||||
}
|
||||
&.last {
|
||||
padding-right:0px;
|
||||
|
||||
padding-left:10px;
|
||||
font-size: 20px;
|
||||
width: 30%;
|
||||
padding-top: 20px;
|
||||
.signup {
|
||||
color: @call-to-action;
|
||||
font-weight: bold;
|
||||
|
|
|
|||
Loading…
Reference in New Issue