as seen on section
parent
79ddb02df9
commit
5c2b639e98
|
@ -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
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue