Merge branch 'wishlist_tabs'

Conflicts:
	frontend/templates/base.html
pull/1/head
Andromeda Yelton 2012-07-17 08:53:28 -04:00
commit c9871b29a2
13 changed files with 200 additions and 29 deletions

View File

@ -1,26 +0,0 @@
<div id="about_expandable">
<div id="about_collapser" class="collapser_x">X</div>
<p>
<b>What if you could</b> give a book to everyone on earth? Get an ebook and read it on any device, in any format, forever? Give an ebook to your library, for them to share? Own DRM-free ebooks, legally? Read free ebooks, and know their creators had been fairly paid?
</p>
<p>
At Unglue.it, you can pledge toward creating ebooks that will be legally free, worldwide. These books have already been traditionally published, but they're stuck: legal restrictions keep you from being able to enjoy and share them.
</p>
<p>
Unglue.it gets them unstuck. We work with authors and publishers to choose a fair licensing fee. We raise that fee here through crowdfunding: people like you chipping in. When campaigns succeed, the rights holders get paid, and they issue a free electronic edition under a <a href="http://creativecommons.org">Creative Commons</a> license.
</p>
<p>
What if you could give your favorite book to the world?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>
<div class="right_border"><a href="{{ faqurl }}">Read the FAQ</a></div>
<div class="right_border"><a href="{% url faq_location 'rightsholders' %}">Read the FAQ for authors and publishers</a></div>
<div class="right_border"><a href="{% url press %}">Our press coverage</a></div>
{% if not user.is_authenticated %}
<div class="signuptoday"><a href="{% url registration_register %}">Sign up today</a></div>
{% else %}
<div class="signuptoday"><a href="{% url campaign_list 'ending' %}">Our campaigns</a></div>
{% endif %}
</div>

View File

@ -37,7 +37,20 @@
<p><a href="/feedback/?page={{request.build_absolute_uri|urlencode:""}}" class="nounderline">Feedback</a></p>
</div>
{% include "about_lightbox.html" %}
<div id="about_expandable">
<div id="about_collapser" class="collapser_x">X</div>
<div id="lightbox">
<!-- content will be inserted here by expand_about.js -->
</div>
<div class="right_border"><a href="{{ faqurl }}">Read the FAQ</a></div>
<div class="right_border"><a href="{% url faq_location 'rightsholders' %}">Read the FAQ for authors and publishers</a></div>
<div class="right_border"><a href="{% url press %}">Our press coverage</a></div>
{% if not user.is_authenticated %}
<div class="signuptoday"><a href="{% url registration_register %}">Sign up today</a></div>
{% else %}
<div class="signuptoday"><a href="{% url campaign_list 'ending' %}">Our campaigns</a></div>
{% endif %}
</div>
<div id="js-page-wrap">
<div id="js-header">

View File

@ -318,6 +318,30 @@ there's no tab for seeing ALL my books, only the filters! huh.
{% endifequal %}
{% else %}
{% if request.user.is_anonymous %}
<div class="tabs-1 anon_about">
{% if works_unglued %}
{{ supporter }} has given these books to you. <a href="#" class="about_expander" id="about_unglued">Find out how.</a>
{% else %}
{{ supporter }} hasn't given any books to the world yet. <a href="#" class="about_expander" id="about_unglued_empty">Find out how you can.</a>
{% endif %}
</div>
<div class="tabs-2 anon_about">
{% if works_active %}
{{ supporter }} is giving these books to you. <a href="#" class="about_expander" id="about_active">Find out how.</a>
{% else %}
{{ supporter }} isn't giving any books to the world right now. <a href="#" class="about_expander" id="about_active_empty">Find out how you can.</a>
{% endif %}
</div>
<div class="tabs-3 anon_about">
{% if works_wished %}
{{ supporter }} wants to give these books to you. <a href="#" class="about_expander" id="about_wishlist">Find out how.</a>
{% else %}
{{ supporter }} hasn't decided which books to give the world yet. <a href="#" class="about_expander" id="about_wishlist_empty">Learn more.</a>
{% endif %}
</div>
{% endif %}
{% lazy_paginate 20 works_unglued using "works_unglued" %}
{% for work in works_unglued %}
<div class="{% cycle 'row1' 'row2' %}">

View File

