[IMP]improve the blog view
bzr revid: mba@tinyerp.com-20140131090457-w0f4eoc1s12myr57
This commit is contained in:
parent
d5a7848eb5
commit
e91d309d7b
|
@ -273,6 +273,7 @@ class WebsiteBlog(http.Controller):
|
|||
"image": "data:image/png;base64,%s" % blog.content_image,
|
||||
"date": blog.create_date ,
|
||||
"author": blog.create_uid.name,
|
||||
"author_image": "data:image/png;base64,%s" % blog.create_uid.image,
|
||||
"title": blog.name,
|
||||
"title_secondary": "It's not too hard, really.",
|
||||
"content": blog.content,
|
||||
|
|
|
@ -79,6 +79,13 @@ body article.page.next .big-image, body article.page.next .big-image {
|
|||
body article.page.next .big-image .inner, body article.page.next .big-image .inner {
|
||||
opacity: 1;
|
||||
}
|
||||
body article.page.current .big-image .inner, body article.page.current .big-image .inner {
|
||||
opacity: 1;
|
||||
}
|
||||
body article.page.current .big-image .inner .fader .text .goto-next, body article.page.current .big-image .inner .fader .text .goto-next {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
body article.page.current .big-image, body article.page.current .big-image {
|
||||
background: #B2B2B2;
|
||||
}
|
||||
|
@ -142,6 +149,9 @@ body article.page .big-image .inner .fader .text {
|
|||
body article.page .big-image .inner .fader .text a, body article.page .big-image .inner .fader .text h1, body article.page .big-image .inner .fader .text h2 {
|
||||
color: white;
|
||||
}
|
||||
body article.page .big-image .inner .fader .text h4 {
|
||||
color: white;
|
||||
}
|
||||
/* line 91, ../scss/styles.scss */
|
||||
body article.page .big-image .inner .fader .text a {
|
||||
color: white;
|
||||
|
|
|
@ -97,8 +97,9 @@ ArticleAnimator.contentizeElement = function($el, d){
|
|||
$el.find('h1.title').html(d.title);
|
||||
$el.find('h2.description').html(d.title_secondary);
|
||||
$el.find('.content .text').html(d.content);
|
||||
$el.find('h3.byline time').html(d.date);
|
||||
$el.find('h3.byline .author').html(d.author);
|
||||
$el.find('h4.byline time').html(d.date);
|
||||
$el.find('h4.byline .author').html(d.author);
|
||||
$el.find('h4.byline .author_image').html("<img class='img-circle' style='width: 3%; margin-right:10px;' src='" + d.author_image + "'/>")
|
||||
}
|
||||
|
||||
ArticleAnimator.animatePage = function(callback){
|
||||
|
|
|
@ -165,16 +165,14 @@
|
|||
<a class='goto-next'>Read Next</a>
|
||||
<h1 class='title'></h1>
|
||||
<h2 class='description'></h2>
|
||||
<h4 class='byline'>
|
||||
<span class='author_image'></span><span class='author'></span>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='content text-center'>
|
||||
<h3 class='byline'>
|
||||
Published <time></time> by <span class='author'></span>
|
||||
</h3>
|
||||
<h1 class='title'></h1>
|
||||
<h2 class='description'></h2>
|
||||
<div class='text'></div>
|
||||
</div>
|
||||
</article>
|
||||
|
|
Loading…
Reference in New Issue