Update sidebar style
jonahmania
parent
54ca30e3c0
commit
243a806c92
|
|
@ -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 %}
|
||||
|
|
@ -47,7 +50,7 @@ function put_un_in_cookie2(){
|
|||
|
||||
{% 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>
|
||||
|
|
@ -189,7 +192,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;">
|
||||
|
|
@ -209,7 +212,7 @@ function put_un_in_cookie2(){
|
|||
<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">
|
||||
<div class="sidebar_button">
|
||||
<input name="pledge" type="submit" value="Donate" id="donatesubmit" class="donate" />
|
||||
</div>
|
||||
|
||||
|
|
@ -217,74 +220,7 @@ function put_un_in_cookie2(){
|
|||
|
||||
</div>
|
||||
</div>
|
||||
<div class="jsmodule">
|
||||
<h3 class="module-title">News</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 %}
|
||||
{% comment %}
|
||||
events are tuples of date, object, and string representing object type
|
||||
{% endcomment %}
|
||||
<li>
|
||||
{% with event.1 as object %}
|
||||
{% 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>
|
||||
</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
|
||||
{% elif object.campaign.type == 2 %}
|
||||
bought a copy of
|
||||
{% elif object.campaign.type == 3 %}
|
||||
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" />
|
||||
</span>
|
||||
<span class="user-book-info">
|
||||
Anonymous User<br />
|
||||
supported <br />
|
||||
<a class="user-book-name" href="{% url 'work' object.campaign.work_id %}">{{ object.campaign.work.title }}</a>
|
||||
</span>
|
||||
{% 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>
|
||||
</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>
|
||||
{% 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>
|
||||
</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>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jsmodule">
|
||||
<div class="jsmodule">
|
||||
<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>.
|
||||
|
|
|
|||
|
|
@ -0,0 +1,91 @@
|
|||
@import "variables.scss";
|
||||
@import "learnmore2.scss";
|
||||
@import "foundation";
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
a#readon {
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include breakpoint(small only) {
|
||||
#js-maincol-fl {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(medium up) {
|
||||
#js-maincol-fl {
|
||||
display: flex;
|
||||
#js-main-continer {
|
||||
flex: 1 84%;
|
||||
}
|
||||
|
||||
#js-rightcol {
|
||||
flex: 1 16%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#js-main-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.book-detail {
|
||||
.book-cover {
|
||||
a {
|
||||
}
|
||||
}
|
||||
}
|
||||
.spacer {
|
||||
}
|
||||
|
||||
.featured_books {
|
||||
|
||||
}
|
||||
div {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#js-rightcol {
|
||||
.js-rightcol-padd {
|
||||
background-color: $pale-blue;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.jsmodule {
|
||||
margin-bottom: 14px;
|
||||
.google_signup {
|
||||
a {
|
||||
width: 100%;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar_button {
|
||||
margin-bottom: 10px;
|
||||
input {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -393,4 +393,4 @@ ul#as_seen_on {
|
|||
#footer {
|
||||
clear: both;
|
||||
margin-top:30px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue