2011-12-09 00:12:26 +00:00
{% extends "base.html" %}
{% 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" / >
{% endblock %}
{% block base_js %}
< script src = "/static/js/jquery-1.6.3.min.js" > < / script >
<!-- expands/collapses the learn more section -->
< script type = "text/javascript" >
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('.user-block-hide').hide();
$j('.user-block1 a').click(
function() {
$j(this).toggleClass("active");
$j(".user-block-hide").slideToggle(300);
}
);
});
< / script >
<!-- toggle to panelview state instead of listview default -->
< script type = "application/x-javascript" >
jQuery(document).ready(function($) {
$('.listview').addClass("panelview").removeClass("listview");
});
< / script >
< script type = "text/javascript" src = "/static/js/greenpanel.js" > < / script >
< script src = "/static/js/slides.min.jquery.js" > < / script >
< script >
var $j = jQuery.noConflict();
$j(function(){
$j('#js-slideshow').slides({
preload: true,
preloadImage: '/static/images/landingpage/loading.gif',
hoverPause: true,
generateNextPrev: true,
next: 'next',
prev: 'prev',
pagination: true,
generatePagination: false,
slideSpeed: 600,
autoHeight: true
});
});
< / script >
2011-12-12 19:10:49 +00:00
< script type = "text/javascript" src = "/static/js/watermark_init.js" > < / script >
< script type = "text/javascript" src = "/static/js/watermark_change.js" > < / script >
2011-12-09 00:12:26 +00:00
{% endblock %}
{% block topsection %}
< div id = "js-topsection" >
< div class = "js-main" >
< div class = "js-topnews" >
< div class = "user-block" >
< div class = "user-block1" >
< div class = "block-inner" >
< div class = "block-intro-text" > With your help we raise money to buy book rights. The < span class = "typo" > unglued< / span > books are free to download, here.< / div >
< a class = "my-setting readon" > < span > Learn more< / span > < / a >
< / div >
< / div >
< div class = "user-block2" >
< div class = "block-inner" >
< label class = "title" > Spread the Word< / label >
< a href = "https://www.facebook.com/sharer/sharer.php?src=bm&u=http://{{ request.META.HTTP_HOST }}{{ request.path }}" > < img src = "/static/images/supporter_icons/facebook_square.png" alt = "Facebook" title = "Facebook" / > < / a >
< a href = "https://twitter.com/share" > < img src = "/static/images/supporter_icons/twitter_square.png" alt = "tweeter" title = "Twitter" / > < / a >
< / div >
< / div >
< / div >
< div class = "user-block-hide" >
< p > We all have books we love so much, we'd like to give them to the world.< / p >
< p >
We want to share them, but also reward their creators. With digital books, it can be hard to do both. Unglue.it offers a win-win solution:
< / p >
< p >
Crowdfunding. 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.
< / p >
< p >
< a href = "https://creativecommons.org/" > Creative Commons< / a > licensing means everyone, everywhere can read and share the unglued book — freely and legally. You've given your favorite book to the world.
< / p >
< / div >
< / div >
< / div >
< / div >
{% endblock %}
{% block content %}
< div id = "main-container" class = "main-container-fl" >
< div class = "js-main" >
< div id = "js-maincol-fl" >
< div id = "js-main-container" >
< div class = "js-main-container-inner" >
< div id = "js-maincontainer-content" class = "have-content-right-module" >
< div class = "content-right-module" >
< h3 > How does it work?< / h3 >
< / div >
< div style = "clear:right;" >
< div class = "item-content" >
< h2 class = "page-heading" > Give books to the world.< / h2 >
< / div >
< div class = "jsmod-content" >
< img src = "/static/images/landingpage/icon-group.png" alt = "How does it work?" title = "How does it work?" height = "269" width = "268" / >
< / div >
< / div >
< / div >
< div id = "js-maincontainer-bot-block" >
< div id = "js-search" >
< label > What book would you give to the world? < / label >
< form action = "{% url search %}" method = "get" >
2011-12-12 21:09:18 +00:00
< input type = "text" id = "watermark" onfocus = "imgfocus()" onblur = "imgblur(0)" size = "25" class = "inputbox" name = "q" value = "{{ q }}" >
2011-12-09 00:12:26 +00:00
< input type = "button" onclick = "this.form.searchword.focus();" class = "button" value = "Search" >
< / form >
< / div >
< / div >
< div id = "js-maincontainer-faq" >
< div class = "js-maincontainer-faq-inner" >
Questions? Read our < a href = "/stub/tour" > FAQ’ < / a > or take the < a href = "/stub/tour" > Tour< / a >
< / div >
< / div >
< / div >
< / div >
< div id = "js-rightcol" >
< div class = "js-rightcol-padd" >
< div class = "jsmodule" >
< h3 class = "module-title" > Start Ungluing Now!< / h3 >
< div class = "jsmod-content" >
< form action = '/accounts/register/' method = 'post' > {% csrf_token %}
< div class = "user-name" >
< label > Username< / label >
< input id = "id_username" type = "text" class = "required" name = "username" maxlength = "30" size = "25" / >
< / div >
< div class = "email" >
< label > Email< / label >
< input id = "id_email" type = "text" class = "required" name = "email" maxlength = "75" size = "25" / >
< / div >
< div class = "password" >
< label > Password< / label >
< input id = "id_password1" type = "password" class = "required" name = "password1" size = "25" / >
< / div >
< div class = "password" >
< label > Password (again):< / label >
< input id = "id_password2" type = "password" class = "required" name = "password2" size = "25" / >
< / div >
< div class = "button" >
< input type = "submit" value = "sign up" / >
< / div >
< div >
2011-12-13 15:50:21 +00:00
< p > < a href = "/socialauth/login/google?next=http://{{ request.get_host }}{{ next }}" > < img src = "{{ STATIC_URL }}/images/auth/google_64.png" > Sign Up With Google< / a > < / p >
2011-12-09 00:12:26 +00:00
< / div >
< / div >
< / div >
< div class = "jsmodule" >
< h3 class = "module-title" > Who's ungluing what< / h3 >
< div class = "jsmod-content" >
< ul class = "ungluingwhat" >
{% for event in events %}
< li >
2011-12-13 15:50:21 +00:00
< div class = "user-avatar" > < a href = "{% url supporter event.wishlist.user.username %}" > < img src = "{% if event.wishlist.user.picurl %}{{ event.wishlist.user.picurl}}{% else %}/static/images/landingpage/user-avatar.png{% endif %}" width = "43" height = "43" title = "{{event.wishlist.user.username}}" alt = "{{event.wishlist.user.username}} avatar" / > < / a > < / div >
2011-12-09 00:12:26 +00:00
< div class = "user-book-info" >
2011-12-13 15:50:21 +00:00
< p class = "user-book-info" > < a href = "{% url supporter event.wishlist.user.username %}" > {{event.wishlist.user.username}}< / a > is Wishing For< / p >
2011-12-09 00:12:26 +00:00
< a class = "user-book-name" href = "{% url work event.work.id %}" > {{ event.work.title }}< / a >
< / div >
2011-12-13 15:50:21 +00:00
< div class = "user-book-thumb" > < a class = "user-book-name" href = "{% url work event.work.id %}" > < img src = "{{ event.work.cover_image_thumbnail }}" width = "29" height = "43" title = "{{ event.work.title }}" alt = "Very Long Book Title" / > < / a > < / div >
2011-12-09 00:12:26 +00:00
< / li >
{% endfor %}
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div id = "js-slide" >
< div class = "js-main" >
< div class = "jsmodule" >
< h3 > < span > Top ungluing campaigns< / span > < / h3 >
< div class = "jsmod-content" >
< div id = "js-slideshow" >
< div class = "slides_container" >
< div class = "slide-page slide-page1" >
{% for work in works %}
< div class = "spacer" >
{% include "book_panel.html" %}
< / div >
{% endfor %}
< / div >
< div class = "slide-page slide-page2" >
{% for work in works2 %}
< div class = "spacer" >
{% include "book_panel.html" %}
< / div >
{% endfor %}
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2011-12-05 21:16:42 +00:00
{% endblock %}