@ -494,3 +494,19 @@ div#content-block-content {
#js-maincontainer-bot-block {
padding-left: 16px;
}
.anon_about {
height: 43px;
line-height: 43px;
font-size: 15px;
padding-left: 37px;
border: solid 3px #d6dde0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 665px;
margin: 7px 0;
}
.anon_about a {
font-size: 15px;
color: #8dc63f;
}

View File

@ -0,0 +1,15 @@
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world? These are the books that <span class="ungluer"></span> is helping to give to the world, right now.
</p>
<p>
<span class="ungluer"></span> wants everyone to be able to read these books -- for free, on their favorite devices, worldwide -- but also wants the book's creators to be paid. Traditionally, readers pay each time they buy a book. But what if it worked more like public radio? What if creators got enough money to cover their costs and make their efforts worthwhile, and then the book were free to all? That's what Unglue.it does. Creators decide what fee makes sense to them, and then, through campaigns at Unglue.it, people everywhere chip in -- people like <span class="ungluer"></span>.
</p>
<p>
These books have active campaigns running, right now. Ungluers like <span class="ungluer"></span> are pledging to unglue them, with no risk; their credit cards will only be charged if the campaign succeeds. And when that happens, these books will be free for you, and everyone else, to read and share.
</p>
<p>
What if your favorite book were on this list?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>

View File

@ -0,0 +1,15 @@
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world? At Unglue.it, you can.
</p>
<p>
We want everyone to be able to read beloved books -- for free, on their favorite devices, worldwide. We also want the book creators to be paid. Traditionally, readers pay each time they buy a book. But what if it worked more like public radio? What if creators got enough money to cover their costs and make their efforts worthwhile, and then the book were free to all? That's what Unglue.it does. Creators decide what fee makes sense to them, and then, through campaigns at Unglue.it, people everywhere chip in -- people like you.
</p>
<p>
If <span class="ungluer"></span>'s favorite books had ungluing campaigns running right now, you'd see them here. Ungluers like <span class="ungluer"></span> could pledge to unglue them, with no risk; their credit cards are only be charged when campaigns succeed. And when that happens, the books become free for you, and everyone else, to read and share.
</p>
<p>
What if your favorite book were on this list?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>

View File

@ -0,0 +1,15 @@
<p>
<b>What if you could</b> give a book to everyone on earth? Get an ebook and read it on any device, in any format, forever? Give an ebook to your library, for them to share? Own DRM-free ebooks, legally? Read free ebooks, and know their creators had been fairly paid?
</p>
<p>
At Unglue.it, you can pledge toward creating ebooks that will be legally free, worldwide. These books have already been traditionally published, but they're stuck: legal restrictions keep you from being able to enjoy and share them.
</p>
<p>
Unglue.it gets them unstuck. Authors and publishers decide what amount lets them freely share their books with the world while still making a living. We raise that fee here through crowdfunding: people like you chipping in. When campaigns succeed, the rights holders get paid, and they issue a free electronic edition under a <a href="http://creativecommons.org">Creative Commons</a> license.
</p>
<p>
What if you could give your favorite book to the world?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>

View File

@ -0,0 +1,15 @@
<p>
Imagine if <b>you could give your favorite book</b> to everyone on earth. Imagine if they all had a copy that they could read anywhere, anytime, on their favorite devices, with no DRM. That they could share with their friends, freely and legally. And imagine that your favorite book's creators still got paid.
</p>
<p>
It's possible! Here's a set of books that <span class="ungluer"></span> has given to you. All of these books are either in the public domain (in the United States, and possibly other countries as well), or they've been released to the world under a <a href="https://creativecommons.org/">Creative Commons</a> license. This means you're free to read, copy, and share them. Under some licenses, you're also free to remix them into new creative works.
</p>
<p>
Some of these books have been in the public domain all along. But others were unglued. What's that mean? First, book creators decided what amount what would make it worth their while to issue their books under Creative Commons licenses. Next, they ran pledge campaigns on Unglue.it, and anyone who wanted to give this book to the world -- including <span class="ungluer"></span> -- chipped in. When the campaign succeeded, we paid the book creators, and they issued a freely available ebook. You're free to read it now. Go ahead!
</p>
<p>
Now imagine, what if your favorite book were on this list?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>

View File

