98 lines
4.4 KiB
HTML
98 lines
4.4 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}
|
|
— {{ title }}
|
|
{% endblock %}
|
|
|
|
{% block extra_head %}
|
|
<link type="text/css" rel="stylesheet" href="/static/css/campaign.css" />
|
|
|
|
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="main-container">
|
|
<div class="js-main">
|
|
<div id="js-leftcol">
|
|
<div class="jsmodule rounded">
|
|
<div class="jsmod-content">
|
|
0 Ungluers are WISHING<br />
|
|
</div>
|
|
</div>
|
|
{% include "explore.html" %}
|
|
</div>
|
|
<div id="js-maincol">
|
|
<div class="js-maincol-inner">
|
|
<div id="content-block">
|
|
<div class="book-detail">
|
|
<div class="book-detail-img">
|
|
<a href="#"><img src="http://{{ imagebase }}/{{ image }}" alt="{{ title }}" title="{{ title }}" width="131" height="192" /></a>
|
|
</div>
|
|
<div class="book-detail-info">
|
|
<h2 class="book-name">{{ title }}</h2>
|
|
<h3 class="book-author">{{ author }}</h3>
|
|
<div class="find-book">
|
|
<label>Find it here</label>
|
|
<!-- todo: these should be a real thing -->
|
|
<div class="find-link">
|
|
<a class="find-google" href="#"><img src="/static/images/icons/google.png" align="" title="" /></a>
|
|
<a class="find-group" href="#"><img src="/static/images/icons/group.png" align="" title="" /></a>
|
|
</div>
|
|
</div>
|
|
<div class="pledged-info"><div class="pledged-group">0 Ungluers have pledged $0</div><div class="status"><img src="/static/images/images/icon-book-37by25-0.png" /></div></div>
|
|
</div>
|
|
</div>
|
|
<div id="tabs" class="content-block-heading">
|
|
</div>
|
|
<div id="content-block-content">
|
|
<div id="tabs-1" class="tabs">
|
|
<div class="tabs-content">
|
|
{% if request.user.is_anonymous %}
|
|
<div class="create-account"><p>No one has wishlisted this yet. <b><span>Be the first.</span></b></p>
|
|
</div>
|
|
{% else %}
|
|
<div class="add-wishlist"><p>No one has wishlisted this yet. <b><span id="{{ googlebooks_id }}">Be the first.</span></b></p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="js-rightcol">
|
|
<div class="js-rightcol-pad rounded">
|
|
|
|
<div class="jsmodule">
|
|
<h3 class="jsmod-title"><span>Share</span></h3>
|
|
<div class="jsmod-content">
|
|
<ul class="social menu">
|
|
<li class="facebook first"><a href="#"><span>Facebook</span></a></li>
|
|
<li class="twitter"><a href="#"><span>Twitter</span></a></li>
|
|
<li class="lasts email"><a href="#"><span>Email</span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% if work.last_campaign %}
|
|
<div class="jsmodule">
|
|
<h3 class="jsmod-title"><span>Support</span></h3>
|
|
<div class="jsmod-content">
|
|
<ul class="support menu">
|
|
{% for premium in premiums %}
|
|
<li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}">
|
|
<a href="{% url pledge work_id=work.id %}?premium_id={{premium.id}}">
|
|
<span class="menu-item-price">${{ premium.amount }}</span>
|
|
<span class="menu-item-desc">{{ premium.description }}</span>
|
|
{% ifequal premium.type 'CU' %}<span class="custom-premium">exclusive!</span>{% endifequal %}
|
|
</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|