regluit/frontend/templates/home.html

220 lines
13 KiB
HTML
Executable File

{% extends "base.html" %}
{% load truncatechars %}
{% block title %}— Support Free eBooks{% endblock %}
{% block extra_css %}
<link type="text/css" rel="stylesheet" href="/static/css/landingpage3.css" />
<link type="text/css" rel="stylesheet" href="/static/css/searchandbrowse2.css" />
<link type="text/css" rel="stylesheet" href="/static/css/book_panel2.css" />
<link type="text/css" rel="stylesheet" href="/static/css/learnmore2.css" />
{% endblock %}
{% block extra_js %}
<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($) {
$('.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 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" />
{% endblock %}
{% 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 id="js-maincol-fl">
<div id="js-main-container">
{% if top_campaigns %}
<h3 class="featured_books">Active Campaigns</h3>
<div>
{% for campaign in top_campaigns %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% with "ACTIVE" as status %}
{% with campaign.deadline as deadline %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url campaign_list 'ending' %}"></a>
</div>
{% else %}{% if coming_soon %}
<h3 class="featured_books">Coming Soon</h3>
<div>
{% for campaign in coming_soon %}
{% with campaign.work as work %}
{% with work.googlebooks_id as googlebooks_id %}
{% with "INITIALIZED" as status %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url campaign_list 'soon' %}"></a>
</div>
{% endif %}{% endif %}
<div class="spacer"></div>
<h3 class="featured_books">Already Unglued</h3>
<div>
{% for work in unglued_books %}
{% with work.googlebooks_id as googlebooks_id %}
{% with "ACTIVE" as status %}
{% with work.last_campaign.deadline as deadline %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url unglued_list '' %}"></a>
</div>
<div class="spacer"></div>
<h3 class="featured_books">Most Listed</h3>
<div>
{% for work in most_wished %}
{% with work.googlebooks_id as googlebooks_id %}
{% with "ACTIVE" as status %}
{% with work.last_campaign.deadline as deadline %}
{% include "book_panel.html" %}
{% endwith %}{% endwith %}{% endwith %}
{% endfor %}
<a class="more_featured_books" href="{% url work_list 'popular' %}"></a>
</div>
<div class="spacer"></div>
<div class="js-main-container-inner">
<div id="js-maincontainer-bot-block">
<div id="js-search">
<label>What book do you want to be free? </label>
<form action="{% url search %}" method="get">
<input type="text" id="watermark" onfocus="imgfocus()" onblur="imgblur(0)" size="25" class="inputbox" name="q" value="{{ q }}">
<input type="submit" class="greenbutton" value="Search">
</form>
</div>
</div>
<div id="js-maincontainer-faq">
<div class="js-maincontainer-faq-inner">
Questions? Read our <a href="/faq/">general FAQ</a> or <a href="/faq/rightsholders/">Author/Publisher FAQ</a>.
</div>
</div>
</div>
</div>
<div id="js-rightcol">
<div class="js-rightcol-padd">
{% if not request.user.is_authenticated %}
<div class="jsmodule" id="mainlogin">
<h3 class="module-title">Start Ungluing Now!</h3>
<div class="jsmod-content">
<form action='{% url registration_register %}' method='post' onsubmit="return put_un_in_cookie2();">{% csrf_token %}
<div class="user-name">
<label>Username</label>
<input id="id_username_main" type="text" class="required" name="username" maxlength="30" size="30" />
</div>
<div class="email">
<label>Email</label>
<input id="id_email_main" type="text" class="required" name="email" maxlength="75" size="30" />
</div>
<div class="password">
<label>Password</label>
<input id="id_password1_main" type="password" class="required" name="password1" size="30" />
</div>
<div class="password">
<label>Password (again):</label>
<input id="id_password2_main" type="password" class="required" name="password2" size="30" />
</div>
<div class="button">
<input type="submit" class="signup" value="sign up" />
</div>
<div class="google_signup">
<a href="/socialauth/login/google?next=/next/"><img src="{{ STATIC_URL }}images/auth/google_32_noborder.png" alt="google" /></a><div><a href="/socialauth/login/google?next=/next/">Sign Up With Google</a></div>
</div>
</form>
</div>
</div>
{% endif %}
<div class="jsmodule">
<h3 class="module-title">News</h3>
<div class="jsmod-content">
Review: <a href="http://blog.unglue.it/2014/01/20/new-stories-about-africas-future-by-young-africans/">New stories about Africa's future.</a>
</div>
</div>
<div class="jsmodule">
<h3 class="module-title">Latest Ungluing</h3>
<div class="jsmod-content">
<ul class="ungluingwhat">
{% for event in events %}
{% comment %}
events are tuples of date, object, and string representing object type
{% endcomment %}
<li>
{% with event.1 as object %}
{% ifequal event.2 "pledge" %}
<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>
</span>
<span class="user-book-info">
<a href="{% url supporter object.user.username %}">{{ object.user.username }}</a><br />
{% ifequal object.campaign.type 1 %}
pledged to unglue
{% endifequal %}
{% ifequal object.campaign.type 2 %}
bought a copy of
{% endifequal %}<br />
<a class="user-book-name" href="{% url work object.campaign.work.id %}">{{ object.campaign.work.title }}</a>
</span>
{% else %}{% ifequal 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>
</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>
{% else %}{% ifequal 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>
</span>
<span class="user-book-info">
<a href="{% url supporter object.wishlist.user.username %}">{{ object.wishlist.user.username }}</a><br />
added to list<br />
<a class="user-book-name" href="{% url work object.work.id %}">{{ object.work.title }}</a>
</span>
{% endifequal %}{% endifequal %}{% endifequal %}
{% endwith %}
</li>
{% endfor %}
</ul>
</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 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 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 src="{{ STATIC_URL }}images/press_logos/huffington_post_logo.png"></a></li>
<li><a href="http://lj.libraryjournal.com/2012/05/publishing/ebook-crowdfunding-platform-unglue-it-launched/"><img src="{{ STATIC_URL }}images/press_logos/library_journal_logo.png"></a></li>
<li><a href="http://mashable.com/2012/06/14/unglueit/"><img src="{{ STATIC_URL }}images/press_logos/mashable_logo.png"></a></li>
<li><a href="http://goodereader.com/blog/electronic-readers/unglue-it-unleashes-two-new-crowd-sourced-titles/"><img src="{{ STATIC_URL }}images/press_logos/good_ereader_logo.png"></a></li>
</ul>
<div class="speech_bubble"><span>One of the more innovative concepts that has grown out of digital publishing...</span></div>
</div>
</div>
</div>
{% endblock %}