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

Merge pull request #72 from EbookFoundation/foundation/home 

Foundation/home
newfoundation
Nicholas Antonov 2018-05-15 18:34:04 -04:00 committed by GitHub
parent 822a4c53b2 1033631bc5
commit ec805e0591
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
20 changed files with 299 additions and 270 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/templates/basedocumentation.html
View File

@ -9,7 +9,6 @@
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/landingpage4.scss' %}" />
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/book_panel2.scss' %}" />
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/faq.scss' %}" />
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
{% endblock %}

1
frontend/templates/campaign_list.html
View File

@ -17,7 +17,6 @@ location.hash = "#2";
</script>
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
{% endblock %}
{% block topsection %}

1
frontend/templates/cc_list.html
View File

@ -14,7 +14,6 @@
{% block extra_head %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
<script type="text/javascript" src="/static/js/hijax_unglued.js"></script>
<script type="text/javascript" src="/static/js/tabs.js"></script>

1
frontend/templates/comments.html
View File

@ -10,7 +10,6 @@
{% block extra_head %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
<script type="text/javascript" src="/static/js/tabs.js"></script>
{% endblock %}

1
frontend/templates/faceted_list.html
View File

@ -14,7 +14,6 @@
{% block extra_head %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
<script type="text/javascript" src="/static/js/hijax_unglued.js"></script>
<script type="text/javascript" src="/static/js/tabs.js"></script>

208
frontend/templates/home.html
View File

@ -13,8 +13,11 @@
{% block extra_css %}
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/home.scss' %}" />
<!--
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/landingpage4.scss' %}" />
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/searchandbrowse2.scss' %}" />
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/searchandbrowse2.scss' %}" /> -->
<link type="text/css" rel="stylesheet" href="{% sass_src 'scss/book_panel2.scss' %}" />
{% endblock %}
{% block extra_js %}
@ -22,20 +25,19 @@
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<!-- toggle to panelview state instead of listview default -->
<script type="text/javascript">
jQuery(document).ready(function($) {
jQuery(document).ready(function($) {
$('.listview').addClass("panelview").removeClass("listview");
});
});
var $j = jQuery.noConflict();
function put_un_in_cookie2(){
$j.cookie('un', $j('#id_username_main').val(), {path: '/', expires: 90 });
return true;
}
</script>
</script>
<script type="text/javascript" src="/static/js/definitions.js"></script>
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/highlight_signup.js"></script>
<script type="text/javascript" src="/static/js/expand.js"></script>
<meta name="google-site-verification" content="wFZncBw5tNpwRVyR08NZFNr7WXqv5X1BkEga2fpUNOo" />
@ -44,10 +46,10 @@ function put_un_in_cookie2(){
{% block topsection %}
{% include "learn_more.html" %}
{% endblock %}
{% block content %}
<div id="main-container" class="main-container-fl">
<div class="js-main" id="content-block">
<div class="js-main-container" id="content-block">
<div id="js-maincol-fl">
<div id="js-main-container">
<h3 class="featured_books">Today's Featured Free eBook</h3>
@ -68,7 +70,7 @@ function put_un_in_cookie2(){
</div>
</div>
<div class="book-detail-info" style="float:left;">
<div style="width: 520px;float: left;">
<div style="float: left;">
<div class="book-name" style="font-size:larger; margin-bottom:10px"><a href="{% url 'work' featured.id %}">{{ work.title }}</a></div>
<div>
<div class="pubinfo">
@ -78,13 +80,13 @@ function put_un_in_cookie2(){
{% endif %}{% if work.relators.count > 2 %}{% for author in work.relators %}{% if not forloop.first %}, <span>{{ author.name }}</span>{% endif %}{% endfor %}
{% endif %}
</div>
<div class="book-year">
<div class="book-year">
{% if work.last_campaign.publisher %}
<span><a href="{% url 'bypubname_list' work.last_campaign.publisher.name.id %}">{{ work.last_campaign.publisher }}</a></span>
{% endif %}
<span>{{ work.publication_date }}</span>
</div>
<div class="book-description" style="max-height:200px;overflow:scroll"> {{ work.description|safe }}</div>
<div class="book-description" style="max-height:200px;"> {{ work.description|safe }}</div>
</div>
</div>
</div>
@ -95,76 +97,94 @@ function put_un_in_cookie2(){
<div class="spacer"></div>
<h3 class="featured_books">Your Recent Faves</h3>
<div>
{% for work in faves %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'supporter' request.user %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
<div class="book_container">
{% for work in faves %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'supporter' request.user %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
</div>
<a class="more_featured_books_mobile button success" href="{% url 'supporter' request.user %}">See More</a>
</div>
{% endif %}
{% if top_pledge %}
<div class="spacer"></div>
<h3 class="featured_books">Pledge to Make These eBooks Free</h3>
<div>
{% for campaign in top_pledge %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 'pledge' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
<div class="book-list">
<div class="book_container">
{% for campaign in top_pledge %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 'pledge' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
</div>
</div>
<a class="more_featured_books_mobile button success" href="{% url 'campaign_list' 'pledge' %}">See More</a>
{% endif %}
<div class="spacer"></div>
<h3 class="featured_books">Read These Free Licensed eBooks</h3>
<div>
{% for work in cc_books %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'cc_list' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
<div class="book-list">
<div class="book_container">
{% for work in cc_books %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'cc_list' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
</div>
<a class="button success more_featured_books_mobile" href="{% url 'cc_list' %}">See More</a>
</div>
<div class="spacer"></div>
{% if top_b2u %}
<h3 class="featured_books">Buy and Read These eBooks to Make Them Free</h3>
<div>
{% for campaign in top_b2u %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 'b2u' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
<div class="book-list">
<div class="book_container">
{% for campaign in top_b2u %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 'b2u' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
</div>
</div>
<a class="more_featured_books_mobile button success" href="{% url 'campaign_list' 'b2u' %}">See More</a>
{% endif %}
<div class="spacer"></div>
{% if top_t4u %}
<h3 class="featured_books">Read These Free eBooks and Thank the Creators</h3>
<div>
{% for campaign in top_t4u %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 't4u' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
<div class="book-list">
<div class="book_container">
{% for campaign in top_t4u %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 't4u' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
</div>
</div>
<a class="more_featured_books_mobile button success" href="{% url 'campaign_list' 't4u' %}">See More</a>
{% endif %}
<div class="spacer"></div>
<h3 class="featured_books">Read These Unglued eBooks - You've Made Them Free</h3>
<div>
{% for work in unglued_books %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 'unglued' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
<div class="book-list">
<div class="book_container">
{% for work in unglued_books %}
{% with work.googlebooks_id as googlebooks_id %}
{% include "book_panel.html" %}
{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url 'campaign_list' 'unglued' %}"><i class="fa fa-arrow-circle-o-right fa-3x"></i></a>
</div>
</div>
<a class="more_featured_books_mobile button success" href="{% url 'campaign_list' 'unglued' %}">See More</a>
<div class="spacer"></div>
</div>
<div id="js-rightcol">
<div class="js-rightcol-padd">
@ -189,7 +209,7 @@ function put_un_in_cookie2(){
<label>Password (again):</label>
<input id="id_password2_main" type="password" class="required" name="password2" size="30" />
</div>
<div class="button">
<div class="sidebar_button">
<input type="submit" class="signup" value="Sign Up Now" onclick="this.disabled=true,this.form.submit();" />
</div>
<div class="google_signup" style="padding-bottom: 10px;">
@ -202,32 +222,25 @@ function put_un_in_cookie2(){
</div>
</div>
{% endif %}
<div class="jsmodule">
<h3 class="module-title">Donate!</h3>
<div class="jsmod-content">
<div>Please help support Unglue.it by making a tax-deductible donation to the Free Ebook Foundation.</div>
<form class="askform" method="POST" action="{% url 'newdonation' %}">
<div class="donate_amount">
<label>Amount ($): </label><input id="amount" max="20000.00" min="1.00" name="amount" step="0.01" type="number" value="10.00" class="donate"></div>
<div class="button">
<input name="pledge" type="submit" value="Donate" id="donatesubmit" class="donate" />
</div>
</form>
<div class="jsmodule">
<h3 class="module-title">Donate!</h3>
<div class="jsmod-content">
<div>Please help support Unglue.it by making a tax-deductible donation to the Free Ebook Foundation.</div>
<form class="askform" method="POST" action="{% url 'newdonation' %}">
<div class="donate_amount">
<label>Amount ($): </label><input id="amount" max="20000.00" min="1.00" name="amount" step="0.01" type="number" value="10.00" class="donate"></div>
<div class="sidebar_button">
<input name="pledge" type="submit" value="Donate" id="donatesubmit" class="donate" />
</div>
</form>
</div>
</div>
<div class="jsmodule">
<h3 class="module-title">News</h3>
<div class="jsmodule latest-ungluing">
<h3 class="module-title">Latest Ungluing</h3>
<div class="jsmod-content">
<a href="https://blog.unglue.it/2018/01/24/unglue-it-has-resumed-crowdfunding/">Unglue.it has resumed crowdfunding</a>
</div>
</div>
<div class="jsmodule">
<h3 class="module-title">Latest Ungluing</h3>
<div class="jsmod-content">
<ul class="ungluingwhat">
{% for event in events %}
<ul class="ungluingwhat">
{% for event in events %}
{% comment %}
events are tuples of date, object, and string representing object type
{% endcomment %}
@ -236,22 +249,22 @@ function put_un_in_cookie2(){
{% if event.2 == "pledge" %}
{% if object.user%}
<span class="user-avatar">
<a href="{% url 'supporter' object.user.username %}"><img src="{{ object.user.profile.avatar_url }}" width="43" height="43" title="{{ object.user.username }}" alt="Avatar for {{ object.user.username }}" /></a>
<a href="{% url 'supporter' object.user.username %}"><img src="{{ object.user.profile.avatar_url }}" title="{{ object.user.username }}" alt="Avatar for {{ object.user.username }}" /></a>
</span>
<span class="user-book-info">
<a href="{% url 'supporter' object.user.username %}">{{ object.user.username }}</a><br />
{% if object.campaign.type == 1 %}
pledged to unglue
pledged to unglue
{% elif object.campaign.type == 2 %}
bought a copy of
bought a copy of
{% elif object.campaign.type == 3 %}
supported
supported
{% endif %}<br />
<a class="user-book-name" href="{% url 'work' object.campaign.work_id %}">{{ object.campaign.work.title }}</a>
</span>
{% else %}
<span class="user-avatar">
<img src="/static/images/header/anonuser.png" width="43" height="43" title="Anonymous User" alt="Avatar for Anonymous User" />
<img src="/static/images/header/anonuser.png" title="Anonymous User" alt="Avatar for Anonymous User" />
</span>
<span class="user-book-info">
Anonymous User<br />
@ -261,22 +274,22 @@ function put_un_in_cookie2(){
{% endif %}
{% elif event.2 == "comment" %}
<span class="user-avatar">
<a href="{% url 'supporter' object.user.username %}"><img src="{{ object.user.profile.avatar_url }}" width="43" height="43" title="{{ object.user.username }}" alt="Avatar for {{ object.user.username }}" /></a>
<a href="{% url 'supporter' object.user.username %}"><img src="{{ object.user.profile.avatar_url }}" title="{{ object.user.username }}" alt="Avatar for {{ object.user.username }}" /></a>
</span>
<span class="user-book-info">
<a href="{% url 'supporter' object.user.username %}">{{ object.user.username }}</a><br />
commented on<br />
<a class="user-book-name" href="{% url 'work' object.content_object.id %}?tab=2">{{ object.content_object.title }}</a>
</span>
</span>
{% elif event.2 == "wish" %}
<span class="user-avatar">
<a href="{% url 'supporter' object.wishlist.user.username %}"><img src="{{ object.wishlist.user.profile.avatar_url }}" width="43" height="43" title="{{ object.wishlist.user.username }}" alt="Avatar for {{ object.wishlist.user.username }}" /></a>
<a href="{% url 'supporter' object.wishlist.user.username %}"><img src="{{ object.wishlist.user.profile.avatar_url }}" title="{{ object.wishlist.user.username }}" alt="Avatar for {{ object.wishlist.user.username }}" /></a>
</span>
<span class="user-book-info">
<a href="{% url 'supporter' object.wishlist.user.username %}">{{ object.wishlist.user.username }}</a><br />
faved<br />
<a class="user-book-name" href="{% url 'work' object.work_id %}">{{ object.work.title }}</a>
</span>
</span>
{% endif %}
{% endwith %}
</li>
@ -285,26 +298,13 @@ function put_un_in_cookie2(){
</div>
</div>
<div class="jsmodule">
<h3 class="module-title">Questions?</h3>
<h3 class="module-title">Questions?</h3>
<div id="jsmod-content">
Read our <a href="/faq/">general FAQ</a> or <a href="/faq/rightsholders/">Author/Publisher FAQ</a>.
</div>
</div>
</div>
</div>
<h3 class="featured_books">As seen on</h3>
<ul id="as_seen_on">
<li><a href="http://boingboing.net/2012/06/28/release-a-deadly-monster-a-dr.html"><img alt="boingboing" src="{{ STATIC_URL }}images/press_logos/boingboing_logo.png"></a></li>
<li><a href="http://www.zeit.de/digital/internet/2012-07/unglue-ebook-creative-commons"><img alt="die zeit" src="{{ STATIC_URL }}images/press_logos/die_zeit_logo.png"></a></li>
<li><a href="http://www.huffingtonpost.com/2012/05/21/unglueit-free-ebooks-crowdfunding_n_1532644.html"><img alt="huffington post" src="{{ STATIC_URL }}images/press_logos/huffington_post_logo.png"></a></li>
<li><a href="http://techcrunch.com/2014/05/06/unglue-it-sets-books-free-after-authors-get-paid/"><img alt="techcrunch" src="{{ STATIC_URL }}images/press_logos/techcrunch_logo.png"></a></li>
<li><a href="http://www.thedigitalshift.com/2014/02/ebooks/buy-unglue-ebook-crowdfunding-model-goes-beta/"><img alt="library journal" src="{{ STATIC_URL }}images/press_logos/library_journal_logo.png"></a></li>
<li><a href="http://www.networkworld.com/community/node/85329"><img alt="networkworld" src="{{ STATIC_URL }}images/press_logos/networkworld_logo.png"></a></li>
</ul>
<div class="speech_bubble"><span>For readers it’s a gold mine of great books they can have a say in bringing to market.</span></div>
</div>
</div>
</div>
{% endblock %}
{% endblock %}

127
frontend/templates/learn_more.html
View File

@ -16,131 +16,6 @@
</div>
</div>
</div>
<div {%if request.user.is_authenticated or hide_learn_more %}id="user-block-hide" {% endif %}class="user-block-hide learnmore_block ">
<h1 style="text-align: center;padding-top: 1em;width: 70%; line-height: 1.2em;">Find over 10,000 <i>free</i> ebooks here.<br />Help us make more ebooks <i>free</i>!</h1>
<div class="quicktour panelview" >
<div class="panelview panelfront side1" >
<span style="color: #8ac3d7; " class="makeaskgive">MAKE</span>
<div class="qtbutton make"><i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i></div>
</div>
<div class="panelview panelback side2" >
<span class="highlight">Creators</span> make ebooks in EPUB, MOBI, and PDF.<br />
<span class="highlight">Ungluers</span> love them for doing it.<br />
</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; " class="makeaskgive">GIVE</span>
<a title="Download this work" class="qtbutton qtreadittext"><div class="read_itbutton qtreadit"><span>Read it Now</span></div></a>
</div>
<div class="panelview panelback side2" >
<span class="highlight">Creators</span> apply <a href="https://creativecommons.org/">Creative Commons</a> licenses to ebooks.<br />
<span class="highlight">Ungluers</span> read them at home, at a library, anywhere.<br />
</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; " class="makeaskgive">ASK</span>
<input name="pledge" type="submit" value="Say Thank You" class="qtbutton" style="
left: 42px;
">
</div>
<div class="panelview panelback side2" >
<span class="highlight">Creators</span> ask downloaders to contribute what they choose.<br />
<span class="highlight">Ungluers</span> say thank you with their support.
</div>
</div>
<div class="quicktour last">
<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; " class="makeaskgive">MAKE</span>
<div class="qtbutton make"><i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i></div>
</div>
<div class="panelview panelback side2" >
<span class="highlight">Creators</span> make ebooks in EPUB.<br />
<span class="highlight">Ungluers</span> love them for doing it.<br />
</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; " class="makeaskgive">ASK</span>
<input name="pledge" type="submit" value="Purchase" class="qtbutton" style="
left: 84px;
">
</div>
<div class="panelview panelback side2" >
<span class="highlight">Creators</span> set a funding goal and a per-copy price.<br />
<span class="highlight">Ungluers</span> purchase the ebook to advance the campaign.
</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; " class="makeaskgive">GIVE</span>
<a title="Download this work" class="qtbutton qtreadittext"><div class="read_itbutton qtreadit"><span>Read it Now</span></div></a>
</div>
<div class="panelview panelback side2" >
When the funding goal is met, <a href="https://creativecommons.org/">Creative Commons</a> licenses are automatically applied.<br />
</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: #e18551; " class="makeaskgive">ASK</span>
<input name="pledge" type="submit" value="Pledge" class="qtbutton" style="
left: 100px;
">
</div>
<div class="panelview panelback side2" >
<span class="highlight">Creators</span> set a funding goal and rewards for supporters.<br />
<span class="highlight">Ungluers</span> pledge to support the campaign.
</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; " class="makeaskgive">MAKE</span>
<div class="qtbutton make"><i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i>&nbsp;<i class="fa fa-heart-o"></i></div>
</div>
<div class="panelview panelback side2" >
When the campaign succeeds, We collect <span class="highlight">Ungluer</span> pledges.<br />
The ebook is <span class="highlight">created</span> and rewards are distributed.
</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; " class="makeaskgive">GIVE</span>
<a title="Download this work" class="qtbutton qtreadittext"><div class="read_itbutton qtreadit"><span>Read it Now</span></div></a>
</div>
<div class="panelview panelback side2" >
<a href="https://creativecommons.org/">Creative Commons</a> licenses are applied.<br />
<span class="highlight">Ungluers</span> read them at home, at a library, anywhere.<br />
</div>
</div>
<div class="quicktour last">
<div class="programlink">
<a href="{% url 'faq_sublocation' 'campaigns' 'supporting' %}">"Pledge to Unglue"</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

3
frontend/templates/libraryauth/library.html
View File

@ -14,7 +14,6 @@
{% block extra_js %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/import_books.js"></script>
<script type="text/javascript" src="/static/js/counter.js"></script>
@ -233,4 +232,4 @@ function highlightTarget(targetdiv) {
</div>
</div>
{% endblock %}
{% endblock %}

4
frontend/templates/pledge_complete.html
View File

@ -12,7 +12,6 @@
<script src="/static/js/slides.min.jquery.js"></script>
<script src="/static/js/slideshow.js"></script>
<script src="/static/js/greenpanel.js"></script>
<!-- toggle to panelview state instead of listview default -->
<script type="text/javascript">
@ -22,7 +21,6 @@
</script>
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/embed.js"></script>
{% endblock %}
@ -84,4 +82,4 @@
</div>
{% endblock %}
{% endblock %}

1
frontend/templates/search.html
View File

@ -13,7 +13,6 @@
{% endblock %}
{% block extra_head %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
<script type="text/javascript">
(function($){

3
frontend/templates/supporter.html
View File

@ -14,7 +14,6 @@
{% block extra_js %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/import_books.js"></script>
<script type="text/javascript" src="/static/js/counter.js"></script>
@ -410,4 +409,4 @@ function highlightTarget(targetdiv) {
</div>
</div>
{% endblock %}
{% endblock %}

1
frontend/templates/unglued_list.html
View File

@ -14,7 +14,6 @@
{% block extra_head %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
<script type="text/javascript" src="/static/js/hijax_unglued.js"></script>
<script type="text/javascript" src="/static/js/tabs.js"></script>

1
frontend/templates/work_list.html
View File

@ -14,7 +14,6 @@
{% block extra_head %}
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="{{ jquery_ui_home }}"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
<script type="text/javascript" src="/static/js/toggle.js"></script>
<script type="text/javascript" src="/static/js/tabs.js"></script>
{% endblock %}

14
static/js/greenpanel.js
View File

@ -1,14 +0,0 @@
var $j = jQuery.noConflict();
$j().ready(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', '.panelview', function() {
$j(this).children('.panelback').removeClass('side1').addClass('side2');
$j(this).children('.panelfront').removeClass('side2').addClass('side1');
});
});

1
static/scss/book_list.scss
View File

@ -354,7 +354,6 @@ div#libtools {
}
#facet_block div {
background:url($background-header) 100% -223px no-repeat;
padding: 7px 7px 15px 7px;
p {
padding: 0 10px 0 10px;

15
static/scss/book_panel2.scss
View File

@ -190,15 +190,16 @@ span.grey {
}
/* switch to/from hover state when jquery swaps class names */
div.panelview.side1 {
display: visible;
}
div.panelview.side2 {
display: none;
visibility: hidden;
}
div.panelview:hover .side2 {
visibility: visible !important;
z-index: 1;
}
/* styling of hover state */
.panelback {
position: relative;
@ -419,4 +420,4 @@ div.panelview.side2 {
height:auto;
}
}
}

182
static/scss/home.scss Normal file
View File

@ -0,0 +1,182 @@
@import "variables.scss";
@import "learnmore2.scss";
@import "foundation";
.featured_books {
margin-top: 18px;
font-size: $font-size-header;
}
.module-title {
font-size: $font-size-header;
}
.js-main-container {
margin-left: auto;
margin-right: auto;
max-width: 960px;
}
#user-block1 {
#block-intro-text {
float:left;
width:702px;
font-size: $font-size-header;
}
#readon {
font-size: $font-size-larger;
}
}
.jsmodule {
background-color: $pale-blue;
padding: 10px;
.google_signup {
a {
width: 100%;
border-radius: 0px;
border: none;
}
}
}
@include breakpoint(small only) {
#js-maincol-fl {
display: flex;
flex-direction: column;
}
#js-topsection {
visibility: hidden;
height: 0px;
}
.more_featured_books {
display:none;
}
.more_featured_books_mobile {
width:100%;
> a {
width: 100%;
}
}
.latest-ungluing {
display: none;
}
.book_container::-webkit-scrollbar {
display: none;
}
.jsmodule {
padding-bottom: 24px;
}
}
@include breakpoint(medium up) {
#js-maincol-fl {
display: flex;
#js-main-container {
flex: 1 78%;
}
#js-rightcol {
flex: 1 22%;
}
}
.book-list > div {
}
.more_featured_books {
padding-left:14px;
> i {
margin-top:150px;
font-size: 26px;
}
}
.more_featured_books_mobile{
display: none !important;
}
.jsmodule {
margin-bottom: 20px;
}
}
#js-main-container {
display: flex;
flex-direction: column;
}
.sidebar_button {
margin-bottom: 10px;
input {
background-color: $green;
color: white;
width: 100%;
padding: 12px;
border: none;
}
}
.book-description {
overflow: auto;
}
.book-detail {
display: flex;
}
.book_container {
display: flex;
overflow-x: auto;
box-sizing: content-box;
.thewholebook {
border: none;
}
}
.jsmod-content {
ul {
margin: 0;
list-style-type: none;
li {
display: flex;
margin-bottom: 10px;
.user-avatar {
padding-top: 6px;
a img {
max-width: none;
width: 34px;
border-radius: 2px;
}
}
.user-book-info {
margin-left: 10px;
.user-book-name {
font-weight: normal;
}
}
}
}
}
.signup {
cursor: pointer;
}
.donate {
cursor: pointer;
}

1
static/scss/landingpage4.scss
View File

@ -359,3 +359,4 @@ ul#as_seen_on {
}
}
}

2
static/scss/sitewide4.scss
View File

@ -459,7 +459,6 @@ h3 {
border-right: none;
@include border-radius(50px, 0, 0, 50px);
outline: none;
// background:url($background-header) -645px -180px;
@include height(28px);
width:156px;
float: left;
@ -547,7 +546,6 @@ a#readon {
div#content-block {
overflow:hidden;
background:url($background-header) 100% -223px no-repeat;
padding:0 0 0 7px;
margin-bottom: 20px;

1
static/scss/variables.scss
View File

@ -13,7 +13,6 @@ $alert: #e35351;
$orange: #e18551;
$yellow: #efd45e;
$image-base: "/static/images/";
$background-header: "${image-base}bg.png";
$background-body: #fefefe;
$background-booklist: "${image-base}booklist/bg.png";
$font-size-default: 13px;