[IMP]improve the blog view

bzr revid: mba@tinyerp.com-20140131090457-w0f4eoc1s12myr57
This commit is contained in:
Mahendra Barad (OpenERP) 2014-01-31 14:34:57 +05:30
parent d5a7848eb5
commit e91d309d7b
4 changed files with 17 additions and 7 deletions

View File

@ -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,

View File

@ -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;

View File

@ -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){

View File

@ -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>