Raymond Yee
commit
d00e434d41
|
|
@ -1,3 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lightbox_content">
|
||||
<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>
|
||||
|
|
@ -12,4 +16,8 @@
|
|||
</p>
|
||||
<p class="last">
|
||||
What if you could <b>unglue it</b>?
|
||||
</p>
|
||||
</p>
|
||||
|
||||
{% include "about_lightbox_footer.html" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lightbox_content">
|
||||
<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>
|
||||
|
|
@ -12,4 +16,8 @@
|
|||
</p>
|
||||
<p class="last">
|
||||
What if you could <b>unglue it</b>?
|
||||
</p>
|
||||
</p>
|
||||
|
||||
{% include "about_lightbox_footer.html" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<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 %}
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lightbox_content">
|
||||
<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>
|
||||
|
|
@ -12,4 +16,8 @@
|
|||
</p>
|
||||
<p class="last">
|
||||
What if you could <b>unglue it</b>?
|
||||
</p>
|
||||
</p>
|
||||
|
||||
{% include "about_lightbox_footer.html" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lightbox_content">
|
||||
<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>
|
||||
|
|
@ -12,4 +16,8 @@
|
|||
</p>
|
||||
<p class="last">
|
||||
What if you could <b>unglue it</b>?
|
||||
</p>
|
||||
</p>
|
||||
|
||||
{% include "about_lightbox_footer.html" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lightbox_content">
|
||||
<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>
|
||||
|
|
@ -12,4 +16,8 @@
|
|||
</p>
|
||||
<p class="last">
|
||||
What if you could <b>unglue it</b>?
|
||||
</p>
|
||||
</p>
|
||||
|
||||
{% include "about_lightbox_footer.html" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lightbox_content">
|
||||
<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>
|
||||
|
|
@ -13,3 +17,7 @@
|
|||
<p class="last">
|
||||
What if you could <b>unglue it</b>?
|
||||
</p>
|
||||
|
||||
{% include "about_lightbox_footer.html" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lightbox_content">
|
||||
<p>
|
||||
Do you have a <b>book you love so much</b> you'd like to give it to the world?
|
||||
</p>
|
||||
|
|
@ -13,3 +17,7 @@
|
|||
<p class="last">
|
||||
What if you could <b>unglue it</b>?
|
||||
</p>
|
||||
|
||||
{% include "about_lightbox_footer.html" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
{% block base_js %}
|
||||
<script type="text/javascript" src="{{ jquery_home }}"></script>
|
||||
{% endblock %}
|
||||
<script type="text/javascript" src="/static/js/expand_about.js"></script>
|
||||
<script type="text/javascript" src="/static/js/hijax.js"></script>
|
||||
{% block extra_js %}
|
||||
{% endblock %}
|
||||
<script type="text/javascript" src="/static/js/watermark_init.js"></script>
|
||||
|
|
@ -50,16 +50,8 @@
|
|||
<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 -->
|
||||
<!-- content will be inserted here by hijax.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">
|
||||
|
|
@ -97,7 +89,7 @@
|
|||
{% else %}
|
||||
<li class="first"><a href="{% url auth_login %}?next={% firstof request.path '/' %}"><span>Sign In</span></a></li>
|
||||
{% endif %}
|
||||
<li class="about_expander" id="about_main"><a href="#"><span>About</span></a></li>
|
||||
<li><a href="/about/main/" class="hijax"><span>About</span></a></li>
|
||||
<li><a href="{{ landingurl }}"><span>Home</span></a></li>
|
||||
{% if not user.is_authenticated %}
|
||||
<li class="last" id="expander"><a href="{% url registration_register %}"><span>sign up</span></a></li>
|
||||
|
|
|
|||
|
|
@ -15,13 +15,16 @@
|
|||
|
||||
{% block content %}
|
||||
<div class="download_container">
|
||||
<div id="lightbox_content">
|
||||
<h2>Downloads for {{ work.title }}</h2>
|
||||
{% if unglued_ebook %}
|
||||
<div class="unglued">
|
||||
<h3>Get the unglued edition!</h3>
|
||||
<h3>Read the unglued edition!</h3>
|
||||
<div class="ebook_download">
|
||||
<img src="{{ unglued_ebook.rights_badge }}">
|
||||
<a href="{{ unglued_ebook.0.url }}">{{ unglued_ebook.format }}</a>
|
||||
{% with unglued_ebook.url as url %}
|
||||
<a href="{{ url }}"><img src="{{ unglued_ebook.rights_badge }}"></a>
|
||||
<a href="{{ url }}">{{ unglued_ebook.format }}</a>
|
||||
{% endwith %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -41,13 +44,87 @@
|
|||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if unglued_ebook or other_ebooks %}
|
||||
blah blah download instructions
|
||||
<h3>How to download</h3>
|
||||
<p>Ebooks you find at Unglue.it may be read on any device, and you're welcome to convert them to whatever electronic format is most useful to you. While we can't cover every possible combination of readers, software, and formats you might use, here's some help for the most common cases.</p>
|
||||
|
||||
<h4>Android devices</h4>
|
||||
<p class="ebook_download logo"><img src="/static/images/aldiko_logo.png">Aldiko</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="http://www.aldiko.com/download.html">Download the free Aldiko app.</a></li>
|
||||
<li>Download your book from this page using your device's web browser.</li>
|
||||
<li>You can read HTML files right in the browser. For other formats, you will be given the option of opening the file in Aldiko.</li>
|
||||
</ul>
|
||||
{% comment %}
|
||||
this doesn't seem to work. i get only browser and IndieBound reader as options on my phone. perhaps I should recommend IBReader instead?
|
||||
{% endcomment %}
|
||||
|
||||
<h4>iOS devices</h4>
|
||||
<p class="ebook_download logo"><img src="/static/images/ibooks_logo.jpeg">iBooks</p>
|
||||
{% comment %}test{% endcomment %}
|
||||
<ul>
|
||||
<li><a href="http://itunes.apple.com/us/app/ibooks/id364709193?mt=8">Download the free iBooks app</a> from the App Store.</li>
|
||||
<li>Download your book from this page using your device's web browser.</li>
|
||||
<li>You can read HTML files right in the browser. For other formats, you will be given the option of opening the file in iBooks.</li>
|
||||
</ul>
|
||||
|
||||
<h4>PC, Mac, or Linux</h4>
|
||||
<p class="ebook_download logo"><img src="/static/images/calibre_logo.png">Calibre</p>
|
||||
<ul>
|
||||
<li><a href="http://calibre-ebook.com/download">Download the free Calibre app.</a></li>
|
||||
<li>Download your book from this page using your device's web browser.</li>
|
||||
<li>Open the ebook file in Calibre.</li>
|
||||
</ul>
|
||||
|
||||
<h4>Non-Kindle ereaders</h4>
|
||||
{% comment %}can we just use browser on web-connected device? try it
|
||||
|
||||
should we just include general sideloading directions all here under ereaders and then have an extra note for Kindle? Should we recommend calibre for all?
|
||||
{% endcomment %}
|
||||
<ul>
|
||||
<li>Download the ebook to a laptop or desktop computer.</li>
|
||||
<li>Plug the ereader into your computer with a USB cable.</li>
|
||||
<li>Using the Finder (Mac) or Windows Explorer (Windows), drag and drop the ebook file into the Documents folder on your device. (It may also be called My Documents or My Stuff, depending on your ereader.)</li>
|
||||
<li>Eject your device from the Finder or Explorer and disconnect the USB.</li>
|
||||
<li>You may need to reboot your device to see the new book.</li>
|
||||
</ul>
|
||||
|
||||
<h4>Kindles</h4>
|
||||
<p>Kindles can read plain text, MOBI, PDF, and HTML files. They cannot read epub books (the format unglued ebooks are released in). However, you can convert epubs to mobi files using free software.</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="http://calibre-ebook.com/download">Download the free Calibre app.</a></li>
|
||||
<li>Download your book from this page using your device's web browser.</li>
|
||||
<li>Open the ebook file in Calibre.</li>
|
||||
<li>Convert the epub to a mobi file: select the file; click on "convert books"; and set the output format to mobi.</li>
|
||||
<li>When the conversion is done, you can drag and drop the file to your device using the instructions for non-Kindle ereaders. You can also use the "Send to Device" button, if your device is plugged in.</li>
|
||||
</ul>
|
||||
|
||||
<h4>Need more help?</h4>
|
||||
<p>Need help with something not listed here? Email us at <a href="mailto:support@gluejar.com?Subject=Ebook%20downloading%20help">support@gluejar.com</a>.</p>
|
||||
{% comment %}
|
||||
http://www.gutenberg.org/wiki/Gutenberg:MobileReader_Devices_How-To
|
||||
http://www.feedbooks.com/help/devices
|
||||
|
||||
android: aldiko
|
||||
iOS: ibooks (built in? test handling on ipad)
|
||||
desktop: calibre.
|
||||
|
||||
reader apps?
|
||||
|
||||
kindle: ??? "All free books on Feedbooks are available in a Kindle compatible format (for both Kindle devices and mobile applications), but due to the closed nature of the Kindle ecosystem, none of the files available on our store are compatible with the Kindle.
|
||||
|
||||
To download a book in a Kindle compatible format, click on the book's name and then select the "Kindle" download option." sideloading: download to computer; attach Kindle with USB; add .mobi file to "documents" folder in Kindle. (convert epub to mobi using Calibre, which also has a send-to-Kindle function)
|
||||
|
||||
i canNOT list all the possibilities. need to have a help email.
|
||||
{% endcomment %}
|
||||
{% else %}
|
||||
<p id="content-block">There are no freely available downloads of <I>{{ work.title }}</I> right now. {% if not work in request.user.wishlist.works.all %}Would you like there to be? <a class="add-wishlist"><span class="work_id" id="w{{ work.id }}">Add this book to your wishlist.</span></a>{% else %}Ask your friends to add it to their wishlists!{% endif %}</p>
|
||||
|
||||
<p>If you know of a Creative-Commons-licensed or US public domain edition of this book, you can add it through the <a href="{% url work work.id %}?tab=4">Rights tab of the book page</a>.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% endwith %}
|
||||
|
|
@ -91,7 +91,7 @@ Please fix the following before launching your campaign:
|
|||
{% ifequal campaign_status 'INITIALIZED' %}
|
||||
<a href="{% url work_preview campaign.work.id %}" class="manage" target="_blank">Preview Your Campaign</a>
|
||||
{% else %}
|
||||
<a href="{% url work_preview campaign.work.id %}" class="manage" target="_blank">See Your Campaign</a>
|
||||
<a href="{% url work campaign.work.id %}" class="manage" target="_blank">See Your Campaign</a>
|
||||
{% endifequal %}
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -321,23 +321,23 @@ there's no tab for seeing ALL my books, only the filters! huh.
|
|||
{% if request.user.is_anonymous %}
|
||||
<div class="tabs-1 anon_about">
|
||||
{% if works_unglued %}
|
||||
{{ supporter }} is sharing these books with you. <a href="#" class="about_expander" id="about_unglued">Find out how.</a>
|
||||
{{ supporter }} is sharing these books with you. <a href="/about/unglued/" class="hijax">Find out how.</a>
|
||||
{% else %}
|
||||
{{ supporter }} isn't sharing any books with the world yet. <a href="#" class="about_expander" id="about_unglued_empty">Find out how you can.</a>
|
||||
{{ supporter }} isn't sharing any books with the world yet. <a href="/about/unglued_empty/" class="hijax">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>
|
||||
{{ supporter }} is giving these books to you. <a href="/about/active/" class="hijax">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>
|
||||
{{ supporter }} isn't giving any books to the world right now. <a href="/about/active_empty" class="hijax">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>
|
||||
{{ supporter }} wants to give these books to you. <a href="/about/wishlist/" class="hijax">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>
|
||||
{{ supporter }} hasn't decided which books to give the world yet. <a href="/about/wishlist_empty/" class="hijax">Learn more.</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
|
||||
<script type="text/javascript" src="/static/js/counter.js"></script>
|
||||
<script type="text/javascript" src="/static/js/embed.js"></script>
|
||||
<script type="text/javascript" src="/static/js/hijax.js"></script>
|
||||
|
||||
<script>
|
||||
var $j = jQuery.noConflict();
|
||||
|
|
@ -127,7 +128,7 @@ $j(document).ready(function(){
|
|||
{% else %}
|
||||
{% if work.first_ebook %}
|
||||
<div class="btn_support">
|
||||
<a href="{% url download work_id %}" id="ebookDownload" class="fakeinput">Download</a>
|
||||
<a href="{% url download work_id %}" class="fakeinput hijax">Download</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -76,7 +76,8 @@ urlpatterns = patterns(
|
|||
url(r"^info/(?P<template_name>[\w\.]*)$", InfoPageView.as_view()),
|
||||
url(r"^info/languages/(?P<template_name>[\w\.]*)$", InfoLangView.as_view()),
|
||||
url(r'^supporter/(?P<supporter>[^/]+)/feed/$', SupporterWishlistFeed()),
|
||||
url(r'^campaign_archive.js/$', "campaign_archive_js", name='campaign_archive_js'),
|
||||
url(r'^campaign_archive.js/$', "campaign_archive_js", name="campaign_archive_js"),
|
||||
url(r"^about/(?P<facet>\w*)/$", "about", name="about"),
|
||||
)
|
||||
|
||||
if settings.DEBUG:
|
||||
|
|
|
|||
|
|
@ -158,7 +158,7 @@ def work(request, work_id, action='display'):
|
|||
try:
|
||||
assert not (work.last_campaign_status() == 'ACTIVE' and work.first_ebook())
|
||||
except:
|
||||
logger.warning("Campaign running for %w when ebooks are already available: why?" % work.title )
|
||||
logger.warning("Campaign running for %s when ebooks are already available: why?" % work.title )
|
||||
|
||||
if work.last_campaign_status() == 'ACTIVE':
|
||||
from math import ceil
|
||||
|
|
@ -180,7 +180,6 @@ def work(request, work_id, action='display'):
|
|||
countdown = "in %s minutes" % str(time_remaining.seconds/60 + 1)
|
||||
else:
|
||||
countdown = "right now"
|
||||
context.update({ 'countdown': countdown })
|
||||
|
||||
if action == 'preview':
|
||||
work.last_campaign_status = 'ACTIVE'
|
||||
|
|
@ -249,6 +248,7 @@ def work(request, work_id, action='display'):
|
|||
'alert': alert,
|
||||
'claimstatus': claimstatus,
|
||||
'rights_holder_name': rights_holder_name,
|
||||
'countdown': countdown,
|
||||
})
|
||||
|
||||
def new_edition(request, work_id, edition_id, by=None):
|
||||
|
|
@ -2088,7 +2088,10 @@ def campaign_archive_js(request):
|
|||
|
||||
def lockss(request, work_id):
|
||||
work = safe_get_work(work_id)
|
||||
ebook = work.ebooks().filter(unglued=True)[0]
|
||||
try:
|
||||
ebook = work.ebooks().filter(unglued=True)[0]
|
||||
except:
|
||||
ebook = None
|
||||
authors = list(models.Author.objects.filter(editions__work=work).all())
|
||||
|
||||
return render(request, "lockss.html", {'work':work, 'ebook':ebook, 'authors':authors})
|
||||
|
|
@ -2105,7 +2108,7 @@ def download(request, work_id):
|
|||
ungluedcount = unglued_ebook.count()
|
||||
assert (ungluedcount == 1 or ungluedcount == 0)
|
||||
except:
|
||||
logger.warning("There is more than one unglued edition for %w" % work.title)
|
||||
logger.warning("There is more than one unglued edition for %s" % work.title)
|
||||
|
||||
try:
|
||||
unglued_ebook = unglued_ebook[0]
|
||||
|
|
@ -2118,4 +2121,7 @@ def download(request, work_id):
|
|||
})
|
||||
|
||||
return render(request, "download.html", context)
|
||||
|
||||
|
||||
def about(request, facet):
|
||||
template = "about_" + facet + ".html"
|
||||
return render(request, template)
|
||||
|
|
|
|||
|
|
@ -18,6 +18,9 @@
|
|||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
|
|
@ -29,6 +32,9 @@
|
|||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -46,6 +52,8 @@
|
|||
padding: 14px 0;
|
||||
}
|
||||
.google_signup_div div {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
|
|
@ -60,10 +68,15 @@
|
|||
width: auto;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background: #8dc63f;
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
|
|
@ -73,6 +86,9 @@
|
|||
margin: 5px 0;
|
||||
}
|
||||
.errors {
|
||||
-moz-border-radius: 16px 16px 0 0;
|
||||
-webkit-border-radius: 16px 16px 0 0;
|
||||
border-radius: 16px 16px 0 0;
|
||||
-moz-border-radius: 16px 16px 0 0;
|
||||
-webkit-border-radius: 16px 16px 0 0;
|
||||
border-radius: 16px 16px 0 0;
|
||||
|
|
@ -146,6 +162,9 @@ ul.tabs li a {
|
|||
-moz-border-radius: 7px 7px 0 0;
|
||||
-webkit-border-radius: 7px 7px 0 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
-moz-border-radius: 7px 7px 0 0;
|
||||
-webkit-border-radius: 7px 7px 0 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
background: #d6dde0;
|
||||
color: #3d4e53;
|
||||
}
|
||||
|
|
@ -175,6 +194,8 @@ ul.tabs li.active a {
|
|||
#book-detail-img img {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
}
|
||||
.book-detail-info {
|
||||
float: left;
|
||||
|
|
@ -248,6 +269,9 @@ ul.tabs li.active a {
|
|||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.book-detail-info .pledged-info {
|
||||
padding: 0;
|
||||
|
|
@ -264,6 +288,169 @@ ul.tabs li.active a {
|
|||
height: 25px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
/* variables and mixins used in multiple less files go here */
|
||||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.roundedspan {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-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;
|
||||
-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;
|
||||
}
|
||||
.google_signup_div {
|
||||
padding: 14px 0;
|
||||
}
|
||||
.google_signup_div div {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.google_signup_div img {
|
||||
float: left;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
.actionbuttons {
|
||||
width: auto;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background: #8dc63f;
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
-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: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.errors {
|
||||
-moz-border-radius: 16px 16px 0 0;
|
||||
-webkit-border-radius: 16px 16px 0 0;
|
||||
border-radius: 16px 16px 0 0;
|
||||
-moz-border-radius: 16px 16px 0 0;
|
||||
-webkit-border-radius: 16px 16px 0 0;
|
||||
border-radius: 16px 16px 0 0;
|
||||
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: none;
|
||||
}
|
||||
.download_container {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
#lightbox a {
|
||||
color: #6994a3;
|
||||
}
|
||||
.ebook_download {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.ebook_download a {
|
||||
margin: auto 5px auto 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.ebook_download img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.logo {
|
||||
font-size: 15px;
|
||||
}
|
||||
.logo img {
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.unglued {
|
||||
border: solid 2px #8dc63f;
|
||||
margin-left: -2px;
|
||||
padding: 5px;
|
||||
}
|
||||
.unglued h3 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
a.add-wishlist .on-wishlist,
|
||||
a.success,
|
||||
a.success:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
ul {
|
||||
padding-left: 50px;
|
||||
}
|
||||
ul li {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
a.success,
|
||||
a.success:hover {
|
||||
cursor: default;
|
||||
}
|
||||
/* Common elements of share links -- just swap in the background image */
|
||||
/* Page layout */
|
||||
#js-page-wrap {
|
||||
|
|
@ -278,6 +465,9 @@ ul.tabs li.active a {
|
|||
}
|
||||
#js-leftcol .jsmodule.rounded .jsmod-content,
|
||||
.pledge.jsmodule.rounded .jsmod-content {
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
|
|
@ -415,6 +605,8 @@ div#content-block-content a {
|
|||
div#content-block-content #tabs-1 img {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
}
|
||||
div#content-block-content #tabs-3 {
|
||||
margin-left: -5px;
|
||||
|
|
@ -425,6 +617,8 @@ div#content-block-content #tabs-3 {
|
|||
.tabs-content iframe {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
}
|
||||
.tabs-content form {
|
||||
margin-left: -5px;
|
||||
|
|
@ -443,8 +637,13 @@ div#content-block-content #tabs-3 {
|
|||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.work_supporter_name {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
float: left;
|
||||
|
|
@ -515,6 +714,9 @@ div#content-block-content #tabs-3 {
|
|||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
height: auto;
|
||||
font-style: normal;
|
||||
|
|
@ -529,6 +731,8 @@ div#content-block-content #tabs-3 {
|
|||
font-style: normal;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
#js-rightcol .jsmodule,
|
||||
#pledge-rightcol .jsmodule {
|
||||
|
|
@ -546,6 +750,9 @@ div#content-block-content #tabs-3 {
|
|||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
/* Right column - sharing */
|
||||
|
|
@ -560,6 +767,9 @@ ul.social li {
|
|||
-moz-border-radius: 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
ul.social li.facebook {
|
||||
background: url("/static/images/icons/facebook.png") 10px center no-repeat;
|
||||
|
|
@ -619,6 +829,9 @@ ul.social li.embed:hover span {
|
|||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
/* Right column - support tiers */
|
||||
|
|
|
|||
|
|
@ -90,16 +90,34 @@
|
|||
list-style: none;
|
||||
border: none;
|
||||
}
|
||||
.download_container {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
#lightbox a {
|
||||
color: #6994a3;
|
||||
}
|
||||
.ebook_download {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.ebook_download a {
|
||||
margin: auto 5px;
|
||||
margin: auto 5px auto 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.ebook_download img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.logo {
|
||||
font-size: 15px;
|
||||
}
|
||||
.logo img {
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.unglued {
|
||||
border: solid 2px #8dc63f;
|
||||
margin-left: -2px;
|
||||
|
|
@ -114,11 +132,13 @@ a.success:hover {
|
|||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
ul {
|
||||
padding-left: 50px;
|
||||
}
|
||||
ul li {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
a.success,
|
||||
a.success:hover {
|
||||
cursor: default;
|
||||
}
|
||||
.download_container {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -211,6 +211,18 @@ a {
|
|||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22.5px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 18.75px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 17.549999999999997px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 15px;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -1,45 +1,51 @@
|
|||
// hijack a link with class "hijax" to show its content in a lightbox instead
|
||||
// allows for ajaxy presentation of things like download links in a way that
|
||||
// degrades gracefully for non-js users
|
||||
var $j = jQuery.noConflict();
|
||||
|
||||
$j(document).ready(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);
|
||||
}
|
||||
$j(document).ready(function() {
|
||||
$j("a.hijax").click(function(event) {
|
||||
event.preventDefault();
|
||||
$j("#lightbox").load( $j(this).attr("href") + " #lightbox_content");
|
||||
|
||||
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)
|
||||
// fade-out rest of page elements on expand
|
||||
$j('#js-topsection').css({"opacity": "0.07"});
|
||||
$j('.launch_top').css({"opacity": "0.07"});
|
||||
$j('.preview').css({"opacity": "0.07"});
|
||||
$j('#main-container').css({"opacity": "0.07"});
|
||||
$j('#js-rightcol').css({"opacity": "0.07"});
|
||||
$j('#js-header').css({"opacity": "0.07"});
|
||||
$j('#js-header a').css({"cursor": "default"});
|
||||
$j('#footer').css({"opacity": "0.07"});
|
||||
$j('#about_expandable').fadeTo("slow", 1);
|
||||
|
||||
// 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) {
|
||||
// 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);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// fade-in normal page elements on collapse
|
||||
$j('#about_collapser').click(function(){
|
||||
$j('#js-topsection').fadeTo("slow", 1);
|
||||
$j('.launch_top').fadeTo("slow", 1);
|
||||
$j('.preview').fadeTo("slow", 1);
|
||||
$j('#main-container').fadeTo("slow", 1);
|
||||
$j('#js-rightcol').fadeTo("slow", 1);
|
||||
$j('#js-header').fadeTo("slow", 1);
|
||||
$j('#js-header a').css({"cursor": "pointer"});
|
||||
$j('#footer').fadeTo("slow", 1);
|
||||
$j('#about_expandable').css({"display": "none"});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
|
@ -1,6 +1,7 @@
|
|||
@import "variables.less";
|
||||
@import "campaign_tabs.less";
|
||||
@import "book_detail.less";
|
||||
@import "download.less";
|
||||
|
||||
/* Common elements of share links -- just swap in the background image */
|
||||
.shareclass(@sharewhere) {
|
||||
|
|
|
|||
|
|
@ -1,8 +1,17 @@
|
|||
@import "variables.less";
|
||||
|
||||
.download_container {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#lightbox a {
|
||||
color: @medium-blue;
|
||||
}
|
||||
|
||||
.ebook_download {
|
||||
a {
|
||||
margin: auto 5px;
|
||||
margin: auto 5px auto 0;
|
||||
font-size: @font-size-larger;
|
||||
}
|
||||
|
||||
|
|
@ -11,6 +20,18 @@
|
|||
}
|
||||
|
||||
margin-bottom: 15px;
|
||||
|
||||
}
|
||||
|
||||
.logo {
|
||||
img {
|
||||
.one-border-radius(7px);
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
font-size: @font-size-larger;
|
||||
}
|
||||
|
||||
.unglued {
|
||||
|
|
@ -28,11 +49,13 @@ a.add-wishlist .on-wishlist, a.success, a.success:hover {
|
|||
color: @text-blue;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 50px;
|
||||
|
||||
li {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
a.success, a.success:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.download_container {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
|
|
@ -118,6 +118,22 @@ a {
|
|||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: @font-size-larger*1.5;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: @font-size-larger*1.25;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: @font-size-larger*1.17;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: @font-size-larger;
|
||||
}
|
||||
|
||||
img {
|
||||
border:none;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue