[website] [minor] moving to framework

website/doctype/blog_post/templates/blog.html

@@ -0,0 +1,33 @@
+{% extends "app/website/templates/html/page.html" %}
+
+{% block javascript %}
+	{% include "app/website/templates/js/blog.js" %}
+{% endblock %}
+
+{% block css %}
+	{% include "app/website/templates/css/blog.css" %}
+{% endblock %}
+
+{% set title="Blog" %}
+
+{% block content %}
+<div class="col-md-12">
+	<h2 id="blog-title">{{ blog_title }}</h2>
+	{% if blog_introduction %}
+	<p>{{ blog_introduction }}</p>
+	{% endif %}
+	<h3 id="blot-subtitle" style="display:none;"></h3>
+	<br>
+	<div class="progress progress-striped active">
+		<div class="progress-bar progress-bar-info" style="width: 100%;"></div>
+	</div>
+	<div id="blog-list">
+		<!-- blog list will be generated dynamically -->
+	</div>
+	<div style="text-align: center;">
+		<button id="next-page" class="btn btn-default" 
+			style="display:none;">More...</button>
+	</div>
+</div>
+{% include 'app/website/templates/html/blog_footer.html' %}
+{% endblock %}

website/doctype/blog_post/templates/blog_post.html

@@ -0,0 +1,58 @@
+{% extends "app/website/templates/html/page.html" %}
+
+{% block javascript %}
+	{% include "app/website/templates/js/blog_page.js" %}
+{% endblock %}
+
+{% block css %}
+	{% include "app/website/templates/css/blog_page.css" %}
+{% endblock %}
+
+{% block content %}
+<div class="col-md-12" itemscope itemtype="http://schema.org/BlogPost">
+	<h2 itemprop="name headline">{{ title }}</h2>
+
+	<!-- begin blog content -->
+	<div class="help" style="color: #aaa">
+		<span itemprop="author">{{ blogger_info and blogger_info.full_name or full_name }}</span> / 
+		<span itemprop="dateCreated">{{ updated }}</span></div>
+	<br>
+	<div itemprop="articleBody">
+	{{ content_html }}
+	</div>
+	<!-- end blog content -->
+	{% if blogger_info %}
+	<hr />
+	{% include "app/website/templates/html/blogger.html" %}
+	{% endif %}
+	<hr>
+	<h3>{{ texts.comments }}</h3><br>
+	<div class="blog-comments">
+		
+		{% if not comment_list %}
+		<div class="no-comment">
+			<p>{{ texts.first_comment }}</p>
+		</div>
+		{% endif %}
+		
+		{% include 'app/website/templates/html/comment.html' %}
+	</div>
+	<div><button class="btn btn-default add-comment">{{ texts.add_comment }}</button></div>
+	<div style="display: none; margin-top: 10px; max-width: 400px;" 
+		id="comment-form">
+		<div class="alert" style="display:none;"></div>
+		<form>
+			<fieldset>
+				<input class="form-control" name="comment_by_fullname" placeholder="Your Name" type="text"/><br>
+				<input class="form-control" name="comment_by" 
+					placeholder="Your Email Id" type="text"/><br>
+				<textarea class="form-control" name="comment" rows=10
+					placeholder="Comment"/>
+				</textarea><br>
+				<button class="btn btn-info" id="submit-comment">{{ texts.submit }}</button>
+			</fieldset>
+		</form>
+	</div>
+</div>
+{% include 'app/website/templates/html/blog_footer.html' %}
+{% endblock %}

website/doctype/blog_post/templates/includes/blog_footer.html

@@ -0,0 +1,13 @@
+<div class="col-md-12">
+	<hr />
+	{% if categories %}
+	<h5>Explore posts by categories</h5>
+	<ul class="breadcrumb" style="background-color: transparent; padding-left: 20px;">
+	{% for category in categories %}
+		<li><a href="blog?category={{ category }}">{{ category }}</a> 
+	{% endfor %}
+	</ul>
+	<br><br>
+	{% endif %}
+	<p>Show posts by <a href="blog">everyone</a>. Meet the <a href="writers">writers</a> of this blog</p>
+</div>

website/doctype/blog_post/templates/includes/blog_subscribe.html

@@ -0,0 +1,9 @@
+<h4>Subscribe</h4>
+<br>
+<p>
+<button class="btn btn-warning btn-blog-subscribe">Get Updates via Email</button>
+</p>
+<p>
+<img src="app/images/feed.png" style="margin-right: 4px; margin-bottom: -4px">
+<a href="rss.xml" target="_blank">RSS Feed</a>
+</p>

website/doctype/blog_post/templates/includes/blogger.html

@@ -0,0 +1,13 @@
+<div class="row">
+	<div class="col-md-2">
+		<div class="avatar avatar-large">
+			<img itemprop="thumbnailUrl" src="{{ blogger_info.avatar }}" />
+		</div>
+	</div>
+	<div class="col-md-10">
+		<h4>{{ blogger_info.full_name }}</h4>
+		<p style="color: #999">{{ blogger_info.bio }}</p>
+		<p><a href="blog?by={{ blogger_info.name }}&by_name={{ blogger_info.full_name }}">
+			{{ texts.all_posts_by }} {{ blogger_info.full_name }}</a></p>
+	</div>
+</div>

website/doctype/blog_post/templates/includes/comment.html

@@ -0,0 +1,17 @@
+{#
+	this template generates comment rows for a blog
+	it is to be included in the blog/blog.html template
+#}
+
+<div itemscope itemtype="http://schema.org/UserComments">
+	{% for comment in comment_list %}
+	<div class="comment-row">
+		<div class="comment-title">
+			<span itemprop="name" class="author">{{ comment.comment_by_fullname }}</span> / 
+				<span itemprop="commentTime">{{ comment.comment_date }}</span>:
+		</div>
+		<p class="comment-content" itemprop="commentText">{{ comment.comment }}</p>
+		<hr>
+	</div>
+	{% endfor %}
+</div>

website/doctype/blogger/templates/writers.html

@@ -0,0 +1,17 @@
+{% extends "app/website/templates/html/page.html" %}
+
+{% set title="Blog Writers" %}
+
+{% block content %}
+<div class="col-md-12">
+	<h2 id="blog-title">Blog Writers</h2>
+	{% if writers_introduction %}
+	<p>{{ writers_introduction }}</p>
+	{% endif %}
+	<hr>
+	{% for blogger_info in bloggers %}
+	{% include "app/website/templates/html/blogger.html" %}	
+	{% endfor %}
+</div>
+{% include 'app/website/templates/html/blog_footer.html' %}
+{% endblock %}