[ADD]: page transition lib

bzr revid: aja@tinyerp.com-20140130132528-oezvqvf4qxn5qxe9

diff --git a/addons/website_blog/controllers/main.py b/addons/website_blog/controllers/main.py
index a18505f..bd1f2c8 100644 (file)
--- a/addons/website_blog/controllers/main.py
+++ b/addons/website_blog/controllers/main.py
@@ -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]
+

diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 31fceaf..ce087c1 100644 (file)
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -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>