[ADD]: page transition lib

bzr revid: aja@tinyerp.com-20140130132528-oezvqvf4qxn5qxe9
This commit is contained in:
ajay javiya (OpenERP) 2014-01-30 18:55:28 +05:30
parent d67018bf0f
commit 886b3d805c
2 changed files with 265 additions and 276 deletions

View File

@ -265,3 +265,17 @@ class WebsiteBlog(http.Controller):
create_context = dict(context, mail_create_nosubscribe=True)
new_blog_post_id = request.registry['blog.post'].copy(cr, uid, blog_post_id, {}, context=create_context)
return werkzeug.utils.redirect("/blogpost/%s/?enable_editor=1" % new_blog_post_id)
@http.route('/blog_post/post', type='json', auth="public", website=True)
def getPost(self, blog=None, **post):
blog = request.registry.get('blog.post').browse(request.cr, SUPERUSER_ID, int(blog))
values = {
"image": "data:image/png;base64,%s" % blog.content_image,
"date": blog.create_date ,
"author": blog.create_uid.name,
"title": blog.name,
"title_secondary": "It's not too hard, really.",
"content": blog.content,
}
return [values]

View File

@ -7,6 +7,7 @@
<script type="text/javascript" src="/website_blog/static/src/js/website_blog.editor.js"></script>
<script type="text/javascript" src="/website_blog/static/src/js/website.tour.blog.js"></script>
<script type="text/javascript" src="/website_blog/static/lib/contentshare.js"></script>
<script type="text/javascript" src="/website_blog/static/lib/page-transitions/js/app.js"></script>
</xpath>
</template>
@ -134,208 +135,182 @@
</template>
<!-- Options: Blog Post Summary: hide author -->
<template id="opt_blog_post_short_author" name="Author"
inherit_option_id="website_blog.blog_post_short">
<xpath expr="//span[@class='fa fa-calendar oe_date']" position="after">
<span class="fa fa-user"> By <span t-field="blog_post.create_uid"/> &amp;nbsp;</span>
</xpath>
</template>
<!--<template id="opt_blog_post_short_author" name="Author"-->
<!-- inherit_option_id="website_blog.blog_post_short">-->
<!-- <xpath expr="//span[@class='fa fa-calendar oe_date']" position="after">-->
<!-- <span class="fa fa-user"> By <span t-field="blog_post.create_uid"/> &amp;nbsp;</span>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Option: Blog Post Summary: show tags -->
<template id="opt_blog_post_short_tags" name="Tags"
inherit_option_id="website_blog.blog_post_short" inherit_id="website_blog.blog_post_short">
<xpath expr="//p[@name='blog_post_data']" position="after">
<p class="post-meta text-muted text-center" t-if="len(blog_post.tag_ids)">
<span class="fa fa-tags"/>
<t t-foreach="blog_post.tag_ids" t-as="tag">
<a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }" t-esc="tag.name"/> &amp;nbsp;
</t>
</p>
</xpath>
</template>
<!--<template id="opt_blog_post_short_tags" name="Tags"-->
<!-- inherit_option_id="website_blog.blog_post_short" inherit_id="website_blog.blog_post_short">-->
<!-- <xpath expr="//p[@name='blog_post_data']" position="after">-->
<!-- <p class="post-meta text-muted text-center" t-if="len(blog_post.tag_ids)">-->
<!-- <span class="fa fa-tags"/>-->
<!-- <t t-foreach="blog_post.tag_ids" t-as="tag">-->
<!-- <a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }" t-esc="tag.name"/> &amp;nbsp;-->
<!-- </t>-->
<!-- </p>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Blog Post Complete -->
<template id="blog_post_complete" name="Blog Post">
<t t-call="website_blog.index">
<div class="container" id="title">
<h1 class="text-center" t-field="blog_post.name"/>
<p class="post-meta text-muted text-center" name="blog_post_data">
<span class="fa fa-calendar oe_date"> <span t-field="blog_post.create_date"/> &amp;nbsp;</span>
<span>Visit <span class="badge" t-field="blog_post.counter"></span></span>
<span t-if="len(blog_post.message_ids) &gt; 0" class="fa fa-comment-o"> With
<a t-attf-href="#comments">
<t t-if="len(blog_post.message_ids) &lt;= 1" ><t t-esc="len(blog_post.message_ids)"/> comment</t>
<t t-if="len(blog_post.message_ids) > 1"><t t-esc="len(blog_post.message_ids)"/> comments</t>
</a>
</span>
</p>
</div>
<div class="container">
<t t-call="website.publish_management">
<t t-set="object" t-value="blog_post"/>
<t t-set="publish_edit" t-value="True"/>
<li>
<form class="duplicate hidden" action="/blogpost/duplicate">
<input name="blog_post_id" t-att-value="blog_post.id"/>
</form>
<a href="#" class="duplicate" onclick="$(this).prev('form').submit()">Duplicate</a>
</li>
</t>
</div>
<div id="blog_content" t-field="blog_post.content"/>
<section id="comments" class="container">
<ul class="media-list" id="comments-list">
<li t-foreach="blog_post.website_message_ids" t-as="message" class="media">
<div class="media-body">
<img class="media-object pull-left" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(message.author_id.id)" style="width: 50px; margin-right: 10px;"/>
<div class="media-body">
<t t-call="website.publish_short">
<t t-set="object" t-value="message"/>
</t>
<h5 class="media-heading">
<span t-field="message.author_id"/> <small>on <span t-field="message.date"/></small>
</h5>
<div t-field="message.body"/>
<article class='page hidden'>
<div class='big-image'>
<div class='inner'>
<div class='fader'>
<div class='text'>
<a class='goto-next'>Read Next</a>
<h1 class='title'></h1>
<h2 class='description'></h2>
</div>
</div>
</div>
</li>
</ul>
</section>
</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>
</t>
</template>
<template id="blog_breadcrumb" name="Breadcrumb"
inherit_option_id="website_blog.blog_post_complete">
<xpath expr="//div[@id='title']" position="before">
<div class="container">
<div class="row">
<div class="col-sm-9">
<ol class="breadcrumb">
<li><a t-attf-href="/blog/#{ slug(blog) }"><span t-field="blog.name"/></a></li>
<li t-if="tag"><a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }"><span t-field="tag.name"/></a></li>
<li t-if="tag and date"><a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }/date/#{ date }" t-esc="date_name"/></li>
<li t-if="not tag and date"><a t-attf-href="/blog/#{ slug(blog) }/date/#{ date }" t-esc="date_name"/></li>
<li class="active"><span t-field="blog_post.name"/></li>
</ol>
</div><div class="col-sm-3">
</div>
</div>
</div>
</xpath>
</template>
<!--<template id="blog_breadcrumb" name="Breadcrumb"-->
<!-- inherit_option_id="website_blog.blog_post_complete">-->
<!-- <xpath expr="//div[@id='title']" position="before">-->
<!-- <div class="container">-->
<!-- <div class="row">-->
<!-- <div class="col-sm-9">-->
<!-- <ol class="breadcrumb">-->
<!-- <li><a t-attf-href="/blog/#{ slug(blog) }"><span t-field="blog.name"/></a></li>-->
<!-- <li t-if="tag"><a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }"><span t-field="tag.name"/></a></li>-->
<!-- <li t-if="tag and date"><a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }/date/#{ date }" t-esc="date_name"/></li>-->
<!-- <li t-if="not tag and date"><a t-attf-href="/blog/#{ slug(blog) }/date/#{ date }" t-esc="date_name"/></li>-->
<!-- <li class="active"><span t-field="blog_post.name"/></li>-->
<!-- </ol>-->
<!-- </div><div class="col-sm-3">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </xpath>-->
<!--</template>-->
<template id="blog_background_cover" name="Blog Cover"
inherit_option_id="website_blog.blog_post_complete">
<xpath expr="//div[@id='title']" position="attributes">
<attribute name="class">blog_cover</attribute>
<attribute t-if="blog_post.content_image" name="t-attf-style">background : url('data:image/png;base64,#{blog_post.content_image}') center center no-repeat;</attribute>
<attribute t-if="not blog_post.content_image" name="style">background : #34495E;</attribute>
</xpath>
<xpath expr="//div[@id='title']" position="inside">
<div class="text-center blog_item">
<img class="img-circle" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(blog_post.create_uid.id)" style="width: 50px; margin-right: 10px;"/>
<small class="text-muted" id="blog_author" t-field="blog_post.create_uid.name"/>
</div>
<div class="text-center mt64">
<a href="#blog_content"><span class="fa fa-angle-down fa-2x fa-inverse"/></a>
</div>
</xpath>
</template>
<!--<template id="blog_background_cover" name="Blog Cover"-->
<!-- inherit_option_id="website_blog.blog_post_complete">-->
<!-- <xpath expr="//div[@id='title']" position="attributes">-->
<!-- <attribute name="class">blog_cover</attribute>-->
<!-- <attribute t-if="blog_post.content_image" name="t-attf-style">background : url('data:image/png;base64,#{blog_post.content_image}') center center no-repeat;</attribute>-->
<!-- <attribute t-if="not blog_post.content_image" name="style">background : #34495E;</attribute>-->
<!-- </xpath>-->
<!-- <xpath expr="//div[@id='title']" position="inside">-->
<!-- <div class="text-center blog_item">-->
<!-- <img class="img-circle" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(blog_post.create_uid.id)" style="width: 50px; margin-right: 10px;"/>-->
<!-- <small class="text-muted" id="blog_author" t-field="blog_post.create_uid.name"/>-->
<!-- </div>-->
<!-- <div class="text-center mt64">-->
<!-- <a href="#blog_content"><span class="fa fa-angle-down fa-2x fa-inverse"/></a>-->
<!-- </div>-->
<!-- </xpath>-->
<!--</template>-->
<template id="blog_footer" name="Blog Footer"
inherit_option_id="website_blog.blog_post_complete">
<xpath expr="//section[@id='comments']" position="before">
<div class="container mt16 mb32">
<div class="col-sm-12">
<div class="col-sm-4 col-sm-offset-2">
<hr class="mt0 mb0"/>
<strong class="text-muted text-right">WRITTEN BY</strong>
<div class="media">
<a class="pull-left" href="#">
<img class="img-rounded" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(blog_post.create_uid.id)" style="width: 50px; margin-right: 10px;"/>
</a>
<div class="media-body">
<h4 class="media-heading" t-field="blog_post.create_uid.name"></h4>
<p t-field="blog_post.create_uid.email"></p>
<small t-if="blog_post.website_published_datetime" class="text-right text-muted">Published on <t t-esc="blog_post.website_published_datetime"/></small>
<small t-if="not blog_post.website_published_datetime" class="text-right text-muted">Last Modified on <t t-esc="blog_post.write_date"/></small>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-offset-2" t-if="blog_post.blog_id">
<hr class="mt0 mb0"/>
<strong class="text-muted text-right">PUBLISHED IN</strong>
<div class="media">
<a class="pull-left" href="#">
<img class="img-rounded" t-att-src="'/website/image?model=blog.blog&amp;field=image&amp;id='+str(blog_post.blog_id.id)" style="width: 50px; margin-right: 10px;"/>
</a>
<div class="media-body">
<h4 class="media-heading" t-field="blog_post.blog_id.name"></h4>
<span t-field="blog_post.blog_id.description"/>
</div>
</div>
</div>
</div>
</div>
</xpath>
</template>
<!--<template id="blog_footer" name="Blog Footer"-->
<!-- inherit_option_id="website_blog.blog_post_complete">-->
<!-- <xpath expr="//section[@id='comments']" position="before">-->
<!-- <div class="container mt16 mb32">-->
<!-- <div class="col-sm-12">-->
<!-- <div class="col-sm-4 col-sm-offset-2">-->
<!-- <hr class="mt0 mb0"/>-->
<!-- <strong class="text-muted text-right">WRITTEN BY</strong>-->
<!-- <div class="media">-->
<!-- <a class="pull-left" href="#">-->
<!-- <img class="img-rounded" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(blog_post.create_uid.id)" style="width: 50px; margin-right: 10px;"/>-->
<!-- </a>-->
<!-- <div class="media-body">-->
<!-- <h4 class="media-heading" t-field="blog_post.create_uid.name"></h4>-->
<!-- <p t-field="blog_post.create_uid.email"></p>-->
<!-- <small t-if="blog_post.website_published_datetime" class="text-right text-muted">Published on <t t-esc="blog_post.website_published_datetime"/></small>-->
<!-- <small t-if="not blog_post.website_published_datetime" class="text-right text-muted">Last Modified on <t t-esc="blog_post.write_date"/></small>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-sm-4 col-sm-offset-2" t-if="blog_post.blog_id">-->
<!-- <hr class="mt0 mb0"/>-->
<!-- <strong class="text-muted text-right">PUBLISHED IN</strong>-->
<!-- <div class="media">-->
<!-- <a class="pull-left" href="#">-->
<!-- <img class="img-rounded" t-att-src="'/website/image?model=blog.blog&amp;field=image&amp;id='+str(blog_post.blog_id.id)" style="width: 50px; margin-right: 10px;"/>-->
<!-- </a>-->
<!-- <div class="media-body">-->
<!-- <h4 class="media-heading" t-field="blog_post.blog_id.name"></h4>-->
<!-- <span t-field="blog_post.blog_id.description"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Options: Blog Post: user can reply -->
<template id="opt_blog_post_complete_comment" name="Allow Comments"
inherit_option_id="website_blog.blog_post_complete" inherit_id="website_blog.blog_post_complete"
groups="website_mail.group_comment">
<xpath expr="//ul[@id='comments-list']" position="before">
<section class="mb32 css_editable_mode_hidden">
<form id="comment" t-attf-action="/blogpost/comment" method="POST">
<input name="blog_post_id" t-att-value="blog_post.id" type="hidden"/>
<img class="img pull-left img-rounded" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(user_id.partner_id.id)" style="width: 50px; margin-right: 10px;"/>
<div class="pull-left mb32" style="width: 75%%">
<textarea rows="3" name="comment" class="form-control" placeholder="Write a comment..."></textarea>
<button type="submit" class="btn btn-primary mt8">Post</button>
</div>
</form>
</section>
<div class="clearfix"/>
</xpath>
</template>
<!--<template id="opt_blog_post_complete_comment" name="Allow Comments"-->
<!-- inherit_option_id="website_blog.blog_post_complete" inherit_id="website_blog.blog_post_complete"-->
<!-- groups="website_mail.group_comment">-->
<!-- <xpath expr="//ul[@id='comments-list']" position="before">-->
<!-- <section class="mb32 css_editable_mode_hidden">-->
<!-- <form id="comment" t-attf-action="/blogpost/comment" method="POST">-->
<!-- <input name="blog_post_id" t-att-value="blog_post.id" type="hidden"/>-->
<!-- <img class="img pull-left img-rounded" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(user_id.partner_id.id)" style="width: 50px; margin-right: 10px;"/>-->
<!-- <div class="pull-left mb32" style="width: 75%%">-->
<!-- <textarea rows="3" name="comment" class="form-control" placeholder="Write a comment..."></textarea>-->
<!-- <button type="submit" class="btn btn-primary mt8">Post</button>-->
<!-- </div>-->
<!-- </form>-->
<!-- </section>-->
<!-- <div class="clearfix"/>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Options: Blog Post: hide author -->
<template id="opt_blog_post_complete_author" name="Authors"
inherit_option_id="website_blog.blog_post_complete">
<xpath expr="//span[@class='fa fa-calendar oe_date']" position="after">
<span class="fa fa-user"> By <span t-field="blog_post.create_uid"/> &amp;nbsp;</span>
</xpath>
</template>
<!--<template id="opt_blog_post_complete_author" name="Authors"-->
<!-- inherit_option_id="website_blog.blog_post_complete">-->
<!-- <xpath expr="//span[@class='fa fa-calendar oe_date']" position="after">-->
<!-- <span class="fa fa-user"> By <span t-field="blog_post.create_uid"/> &amp;nbsp;</span>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Options: Blog Post: show blog -->
<template id="opt_blog_post_complete_blog" name="Blog"
inherit_option_id="website_blog.blog_post_complete">
<xpath expr="//span[@class='fa fa-calendar oe_date']" position="after">
<span class="fa fa-folder-open"> In <span t-field="blog_post.blog_id"/> &amp;nbsp;</span>
</xpath>
</template>
<!--<template id="opt_blog_post_complete_blog" name="Blog"-->
<!-- inherit_option_id="website_blog.blog_post_complete">-->
<!-- <xpath expr="//span[@class='fa fa-calendar oe_date']" position="after">-->
<!-- <span class="fa fa-folder-open"> In <span t-field="blog_post.blog_id"/> &amp;nbsp;</span>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Options: Blog Post: show tags -->
<template id="opt_blog_post_complete_tags" name="Tags"
inherit_option_id="website_blog.blog_post_complete" inherit_id="website_blog.blog_post_complete">
<xpath expr="//p[@name='blog_post_data']" position="after">
<p class="post-meta text-muted text-center" t-if="len(blog_post.tag_ids)">
<span class="fa fa-tags"/>
<t t-foreach="blog_post.tag_ids" t-as="tag">
<a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }" t-esc="tag.name"/> &amp;nbsp;
</t>
</p>
</xpath>
</template>
<!--<template id="opt_blog_post_complete_tags" name="Tags"-->
<!-- inherit_option_id="website_blog.blog_post_complete" inherit_id="website_blog.blog_post_complete">-->
<!-- <xpath expr="//p[@name='blog_post_data']" position="after">-->
<!-- <p class="post-meta text-muted text-center" t-if="len(blog_post.tag_ids)">-->
<!-- <span class="fa fa-tags"/>-->
<!-- <t t-foreach="blog_post.tag_ids" t-as="tag">-->
<!-- <a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag) }" t-esc="tag.name"/> &amp;nbsp;-->
<!-- </t>-->
<!-- </p>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Page -->
<template id="index" name="Blog Navigation">
<t t-call="website.layout">
<t t-set="head">
<link rel='stylesheet' href='/website_blog/static/src/css/website_blog.css'/>
<link rel='stylesheet' href='/website_blog/static/lib/page-transitions/css/styles.css'/>
</t>
<div id="wrap" class="js_blog">
<t t-raw="0"/>
@ -345,116 +320,116 @@
<!-- Option: Right Column for extra info -->
<template id="index_right" name="Right Column"
inherit_option_id="website_blog.index">
<xpath expr="//div[@id='wrap']" position="replace">
<div class="container mt16 js_website_blog">
<div class="row">
<div class="col-lg-8 col-sm-8" id="blog_left_column">
<t t-raw="0"/>
</div>
<div class="col-lg-3 col-lg-offset-1 col-sm-4" id="blog_right_column"/>
</div>
</div>
</xpath>
</template>
<!--<template id="index_right" name="Right Column"-->
<!-- inherit_option_id="website_blog.index">-->
<!-- <xpath expr="//div[@id='wrap']" position="replace">-->
<!-- <div class="container mt16 js_website_blog">-->
<!-- <div class="row">-->
<!-- <div class="col-lg-8 col-sm-8" id="blog_left_column">-->
<!-- <t t-raw="0"/>-->
<!-- </div>-->
<!-- <div class="col-lg-3 col-lg-offset-1 col-sm-4" id="blog_right_column"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Option: Right Column: tags -->
<template id="opt_blog_rc_tags" name="Tags"
inherit_option_id="website_blog.index_right">
<xpath expr="//div[@id='blog_right_column']" position="inside">
<section class="mt32">
<h4>Tags</h4>
<ul class="nav nav-pills nav-stacked">
<t t-foreach="tags" t-as="tag_id">
<li t-att-class="tag and tag_id.id == tag.id and 'active' or None" style="display: inline-block;">
<a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag_id) }"><span t-field="tag_id.name"/></a>
</li>
</t>
</ul>
</section>
</xpath>
</template>
<!--<template id="opt_blog_rc_tags" name="Tags"-->
<!-- inherit_option_id="website_blog.index_right">-->
<!-- <xpath expr="//div[@id='blog_right_column']" position="inside">-->
<!-- <section class="mt32">-->
<!-- <h4>Tags</h4>-->
<!-- <ul class="nav nav-pills nav-stacked">-->
<!-- <t t-foreach="tags" t-as="tag_id">-->
<!-- <li t-att-class="tag and tag_id.id == tag.id and 'active' or None" style="display: inline-block;">-->
<!-- <a t-attf-href="/blog/#{ slug(blog) }/tag/#{ slug(tag_id) }"><span t-field="tag_id.name"/></a>-->
<!-- </li>-->
<!-- </t>-->
<!-- </ul>-->
<!-- </section>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Option: Right Column: archives -->
<template id="opt_blog_rc_history" name="Archives"
inherit_option_id="website_blog.index_right">
<xpath expr="//div[@id='blog_right_column']" position="inside">
<section class="mt32">
<h4>Archives</h4>
<ul class="nav nav-pills nav-stacked">
<t t-foreach="nav_list" t-as="months">
<li t-att-class="months['date'] == date and 'active' or None">
<a t-ignore="True" t-attf-href="/blog/#{ slug(blog) }/#{ tag and 'tag/%s/' % slug(tag) or '' }date/#{ months['date'] }"><t t-esc="months['create_date']"/><span class="pull-right badge" t-esc="months['create_date_count']"/></a>
</li>
</t>
</ul>
</section>
</xpath>
</template>
<!--<template id="opt_blog_rc_history" name="Archives"-->
<!-- inherit_option_id="website_blog.index_right">-->
<!-- <xpath expr="//div[@id='blog_right_column']" position="inside">-->
<!-- <section class="mt32">-->
<!-- <h4>Archives</h4>-->
<!-- <ul class="nav nav-pills nav-stacked">-->
<!-- <t t-foreach="nav_list" t-as="months">-->
<!-- <li t-att-class="months['date'] == date and 'active' or None">-->
<!-- <a t-ignore="True" t-attf-href="/blog/#{ slug(blog) }/#{ tag and 'tag/%s/' % slug(tag) or '' }date/#{ months['date'] }"><t t-esc="months['create_date']"/><span class="pull-right badge" t-esc="months['create_date_count']"/></a>-->
<!-- </li>-->
<!-- </t>-->
<!-- </ul>-->
<!-- </section>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Option: Right Column: about us -->
<template id="opt_blog_rc_about_us" name="About Us" priority="2"
inherit_option_id="website_blog.index_right">
<xpath expr="//div[@id='blog_right_column']" position="inside">
<section class="mt32">
<h4>About us</h4>
<p>
Write a small text here for when <b>new visitors</b> find your website
through your <b>blog entries</b>, referenced in Google.
</p>
<div>
<a href="/page/website.contactus"><button class="btn btn-primary">Contact us</button></a>
</div>
</section>
</xpath>
</template>
<!--<template id="opt_blog_rc_about_us" name="About Us" priority="2"-->
<!-- inherit_option_id="website_blog.index_right">-->
<!-- <xpath expr="//div[@id='blog_right_column']" position="inside">-->
<!-- <section class="mt32">-->
<!-- <h4>About us</h4>-->
<!-- <p>-->
<!-- Write a small text here for when <b>new visitors</b> find your website-->
<!-- through your <b>blog entries</b>, referenced in Google.-->
<!-- </p>-->
<!-- <div>-->
<!-- <a href="/page/website.contactus"><button class="btn btn-primary">Contact us</button></a>-->
<!-- </div>-->
<!-- </section>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Option: Right Column: follow us -->
<template id="opt_blog_rc_follow_us" name="Follow us" priority="4"
inherit_option_id="website_blog.index_right">
<xpath expr="//div[@id='blog_right_column']" position="inside">
<section class="mt32">
<h4>Follow us<small t-if="blog">: <t t-esc="blog.name"/></small></h4>
<t t-if="blog">
<t t-call="website_mail.follow">
<t t-set="email" t-value="user_id.email"/>
<t t-set="object" t-value="blog"/>
</t>
</t>
<p class="text-muted mb0 mt16">
Participate on our social stream.
</p>
<h2 class="mt4">
<a t-att-href="website.social_facebook" t-if="website.social_facebook"><i class="fa fa-facebook-square"/></a>
<a t-att-href="website.social_twitter" t-if="website.social_twitter"><i class="fa fa-twitter"/></a>
<a t-att-href="website.social_linkedin" t-if="website.social_linkedin"><i class="fa fa-linkedin"/></a>
<a t-att-href="website.social_youtube" t-if="website.social_youtube"><i class="fa fa-youtube-play"/></a>
<a t-att-href="website.social_googleplus" t-if="website.social_googleplus"><i class="fa fa-google-plus-square"/></a>
<a t-att-href="website.social_github" t-if="website.social_github"><i class="fa fa-github"/></a>
</h2>
</section>
</xpath>
</template>
<!--<template id="opt_blog_rc_follow_us" name="Follow us" priority="4"-->
<!-- inherit_option_id="website_blog.index_right">-->
<!-- <xpath expr="//div[@id='blog_right_column']" position="inside">-->
<!-- <section class="mt32">-->
<!-- <h4>Follow us<small t-if="blog">: <t t-esc="blog.name"/></small></h4>-->
<!-- <t t-if="blog">-->
<!-- <t t-call="website_mail.follow">-->
<!-- <t t-set="email" t-value="user_id.email"/>-->
<!-- <t t-set="object" t-value="blog"/>-->
<!-- </t>-->
<!-- </t>-->
<!-- <p class="text-muted mb0 mt16">-->
<!-- Participate on our social stream.-->
<!-- </p>-->
<!-- <h2 class="mt4">-->
<!-- <a t-att-href="website.social_facebook" t-if="website.social_facebook"><i class="fa fa-facebook-square"/></a>-->
<!-- <a t-att-href="website.social_twitter" t-if="website.social_twitter"><i class="fa fa-twitter"/></a>-->
<!-- <a t-att-href="website.social_linkedin" t-if="website.social_linkedin"><i class="fa fa-linkedin"/></a>-->
<!-- <a t-att-href="website.social_youtube" t-if="website.social_youtube"><i class="fa fa-youtube-play"/></a>-->
<!-- <a t-att-href="website.social_googleplus" t-if="website.social_googleplus"><i class="fa fa-google-plus-square"/></a>-->
<!-- <a t-att-href="website.social_github" t-if="website.social_github"><i class="fa fa-github"/></a>-->
<!-- </h2>-->
<!-- </section>-->
<!-- </xpath>-->
<!--</template>-->
<!-- Option: Right Column: blogs -->
<template id="opt_blog_rc_blogs" name="Our Blogs" priority="6"
inherit_option_id="website_blog.index_right">
<xpath expr="//div[@id='blog_right_column']" position="inside">
<section class="mt32 mb32">
<h4>Our Blogs</h4>
<ul class="nav nav-pills nav-stacked">
<t t-foreach="blogs" t-as="nav_blog">
<li t-att-class="nav_blog.id == blog.id and 'active' or ''">
<a t-attf-href="/blog/#{ slug(nav_blog) }">
<span t-field="nav_blog.name"/>
</a>
</li>
</t>
</ul>
</section>
</xpath>
</template>
<!--<template id="opt_blog_rc_blogs" name="Our Blogs" priority="6"-->
<!-- inherit_option_id="website_blog.index_right">-->
<!-- <xpath expr="//div[@id='blog_right_column']" position="inside">-->
<!-- <section class="mt32 mb32">-->
<!-- <h4>Our Blogs</h4>-->
<!-- <ul class="nav nav-pills nav-stacked">-->
<!-- <t t-foreach="blogs" t-as="nav_blog">-->
<!-- <li t-att-class="nav_blog.id == blog.id and 'active' or ''">-->
<!-- <a t-attf-href="/blog/#{ slug(nav_blog) }">-->
<!-- <span t-field="nav_blog.name"/>-->
<!-- </a>-->
<!-- </li>-->
<!-- </t>-->
<!-- </ul>-->
<!-- </section>-->
<!-- </xpath>-->
<!--</template>-->
</data>
</openerp>