sped up some je jquery, made sign up call to action in the learn more section more prominent
Andromeda Yelton
parent
ce1ebfa0ea
commit
5435dbc1ab
|
|
@ -23,8 +23,8 @@
|
|||
<div class="js-topnews2">
|
||||
<div class="js-topnews3">
|
||||
<div class="user-block">
|
||||
<div class="user-block1">
|
||||
<div class="block-intro-text"><span class="special-user-name">{{ facet|capfirst }}</span></div>
|
||||
<div id="user-block1">
|
||||
<div id="block-intro-text"><span class="special-user-name">{{ facet|capfirst }}</span></div>
|
||||
</div>
|
||||
<div class="user-block2">With your help we're raising money to buy the right to give these books to the world.
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,8 +25,8 @@ comments rss?
|
|||
<div class="js-topnews2">
|
||||
<div class="js-topnews3">
|
||||
<div class="user-block">
|
||||
<div class="user-block1">
|
||||
<div class="block-intro-text"><span class="special-user-name">Latest Comments</span></div>
|
||||
<div id="user-block1">
|
||||
<div id="block-intro-text"><span class="special-user-name">Latest Comments</span></div>
|
||||
</div>
|
||||
<div class="user-block2"><span class="user-short-info">With your help we're raising money to buy the right to give these books to the world.</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,11 @@
|
|||
<li class="first parent">
|
||||
<span>Show me...</span>
|
||||
<ul class="menu level2">
|
||||
{% if request.user.is_anonymous %}
|
||||
<li class="first"><a href="{% url work_list 'recommended' %}"><span>Recommended</span></a></li>
|
||||
{% else %}
|
||||
{% if not request.user.is_anonymous %}
|
||||
<li class="first"><a href="/"><span>My Wishlist</span></a></li>
|
||||
<li><a href="{% url work_list 'recommended' %}"><span>Recommended</span></a></li>
|
||||
{% endif %}
|
||||
<li><a href="{% url comment %}"><span>Latest Comments</span></a></li>
|
||||
<li><a href="{% url work_list 'recommended' %}"><span>Recommended</span></a></li>
|
||||
{% if is_preview %}
|
||||
<li><a href="{% url work_list 'popular' %}"><span>Popular</span></a></li>
|
||||
<li><a href="{% url unglued_list 'recent' %}"><span>Recently unglued</span></a></li>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
<h4>How It Works</h4>
|
||||
<dt>What is Unglue.It?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
<dd><a href="/">Unglue.It</a> is a a place for individuals and institutions to join together to give their favorite ebooks to the world. We work with rights holders to determine fair compensation for releasing a free, legal edition of their traditionally published books, under a <a href="http://creativecommons.org">Creative Commons</a> license. Then everyone chips in to raise that sum. When the threshold is reached, we pay the rights holders; they issue an unglued digital edition; and you're free to read and share it, with everyone, on the device of your choice, worldwide.</dd>
|
||||
|
||||
<a name="crowdfunding"></a><dt>What is Crowdfunding?</dt>
|
||||
|
||||
|
|
@ -45,7 +45,7 @@ If you are a copyright holder, you will retain your copyright when you unglue a
|
|||
|
||||
<dd>No! You are free to enter into additional licensing agreements for other, non-unglued, editions of the work, including translation and film rights. You may continue to sell both print and ebook editions. You may use your unglued books as free samples to market your other works -- for instance, later works in the same series. You can use them to attract fans who may be interested in your speaking engagements, merchandise, or other materials. You absolutely may continue to profit from ungluing books -- and we hope you do!<br /><br />
|
||||
|
||||
For some examples of how authors and publishers have made free ebooks work for their business plans, see (TBA: with a little help, o'reilly, baen, ...?) If unglued books are working for you, we'd love to hear your story. Tell us at <a href="mailto:support@gluejar.com">support@gluejar.com</a>.</dd>
|
||||
For some examples of how authors and publishers have made free ebooks work for their business plans, see Cory Doctorow's <a href="http://www.publishersweekly.com/pw/by-topic/columns-and-blogs/cory-doctorow/index.html">columns for Publisher's Weekly</a>, <a href="http://wahoocorner.blogspot.com/2012/01/how-kdp-select-saved-my-book.html">David Kazzie's <I>Jackpot</I></a>, and the <a href="http://www.baen.com/library/defaultTitles.htm">Baen Free Library</a>. If unglued books are working for you, we'd love to hear your story. Tell us at <a href="mailto:support@gluejar.com">support@gluejar.com</a>.</dd>
|
||||
|
||||
<dt>Why do rights holders want to unglue their books?</dt>
|
||||
|
||||
|
|
@ -86,10 +86,6 @@ There's a <a href="/accounts/password/reset/">forgot your password</a> link at t
|
|||
|
||||
<dd>TBA</dd>
|
||||
|
||||
<dt>How do I delete my account?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
|
||||
<dt>How do I connect my Twitter, Facebook, GoodReads, and/or LibraryThing accounts? How can I link to my personal web site?</dt>
|
||||
|
||||
Click on "My Settings" near the top of your user profile page. (If you're logged in, your profile page is <a href="/">here</a>.) Some new options will appear. You can enter your personal URL and your LibraryThing username here. There are one-click options to connect your Twitter, Facebook, and GoodReads accounts. (You'll be asked to log in to those accounts, if you aren't logged in already.) Make sure to click on "Save Settings".
|
||||
|
|
@ -106,10 +102,16 @@ Click on "My Settings" near the top of your user profile page. (If you're logge
|
|||
|
||||
<dd>At the bottom of every page there's a link to an <a href="/accounts/edit/">account editing page</a> where you can change your profile name and password.</dd>
|
||||
|
||||
{% comment %}
|
||||
We have no functionality for these at this time. Should we?
|
||||
<dt>How can I change the email address associated with my account?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
|
||||
<dt>How do I delete my account?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
{% endcomment %}
|
||||
<dt>How do I unsubscribe from or adjust which emails I receive?</dt>
|
||||
|
||||
<dd>TBA<br /><br />
|
||||
|
|
@ -138,7 +140,7 @@ If you receive our newsletter, there's a link at the bottom of every message to
|
|||
|
||||
<dt>Why does Unglue.It exist?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
<dd>Because legal stickiness means you can't reliably lend or share your ebooks, borrow them from the library, or read them on the device of your choice. Because -- like public radio -- ebooks are expensive to create but cheap to distribute, so covering their fixed costs and reasonable profit up front can be an appealing system for authors, publishers, readers, and libraries. Because we all have books we love so much we'd like to give them to the world.</dd>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
|
@ -191,7 +193,7 @@ If you want to find an interesting campaign and don't have a specific book in mi
|
|||
|
||||
<dt>What is a campaign page?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
<dd>When a book has an active ungluing campaign, its book page turns into its campaign page. This means that, in addition to the standard book page information, it also features rewards for different pledge tiers; a Support button; and information supplied by the rights holder about the book and the campaign.</dd>
|
||||
|
||||
{% endif %}
|
||||
{% if sublocation == 'funding' or sublocation == 'all' %}
|
||||
|
|
@ -234,7 +236,7 @@ If you want to find an interesting campaign and don't have a specific book in mi
|
|||
|
||||
<dt>What happens if my campaign reaches its funding goal before its deadline? Can campaigns raise more money than their goal?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
<dd>Campaigns close at midnight of the day when they hit their funding threshold. They may continue accruing funding up to that time, including funds over their goal.</dd>
|
||||
|
||||
<dt>Can people contribute anonymously?</dt>
|
||||
|
||||
|
|
@ -242,11 +244,11 @@ If you want to find an interesting campaign and don't have a specific book in mi
|
|||
|
||||
<dt>What happens if a supporter's credit card is declined?</dt>
|
||||
|
||||
Can campaigns raise more money than their goal?
|
||||
<dd>TBA</dd>
|
||||
|
||||
<dt>What fees does Unglue.It charge?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
<dd>Unglue.It charges a 6% commission on the gross amount raised. Rights holders may be liable for additional fees (e.g. Paypal, currency conversion, ebook conversion). Details are spelled out in the Platform Services Agreement that rights holders must sign before launching an Unglue.It campaign.</dd>
|
||||
|
||||
<dt>Does Paypal charge any fees?</dt>
|
||||
|
||||
|
|
@ -348,7 +350,7 @@ Unglued ebooks are a win-win solution for readers, libraries, and authors, publi
|
|||
{% if sublocation == 'using' or sublocation == 'all' %}
|
||||
<h4>Using Your Unglued Ebook</h4>
|
||||
<dt>What can I do, legally, with an unglued ebook? What can I NOT do?</dt>
|
||||
<dd>Unless otherwise specified for specific books, unglued ebooks are released under a (TBA:link)Creative Commons Attribution-NonCommercial-NoDerivatives license (CC BY-NC-ND). (TBA: improve with input from CC site)<br /><br />
|
||||
<dd>All unglued ebooks are released under a Creative Commons license. Unless otherwise specified for specific books, we use the <a href="creativecommons.org/licenses/by-nc-nd/3.0/">Creative Commons Attribution-NonCommercial-NoDerivatives license (CC BY-NC-ND) license</a>. (TBA: improve with input from CC site)<br /><br />
|
||||
|
||||
This means that you <b>can</b>: make copies; keep them for as long as you like; shift them to other formats (like .mobi or PDF); share them with friends or on the internet; download them for free.<br /><br />
|
||||
|
||||
|
|
@ -445,11 +447,15 @@ We strongly encourage you to include video. You can upload it to YouTube and em
|
|||
|
||||
<dt>How do I share my campaign?</dt>
|
||||
|
||||
<dd>(TBA: use widget, share functions on page, own social media networks, friends, their friends...)</dd>
|
||||
<dd>On every campaign page, you can generate a widget that you can embed wherever you like. There are also links to share the page via email and social networks.<br /><br />
|
||||
|
||||
Have other ways you want to share? Your own blog, newsletter, or social media presence? Your friends, and their friends? Media contacts? Go for it!<br /><br />
|
||||
|
||||
Need more ideas? We're happy to work with rights holders personally to craft a campaign strategy.</dd>
|
||||
|
||||
<dt>How can I get my campaign featured on the home page or the Explore menu pages?</dt>
|
||||
|
||||
<dd>TBA</dd>
|
||||
<dd>We automatically geenrate those lists from the books with the most (or most recent) wishes, pledges, and comments. The more people you can rally to show their love of your book, the more likely it is to be featured there.</dd>
|
||||
|
||||
<dt>How can I get press coverage or social media buzz for my campaign?</dt>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
{% extends "base.html" %}
|
||||
{% load truncatechars %}
|
||||
|
||||
{% block extra_js %}
|
||||
<script type="text/javascript" src={{ jquery_ui_home }}></script>
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_css %}
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/landingpage.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/book_panel.css" />
|
||||
|
|
@ -19,6 +23,7 @@
|
|||
|
||||
<script type="text/javascript" src="/static/js/definitions.js"></script>
|
||||
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
|
||||
<script type="text/javascript" src="/static/js/highlight_signup.js"></script>
|
||||
|
||||
<script src="/static/js/slides.min.jquery.js"></script>
|
||||
<script>
|
||||
|
|
@ -123,7 +128,7 @@ var $j = jQuery.noConflict();
|
|||
</div>
|
||||
<div id="js-rightcol">
|
||||
<div class="js-rightcol-padd">
|
||||
<div class="jsmodule">
|
||||
<div class="jsmodule" id="mainlogin">
|
||||
<h3 class="module-title">Start Ungluing Now!</h3>
|
||||
<div class="jsmod-content">
|
||||
<form action='/accounts/register/' method='post'>{% csrf_token %}
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<div class="js-main">
|
||||
<div class="js-topnews">
|
||||
<div class="user-block">
|
||||
<div class="user-block1">
|
||||
<div id="user-block1">
|
||||
<div class="block-inner">
|
||||
<div class="block-intro-text">
|
||||
<div id="block-intro-text">
|
||||
<div><span class="def">unglue</span> (v. t.) 1. To pay an author or publisher in full, up front, for publishing a Creative Commons ebook.</div>
|
||||
<div><span class="def">unglue</span> (v. t.) 2. To make a digital book free to read and use, worldwide.</div>
|
||||
<div><span class="def">unglue</span> (v. t.) 3. To make it clearly legal for a digital book to be used, distributed, archived and preserved by libraries.</div>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
<div><span class="def">unglue</span> (v. t.) 5. To give your favorite books to everyone on earth.</div>
|
||||
<div><span class="def">unglue</span> (v. t.) 6. To reward authors and publishers for sharing books with the world.</div>
|
||||
</div>
|
||||
<a class="my-setting readon nounderline"><span>Learn more</span></a>
|
||||
<a class="my-setting nounderline" id="readon"><span>Learn more</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -24,12 +24,18 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-block-hide">
|
||||
<div id="user-block-hide">
|
||||
<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>
|
||||
<div class="movingrightalong"></div>
|
||||
<div class="quicktour"><span class="highlight">Unglue.it offers a win-win solution: Crowdfunding.</span> 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.</div>
|
||||
<div class="movingrightalong"></div>
|
||||
<div class="quicktour last"><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">You've given your favorite book to the world.</span><div class="signup">Sign up below. <img src="/static/images/landingpage/signmeup-arrow.png"></div></div>
|
||||
<div class="quicktour last"><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">You've given your favorite book to the world.</span>
|
||||
{% if suppress_search_box %}
|
||||
<div class="signup" id="highlighter">Sign up below. <img src="/static/images/landingpage/signmeup-arrow.png"></div>
|
||||
{% else %}
|
||||
<div class="spacer"><div class="signuptoday"><a href="{% url registration_register %}">Sign up today.</a></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -58,7 +58,10 @@
|
|||
{{ form.preapproval_amount.errors }}
|
||||
{{ form.preapproval_amount.label_tag }}: {{ form.preapproval_amount }}
|
||||
{{ form.anonymous.errors }}
|
||||
{% comment %}
|
||||
not supported yet; don't display
|
||||
{{ form.anonymous.label_tag }}: {{ form.anonymous }}
|
||||
{% endcomment %}
|
||||
<input type="submit" value="Pledge" />
|
||||
|
||||
<ul class="support menu">
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
<div class="js-topnews3">
|
||||
<div class="user-block">
|
||||
{% ifequal supporter request.user %}
|
||||
<div class="user-block1">
|
||||
<div id="user-block1">
|
||||
<div class="block-inner">
|
||||
<span class="my-setting">My Settings</a>
|
||||
</div>
|
||||
|
|
@ -68,7 +68,7 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
<span class="user-short-info">{{ supporter.profile.tagline }}</span>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="user-block1">
|
||||
<div id="user-block1">
|
||||
<div class="block-inner">
|
||||
{% if supporter.profile.pic_url %}
|
||||
<img class="user-avatar" src="{{ supporter.profile.pic_url }}" height="50" width="50" alt="Picture of {{ supporter }}" title="{{ supporter }}" />
|
||||
|
|
@ -121,7 +121,7 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
</div>
|
||||
</div>
|
||||
{% ifequal supporter request.user %}
|
||||
<div class="user-block-hide">
|
||||
<div id="user-block-hide">
|
||||
<form method="POST" action="">
|
||||
{% csrf_token %}
|
||||
<div class="block block1">
|
||||
|
|
@ -220,8 +220,8 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
<div class="content-block-heading wantto" id="tabs">
|
||||
<ul class="tabs">
|
||||
<li class="tabs1"><a href="#">Unglued</a></li>
|
||||
<li class="tabs2"><a href="#">Being Unglued</a></li>
|
||||
<li class="tabs3 active"><a href="#">Want to Unglue</a></li>
|
||||
<li class="tabs2"><a href="#">Active</a></li>
|
||||
<li class="tabs3 active"><a href="#">Wishlisted</a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="book-list-view">
|
||||
|
|
|
|||
|
|
@ -23,8 +23,8 @@
|
|||
<div class="js-topnews2">
|
||||
<div class="js-topnews3">
|
||||
<div class="user-block">
|
||||
<div class="user-block1">
|
||||
<div class="block-intro-text"><span class="special-user-name">{{ facet|capfirst }}</span></div>
|
||||
<div id="user-block1">
|
||||
<div id="block-intro-text"><span class="special-user-name">{{ facet|capfirst }}</span></div>
|
||||
</div>
|
||||
<div class="user-block2"><span class="user-short-info">These ebooks are ready to read- either they're in the public domain, or they've been 'unglued' by ungluers like you.</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -24,8 +24,8 @@
|
|||
<div class="js-topnews2">
|
||||
<div class="js-topnews3">
|
||||
<div class="user-block">
|
||||
<div class="user-block1">
|
||||
<div class="block-intro-text"><span class="special-user-name">{{ facet|capfirst }}</span></div>
|
||||
<div id="user-block1">
|
||||
<div id="block-intro-text"><span class="special-user-name">{{ facet|capfirst }}</span></div>
|
||||
</div>
|
||||
<div class="user-block2"><span class="user-short-info">With your help we're raising money to buy the right to give these books to the world.</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -172,14 +172,14 @@
|
|||
border: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.user-block-hide {
|
||||
#user-block-hide {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
border-top: solid 1px #8ac3d7;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.user-block-hide .quicktour {
|
||||
#user-block-hide .quicktour {
|
||||
width: 270px;
|
||||
float: left;
|
||||
font-style: italic;
|
||||
|
|
@ -187,36 +187,63 @@
|
|||
font-size: 13px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.user-block-hide .quicktour .highlight {
|
||||
#user-block-hide .quicktour .highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
.user-block-hide .quicktour.last {
|
||||
#user-block-hide .quicktour.last {
|
||||
padding-right: 0px;
|
||||
width: 270px;
|
||||
}
|
||||
.user-block-hide .quicktour.last .signup {
|
||||
#user-block-hide .quicktour.last .signup {
|
||||
color: #8dc63f;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.user-block-hide .quicktour.last .signup img {
|
||||
#user-block-hide .quicktour.last .signup img {
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.user-block-hide .movingrightalong {
|
||||
#user-block-hide .movingrightalong {
|
||||
background: url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;
|
||||
height: 100px;
|
||||
width: 75px;
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.block-intro-text div {
|
||||
#block-intro-text div {
|
||||
display: none;
|
||||
line-height: 25px;
|
||||
}
|
||||
.block-intro-text div#active {
|
||||
#block-intro-text div#active {
|
||||
display: inherit;
|
||||
}
|
||||
.signuptoday {
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
background-color: #8dc63f;
|
||||
padding: 0 15px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 10px 0;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
}
|
||||
.signuptoday a {
|
||||
background: url("/static/images/icons/pledgearrow-hover.png") right center no-repeat;
|
||||
padding-right: 17px;
|
||||
color: white;
|
||||
}
|
||||
.signuptoday a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
body {
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
|
|
@ -226,18 +253,18 @@ body {
|
|||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.user-block1, .user-block2 {
|
||||
#user-block1, .user-block2 {
|
||||
float: left;
|
||||
}
|
||||
.user-block1 {
|
||||
#user-block1 {
|
||||
width: 70%;
|
||||
}
|
||||
.user-block1 .block-intro-text {
|
||||
#user-block1 #block-intro-text {
|
||||
float: left;
|
||||
width: 70%;
|
||||
font-size: 20px;
|
||||
}
|
||||
.user-block1 a.readon {
|
||||
#user-block1 a#readon {
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
|
@ -259,7 +286,7 @@ body {
|
|||
color: #3d4e53;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.user-block-hide .quicktour.last {
|
||||
#user-block-hide .quicktour.last {
|
||||
background: none;
|
||||
}
|
||||
/* Containers */
|
||||
|
|
|
|||
|
|
@ -172,14 +172,14 @@
|
|||
border: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.user-block-hide {
|
||||
#user-block-hide {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
border-top: solid 1px #8ac3d7;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.user-block-hide .quicktour {
|
||||
#user-block-hide .quicktour {
|
||||
width: 270px;
|
||||
float: left;
|
||||
font-style: italic;
|
||||
|
|
@ -187,36 +187,63 @@
|
|||
font-size: 13px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.user-block-hide .quicktour .highlight {
|
||||
#user-block-hide .quicktour .highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
.user-block-hide .quicktour.last {
|
||||
#user-block-hide .quicktour.last {
|
||||
padding-right: 0px;
|
||||
width: 270px;
|
||||
}
|
||||
.user-block-hide .quicktour.last .signup {
|
||||
#user-block-hide .quicktour.last .signup {
|
||||
color: #8dc63f;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.user-block-hide .quicktour.last .signup img {
|
||||
#user-block-hide .quicktour.last .signup img {
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.user-block-hide .movingrightalong {
|
||||
#user-block-hide .movingrightalong {
|
||||
background: url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;
|
||||
height: 100px;
|
||||
width: 75px;
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.block-intro-text div {
|
||||
#block-intro-text div {
|
||||
display: none;
|
||||
line-height: 25px;
|
||||
}
|
||||
.block-intro-text div#active {
|
||||
#block-intro-text div#active {
|
||||
display: inherit;
|
||||
}
|
||||
.signuptoday {
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
background-color: #8dc63f;
|
||||
padding: 0 15px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 10px 0;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
}
|
||||
.signuptoday a {
|
||||
background: url("/static/images/icons/pledgearrow-hover.png") right center no-repeat;
|
||||
padding-right: 17px;
|
||||
color: white;
|
||||
}
|
||||
.signuptoday a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
#expandable {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -245,22 +272,22 @@
|
|||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.user-block {
|
||||
#user-block {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.user-block1, .user-block2 {
|
||||
#user-block1, .user-block2 {
|
||||
float: left;
|
||||
}
|
||||
.user-block1 {
|
||||
#user-block1 {
|
||||
width: 70%;
|
||||
}
|
||||
.user-block1 .block-intro-text {
|
||||
#user-block1 #block-intro-text {
|
||||
float: left;
|
||||
width: 70%;
|
||||
font-size: 20px;
|
||||
}
|
||||
.user-block1 a.readon {
|
||||
#user-block1 a#readon {
|
||||
float: left;
|
||||
}
|
||||
.user-block2 {
|
||||
|
|
|
|||
|
|
@ -72,14 +72,14 @@
|
|||
border: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.user-block-hide {
|
||||
#user-block-hide {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
border-top: solid 1px #8ac3d7;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.user-block-hide .quicktour {
|
||||
#user-block-hide .quicktour {
|
||||
width: 270px;
|
||||
float: left;
|
||||
font-style: italic;
|
||||
|
|
@ -87,33 +87,55 @@
|
|||
font-size: 13px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.user-block-hide .quicktour .highlight {
|
||||
#user-block-hide .quicktour .highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
.user-block-hide .quicktour.last {
|
||||
#user-block-hide .quicktour.last {
|
||||
padding-right: 0px;
|
||||
width: 270px;
|
||||
}
|
||||
.user-block-hide .quicktour.last .signup {
|
||||
#user-block-hide .quicktour.last .signup {
|
||||
color: #8dc63f;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.user-block-hide .quicktour.last .signup img {
|
||||
#user-block-hide .quicktour.last .signup img {
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.user-block-hide .movingrightalong {
|
||||
#user-block-hide .movingrightalong {
|
||||
background: url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;
|
||||
height: 100px;
|
||||
width: 75px;
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.block-intro-text div {
|
||||
#block-intro-text div {
|
||||
display: none;
|
||||
line-height: 25px;
|
||||
}
|
||||
.block-intro-text div#active {
|
||||
#block-intro-text div#active {
|
||||
display: inherit;
|
||||
}
|
||||
.signuptoday {
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
background-color: #8dc63f;
|
||||
padding: 0 15px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 10px 0;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
}
|
||||
.signuptoday a {
|
||||
background: url("/static/images/icons/pledgearrow-hover.png") right center no-repeat;
|
||||
padding-right: 17px;
|
||||
color: white;
|
||||
}
|
||||
.signuptoday a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -231,6 +231,12 @@ h3.jsmod-title span {
|
|||
padding: 26px 40px 27px 20px;
|
||||
display: block;
|
||||
}
|
||||
input[type="submit"] {
|
||||
background: #8dc63f;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
.js-page-wrap {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
|
|
@ -247,13 +253,13 @@ ul.menu {
|
|||
margin: 0;
|
||||
}
|
||||
/* Learn More menu */
|
||||
.block-intro-text {
|
||||
#block-intro-text {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.block-intro-text span.def {
|
||||
#block-intro-text span.def {
|
||||
font-style: italic;
|
||||
}
|
||||
a.readon {
|
||||
a#readon {
|
||||
background: url("/static/images/learnmore-downarrow.png") right center no-repeat;
|
||||
color: #fff;
|
||||
text-transform: capitalize;
|
||||
|
|
@ -262,10 +268,10 @@ a.readon {
|
|||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
a.readon.down {
|
||||
a#readon.down {
|
||||
background: url("/static/images/learnmore-uparrow.png") right center no-repeat;
|
||||
}
|
||||
a.readon span {
|
||||
a#readon span {
|
||||
-moz-border-radius: 32px 0 0 32px;
|
||||
-webkit-border-radius: 32px 0 0 32px;
|
||||
border-radius: 32px 0 0 32px;
|
||||
|
|
|
|||
|
|
@ -79,34 +79,34 @@
|
|||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.user-block-hide {
|
||||
#user-block-hide {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.user-block-hide .block {
|
||||
#user-block-hide .block {
|
||||
float: left;
|
||||
}
|
||||
.user-block-hide .block1, .user-block-hide .block3 {
|
||||
#user-block-hide .block1, #user-block-hide .block3 {
|
||||
width: 25%;
|
||||
}
|
||||
.user-block-hide .block2 {
|
||||
#user-block-hide .block2 {
|
||||
width: 50%;
|
||||
}
|
||||
.user-block-hide input {
|
||||
#user-block-hide input {
|
||||
float: left;
|
||||
margin: 3px 10px 0 0;
|
||||
width: 45%;
|
||||
}
|
||||
.user-block-hide label {
|
||||
#user-block-hide label {
|
||||
float: left;
|
||||
width: 90%;
|
||||
}
|
||||
.user-block-hide textarea {
|
||||
#user-block-hide textarea {
|
||||
width: 95%;
|
||||
}
|
||||
.user-block1 {
|
||||
#user-block1 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
|
|
@ -314,7 +314,7 @@ ul.tabs li {
|
|||
line-height: 46px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
ul.tabs li.tabs1, ul.tabs li.tabs2 {
|
||||
ul.tabs li.tabs1, ul.tabs li.tabs2, ul.tabs li.tabs3 {
|
||||
width: 112px;
|
||||
}
|
||||
ul.tabs li a {
|
||||
|
|
|
|||
|
|
@ -1,26 +1,26 @@
|
|||
// expand or collapse the learn more section
|
||||
var $j = jQuery.noConflict();
|
||||
$j(document).ready(function(){
|
||||
$j('.user-block-hide').hide();
|
||||
$j('.user-block1 a').click(
|
||||
$j('#user-block-hide').hide();
|
||||
$j('#user-block1 a').click(
|
||||
function() {
|
||||
$j(this).toggleClass("active");
|
||||
$j(".user-block-hide").slideToggle(300);
|
||||
$j("a.readon").toggleClass("down");
|
||||
$j("#user-block-hide").slideToggle(300);
|
||||
$j("a#readon").toggleClass("down");
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
// make a random ungluing definition active onload
|
||||
$j(document).ready(function() {
|
||||
var length = $j(".block-intro-text div").length;
|
||||
var length = $j("#block-intro-text div").length;
|
||||
var ran = Math.floor(Math.random()*length)+1;
|
||||
$j(".block-intro-text div:nth-child(" + ran + ")").attr('id', 'active');
|
||||
$j("#block-intro-text div:nth-child(" + ran + ")").attr('id', 'active');
|
||||
});
|
||||
|
||||
// change the ungluing def onclick
|
||||
$j(document).delegate(".block-intro-text", "click", function() {
|
||||
var length = $j(".block-intro-text div").length;
|
||||
$j(document).delegate("#block-intro-text", "click", function() {
|
||||
var length = $j("#block-intro-text div").length;
|
||||
// minus one because length includes THIS div and we want the set of its siblings only
|
||||
var ran = Math.floor(Math.random()*length)-1;
|
||||
// make sure our next active div is not the current one!
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
var $j = jQuery.noConflict();
|
||||
$j(document).ready(function(){
|
||||
var highlighter = $j('#highlighter');
|
||||
var mainlogin = $j('#mainlogin');
|
||||
highlighter.click(function(){
|
||||
mainlogin.css({"background": "#8dc63f"}).animate(
|
||||
{backgroundColor: "#EDF3F4"}, 1500
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
/* "sign up below" must be "sign up now" if page != home
|
||||
must do something logical elsewhere
|
||||
*/
|
||||
|
|
@ -1,10 +1,10 @@
|
|||
var $j = jQuery.noConflict();
|
||||
$j(document).ready(function(){
|
||||
$j('.user-block-hide').hide();
|
||||
$j('.user-block1 span').click(
|
||||
$j('#user-block-hide').hide();
|
||||
$j('#user-block1 span').click(
|
||||
function() {
|
||||
$j(this).toggleClass("active");
|
||||
$j(".user-block-hide").slideToggle(300);
|
||||
$j("#user-block-hide").slideToggle(300);
|
||||
}
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ $j('#content-block').ready(function() {
|
|||
if (!gb_id) return;
|
||||
|
||||
// give immediate feedback that action is in progress
|
||||
newSpan = $j('<span>Adding...</span>').hide();
|
||||
newSpan = $j('<span style="font-weight: bold;">Adding...</span>').hide();
|
||||
span.replaceWith(newSpan);
|
||||
newSpan.show();
|
||||
|
||||
|
|
@ -80,7 +80,7 @@ $k(document).delegate(".add-wishlist-workpage span", "click", function() {
|
|||
if (!work_id || work_id === "on-wishlist") return;
|
||||
|
||||
// give immediate feedback that action is in progress
|
||||
newSpan = $j('<span>Adding...</span>').hide();
|
||||
newSpan = $j('<span style="font-weight: bold;">Adding...</span>').hide();
|
||||
span.replaceWith(newSpan);
|
||||
newSpan.show();
|
||||
|
||||
|
|
|
|||
|
|
@ -12,20 +12,20 @@ body {
|
|||
width:100%; clear:both;
|
||||
}
|
||||
|
||||
.user-block1, .user-block2 {
|
||||
#user-block1, .user-block2 {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.user-block1 {
|
||||
#user-block1 {
|
||||
width:70%;
|
||||
|
||||
.block-intro-text {
|
||||
#block-intro-text {
|
||||
float:left;
|
||||
width:70%;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
a.readon {
|
||||
a#readon {
|
||||
float: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
|
@ -52,7 +52,7 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
.user-block-hide .quicktour.last {
|
||||
#user-block-hide .quicktour.last {
|
||||
background: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -44,25 +44,25 @@
|
|||
}
|
||||
}
|
||||
|
||||
.user-block {
|
||||
#user-block {
|
||||
width:100%;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.user-block1, .user-block2 {
|
||||
#user-block1, .user-block2 {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.user-block1 {
|
||||
#user-block1 {
|
||||
width:70%;
|
||||
|
||||
.block-intro-text {
|
||||
#block-intro-text {
|
||||
float:left;
|
||||
width:70%;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
a.readon {
|
||||
a#readon {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@import "variables.less";
|
||||
|
||||
.user-block-hide {
|
||||
#user-block-hide {
|
||||
float: left;
|
||||
width:100%;
|
||||
clear:both;
|
||||
|
|
@ -45,11 +45,33 @@
|
|||
}
|
||||
}
|
||||
|
||||
.block-intro-text div {
|
||||
#block-intro-text div {
|
||||
display: none;
|
||||
line-height: 25px;
|
||||
|
||||
&#active {
|
||||
display: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.signuptoday {
|
||||
a {
|
||||
background: url("/static/images/icons/pledgearrow-hover.png") right center no-repeat;
|
||||
padding-right: 17px;
|
||||
color: white;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.one-border-radius(32px);
|
||||
background-color: @call-to-action;
|
||||
padding:0 15px;
|
||||
.height(36px);
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 10px 0;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -158,6 +158,13 @@ h3 {
|
|||
}
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
background: @call-to-action;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
.js-page-wrap {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
|
|
@ -177,7 +184,7 @@ ul.menu{
|
|||
}
|
||||
|
||||
/* Learn More menu */
|
||||
.block-intro-text {
|
||||
#block-intro-text {
|
||||
padding-right: 10px;
|
||||
|
||||
span.def {
|
||||
|
|
@ -185,7 +192,7 @@ ul.menu{
|
|||
}
|
||||
}
|
||||
|
||||
a.readon {
|
||||
a#readon {
|
||||
background:url("@{image-base}learnmore-downarrow.png") right center no-repeat;
|
||||
color:#fff;
|
||||
text-transform:capitalize;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
clear:both;
|
||||
}
|
||||
|
||||
.user-block-hide {
|
||||
#user-block-hide {
|
||||
float: left;
|
||||
width:100%;
|
||||
clear:both;
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.user-block1 {
|
||||
#user-block1 {
|
||||
float:left;
|
||||
width:25%;
|
||||
}
|
||||
|
|
@ -267,7 +267,7 @@ ul.tabs {
|
|||
.height(46px);
|
||||
margin-right:2px;
|
||||
|
||||
&.tabs1, &.tabs2 {
|
||||
&.tabs1, &.tabs2, &.tabs3 {
|
||||
width:112px;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue