107 lines
5.1 KiB
HTML
107 lines
5.1 KiB
HTML
{% extends "base.html" %}
|
|
{% load endless %}
|
|
|
|
{% block title %} Works {% endblock %}
|
|
{% block extra_css %}
|
|
<link type="text/css" rel="stylesheet" href="/static/css/supporter_layout.css" />
|
|
<link type="text/css" rel="stylesheet" href="/static/css/book_list.css" />
|
|
<link type="text/css" rel="stylesheet" href="/static/css/book_panel.css" />
|
|
{% endblock %}
|
|
{% block extra_head %}
|
|
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
|
<script type="text/javascript" src="/static/js/jquery-1.6.3.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.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" src="/static/js/tabs.js"></script>
|
|
{% endblock %}
|
|
{% block topsection %}
|
|
|
|
<div id="js-topsection">
|
|
<div class="js-main">
|
|
<div class="js-topnews">
|
|
<div class="js-topnews1">
|
|
<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>
|
|
<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>
|
|
<div class="user-block3">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="main-container">
|
|
<div class="js-main">
|
|
<div id="js-leftcol">
|
|
{% include "explore.html" %}
|
|
</div>
|
|
|
|
<div id="js-maincol-fr">
|
|
<div class="js-maincol-inner">
|
|
<div class="content-block">
|
|
<div class="content-block-heading ungluing" id="tabs">
|
|
<ul class="tabs">
|
|
<li class="tabs1"><a href="#">Unglued</a></li>
|
|
<li class="tabs2 active"><a href="#">Being Unglued</a></li>
|
|
<li class="tabs3"><a href="#">Unglue It!</a></li>
|
|
</ul>
|
|
<div class="badges listspage">
|
|
<span class="rounded"><span class="blue tabs1" title="Enjoy {{ counts.unglued }} unglued {% if counts.unglued == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Enjoy </span>{{ counts.unglued }}</span></span>
|
|
<span class="rounded"><span class="orange tabs2" title="We're ungluing {{ counts.unglueing }} {% if counts.unglueing == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Ungluing </span>{{ counts.unglueing }}</span></span>
|
|
<span class="rounded"><span class="grey tabs3" title="We're wishing for {{ counts.wished }} {% if counts.wished == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Wishing for </span>{{ counts.wished }}</span></span>
|
|
</div>
|
|
|
|
<ul class="book-list-view">
|
|
<li>View As:</li>
|
|
<li class="view-list">
|
|
<a href="#" id="toggle-list">
|
|
<img src="/static/images/booklist/view-list.png" alt="view list" title="view list" height="21" width="24" />
|
|
</a>
|
|
</li>
|
|
<li class="view-list">
|
|
<a href="#" id="toggle-panel">
|
|
<img src="/static/images/booklist/view-icon.png" alt="view icon" title="view icon" height="22" width="22" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="content-block-content">
|
|
{% ifequal work_list.count 0 %}
|
|
There aren't any works in this list yet. Why not add your favorite books to your wishlist, so we can feature them here?
|
|
{% else %}
|
|
{% paginate 20 work_list %}
|
|
{% for work in work_list %}
|
|
<div class="{% cycle 'row1' 'row2' %}">
|
|
{% with work.last_campaign_status as status %}
|
|
{% with work.last_campaign.deadline as deadline %}
|
|
{% with work.googlebooks_id as googlebooks_id %}
|
|
{% include "book_panel.html" %}
|
|
{% endwith %}{% endwith %}{% endwith %}
|
|
</div>
|
|
{% endfor %}
|
|
<br>
|
|
<div class="pagination content-block-heading">
|
|
{% show_pages %}
|
|
</div>
|
|
{% endifequal %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|