@ -0,0 +1,15 @@
<p>
Imagine if <b>you could give your favorite book</b> to everyone on earth. Imagine if they all had a copy that they could read anywhere, anytime, on their favorite devices, with no DRM. That they could share with their friends, freely and legally. And imagine that your favorite book's creators still got paid.
</p>
<p>
It's possible! You are free to read, copy, and share books that are in the public domain or have been released to the world under a <a href="https://creativecommons.org/">Creative Commons</a> license. Under some licenses, you're also free to remix them into new creative works.
</p>
<p>
Here at Unglue.it, we help you pay creators to unglue their books. What's that mean? First, book creators say what amount would make it worth their while to issue their books under Creative Commons licenses. Next, they run pledge campaigns on Unglue.it, and anyone who wants to give their book to the world chips in. When the campaign succeeds, we pay the book creators, and they issue a freely available ebook. When books <span class="ungluer"></span> loves are unglued, you'll see them here.
</p>
<p>
Now imagine, what if your favorite book were on this list?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>

View File

@ -0,0 +1,15 @@
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world? These are the books that <span class="ungluer"></span> wants to give to the world.
</p>
<p>
Of course, <span class="ungluer"></span> can't do that, because books are stuck. Copyright and ebook licensing often make it illegal for individuals, and even libraries, to share digital books. DRM makes sharing hard. At Unglue.it, we respect copyright and pay book creators, while enabling book lovers to share their favorite books with everyone.
</p>
<p>
In short, we get books unstuck. Authors and publishers decide what amount lets them freely share their books with the world while still making a living. We raise that fee here through crowdfunding: people like you and <span class="ungluer"></span> chipping in. When campaigns succeed, the rights holders get paid, and they issue a free electronic edition under a <a href="http://creativecommons.org">Creative Commons</a> license. It's like public radio: once donors have covered the station's costs, its programs are free to all.
</p>
<p>
What if your favorite book could be free to the world?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>

View File

@ -0,0 +1,15 @@
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world?
</p>
<p>
We all do, but we can't, because books are stuck. Copyright and ebook licensing often make it illegal for individuals, and even libraries, to share digital books. DRM makes sharing hard. At Unglue.it, we respect copyright and pay book creators, while enabling book lovers to share their favorite books with everyone.
</p>
<p>
In short, we get books unstuck. Authors and publishers decide what amount lets them freely share their books with the world while still making a living. We raise that fee here through crowdfunding: people like you and <span class="ungluer"></span> chipping in. When campaigns succeed, book creators get paid, and they issue a free electronic edition under a <a href="http://creativecommons.org">Creative Commons</a> license. It's like public radio: once donors have covered the station's costs, its programs are free to all.
</p>
<p>
<span class="ungluer"></span> hasn't nominated any favorite books yet, but you can. What if your favorite book could be free to the world?
</p>
<p class="last">
What if you could <b>unglue it</b>?
</p>

View File

@ -1,6 +1,30 @@
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('#about_expander').click(function(){
$j('.about_expander').click(function(){
// decide which about content to show
var whichbox = $j(this).attr('id');
// if we're on a supporter page, personalize our about box
// by writing the supporter's name in
if ($j(location).attr('pathname').slice(0,11) == '/supporter/') {
var ungluer = $j(location).attr('pathname').slice(11, -1);
}
if (ungluer != null) {
$j('#lightbox').load('/static/html/'+whichbox+'.html');
// span.ungluer doesn't exist until the ajax call so we
// can't bind to the DOM on document ready; need to use
// the ajaxComplete event
$j('#lightbox').ajaxComplete(function() {
$j('#lightbox span.ungluer').replaceWith(ungluer);
});
} else {
$j('#lightbox').load('/static/html/'+whichbox+'.html');
}
// fade-out (fade-in) rest of page elements on expand (collapse)
$j('#js-topsection').css({"opacity": "0.07"});
$j('.launch_top').css({"opacity": "0.07"});
$j('#main-container').css({"opacity": "0.07"});

View File

@ -451,3 +451,18 @@ div#content-block-content {
#js-maincontainer-bot-block {
padding-left: 16px;
}
.anon_about {
.height(43px);
font-size: @font-size-larger;
padding-left: 37px;
border: solid 3px @blue-grey;
.one-border-radius(5px);
width: 665px;
margin: 7px 0;
a {
font-size: @font-size-larger;
color: @call-to-action;
}
}