as seen on section

pull/1/head
Andromeda Yelton 2013-03-27 10:33:47 -04:00
parent 79ddb02df9
commit 5c2b639e98
3 changed files with 97 additions and 2 deletions

View File

@ -133,7 +133,7 @@ function put_un_in_cookie2(){
<ul class="ungluingwhat">
{% for event in events %}
{% comment %}
events are tuples of date, object, and object type
events are tuples of date, object, and string representing object type
{% endcomment %}
<li>
{% with event.1 as object %}
@ -173,6 +173,18 @@ function put_un_in_cookie2(){
</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>

File diff suppressed because one or more lines are too long

View File

@ -306,6 +306,89 @@ h3.featured_books {
clear: both;
}
ul#as_seen_on {
margin: 15px 0;
position: relative;
height: 80px;
li {
float: left;
list-style-type: none;
padding: 10px;
line-height: 80px;
&:hover {
background: @bright-blue;
}
img {
vertical-align: middle;
max-width: 131px;
}
}
}
/* via http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */
.speech_bubble {
position:relative;
margin:1em 0;
border:5px solid @bright-blue;
color:@text-blue;
.one-border-radius(10px);
background: #fff;
font-size: @font-size-header;
padding: 1.5em;
&:before {
content: "";
position: absolute;
top:-20px; /* value = - border-top-width - border-bottom-width */
bottom:auto;
left:auto;
right:60px; /* controls horizontal position */
border-width:0 20px 20px;
border-style: solid;
border-color: @bright-blue transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
&:after {
content: "";
position: absolute;
top:-13px; /* value = - border-top-width - border-bottom-width */
bottom:auto;
left:auto;
right:67px; /* value = (:before right) + (:before border-right) - (:after border-right) */
border-width:0 13px 13px;
border-style: solid;
border-color: #fff transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
span {
margin-left: 1em;
&:before {
position: absolute;
top: .75em;
left: .75em;
font-size: @font-size-header*2;
content:"\201C";
}
&:after {
position: absolute;
top: .75em;
font-size: @font-size-header*2;
content:"\201D";
}
}
}
#footer {
clear: both;
margin-top:30px;