cloned from 'bitbucket', 2013/08/13

14 files changed, 1010 insertions, 0 deletions

diff --git a/97suifangqa/templates/sciblog/blog_detail.html b/97suifangqa/templates/sciblog/blog_detail.html
new file mode 100644
index 0000000..d9e53c9
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail.html
@@ -0,0 +1,245 @@
+{% extends "base.html" %}
+{% load staticfiles %}
+{% block bodyclasses %}{{ block.super }} two-sidebars blog blog-details{% endblock %}
+{% block othercss %}
+<link rel="stylesheet" href="{% static "stylesheets/sass/blog.css" %}">
+{% endblock %}
+{% block sidebar_first %}
+<aside id="sidebar-first" class="region-sidebar-first">
+	{% include "sciblog/nav-ribbon.html" %}
+	<div class="post-question">
+	  {% include "sciblog/blog_search_form.html" %}
+	</div>	
+	<div class="related-questions">
+		<h3>关联问题</h3>
+		{% for query in blog.query.all %}
+		<div><a href="{% url query_blogs %}?q={{ query.content }}" title="查询与此问题相关的文章">{{ query.content }}</a></div>
+		{% endfor %}
+	</div>
+	<div class="toc">
+		<h3 class="toc-title">目&emsp;录</h3>
+		<ul class="links">
+			<li class="{% if blockid == 'source' %}active{% endif %}">
+				<a href="{% url blog_detail blog.id 'source'%}">文章来源</a>
+			</li>
+			<li class="{% if blockid == 'abstract' %}active{% endif %}">
+				<a href="{% url blog_detail blog.id 'abstract'%}">文章简读</a>
+			</li>
+			<li class="{% if blockid == 'knowledge' %}active{% endif %}">
+				<a href="{% url blog_detail blog.id 'knowledge'%}">科普扫盲</a>
+			</li>
+			<li class="{% if blockid == 'follow' %}active{% endif %}">
+				<a href="{% url blog_detail blog.id 'follow'%}">随访与用药</a>
+			</li>
+			<li class="{% if blockid == 'results' %}active{% endif %}">
+				<a href="{% url blog_detail blog.id 'results'%}">治疗结果</a>
+			</li>
+			<li class="{% if blockid == 'comment' %}active{% endif %}">
+				<a href="{% url blog_detail blog.id 'comment'%}">学者科学评论</a>
+			</li>
+			<li class="{% if blockid == 'refrences' %}active{% endif %}">
+				<a href="{% url blog_detail blog.id 'refrences'%}">参考信息</a>
+			</li>
+		</ul>
+	</div>
+	<header id="header">
+		<div id="logo">
+			<img src="{% static "images/slilogo.png" %}" alt="">
+		</div>
+	</header>
+</aside>
+{% endblock %}
+{% block sidebar_second %}
+<aside id="sidebar-second" class="region-sidebar-second">
+	{% include "login-menu.inc.html" %}
+	<nav class="social">
+		<!-- Below are CSS-worthy structures. Styling incomplete, but you may start filling data -->
+		<ul class="buttons inline">
+			<li>
+			  <button class="multi-segment-button action-button grey-button" id="like-button" title="收藏整篇文章" target-url="{% url blog_collect blog.id %}">
+				  {% if collected %}
+					<div class="segment first like-button deaction">&emsp;&nbsp;收藏</div>
+					<div class="segment first unlike-button action">不收藏</div>
+			      {% else %}
+					<div class="segment first like-button action">&emsp;&nbsp;收藏</div>
+					<div class="segment first unlike-button deaction">不收藏</div>
+				  {% endif %}
+					<div class="segment last count">{{ blog.collected_by.count }}</div>
+				</button>
+			</li>
+			<li>
+				<button class="multi-segment-button action-button" id="no-idea-button" title="看不懂这篇文章" target-url="{% url blog_understood blog.id %}">
+				  {% if understood %}
+					<div class="segment first no-idea-button action">&emsp;&nbsp;不懂</div>
+					<div class="segment first idea-button deaction">看懂了</div>
+			      {% else %}
+					<div class="segment first no-idea-button deaction">&emsp;&nbsp;不懂</div>
+					<div class="segment first idea-button action">看懂了</div>
+			      {% endif %}
+					<div class="segment last count">{{ blog.catched_by.count }}</div>
+				</button>
+			</li>
+		</ul>
+	</nav>
+	<div id="card-abstract"></div>
+	<div class="lists-container">
+		<nav class="comments expandable expanded" data-expand-group-selector="#sidebar-second .lists-container nav">
+			<h4 class="expand-heading">段落注释</h4>
+			<ol class="expand-container jargon-links" id="paracomments-list">
+			</ol>
+		</nav>
+		<nav class="jargon-list expandable" data-expand-group-selector="#sidebar-second .lists-container nav">
+			<h4 class="expand-heading">专业名词</h4>
+			<ul class="expand-container jargon-links" id="propernouns-list">
+			</ul>
+		</nav>
+	</div>
+</aside>
+{% endblock %}
+{% block before_content %}
+<section id="blog-top-nav" class="blog-top-nav content">
+	<div class="region-wrap">
+		<div class="background"></div>
+		<div class="breadcrumb">
+			<ul class="links inline">
+				<!--li><a href="" class="button dark-grey-button first">更多文章</a></li-->
+				<li><a id="return-to-results-button" href="{% url blog_detail blog.id 'results'%}" class="button dark-grey-button">返回治疗结果</a></li>
+			</ul>
+		</div>
+		<h1 class="blog-title">{{ blog.subhead }}</h1>
+		<h2 class="section-name">{% block sectionname %}临床策略{% endblock %}</h2>
+		<!-- if firstSection -->
+		{% block navigation %}
+		<nav role="navigation" class="section-nav">
+			<ul class="links inline">
+				<li><a href="#methods" class="active">治疗手段</a></li>
+				<li><a href="#objectives">目标</a></li>
+				<li><a href="">结果简述</a></li>
+				<li><a href="">副作用</a></li>
+				<li><a href="">本文结论</a></li>
+			</ul>
+		</nav>
+		{% endblock %}
+		<!-- endif -->
+	</div>
+</section>
+{% endblock %}
+{% block body %}
+	<!-- if not cards -->
+	<div class="text jargons">
+	{% autoescape off %}
+	{% block block_pieces %}
+	{% endblock %}
+	{% endautoescape %}
+	{% block explanations %}
+		<div class="jargon-explanations">
+			<div class="jargon-explanation" data-key="">
+				<h3 class="name"></h3>
+				<div class="jargon-details">
+				</div>
+			</div>
+		</div>
+	{% endblock %}
+		<div class="page-expand"></div>
+	</div>
+	<div class="jargon-explanation-box">
+		<div class="text-pointer"></div>
+		<div class="close-box"></div>
+		<img src="{% static "images/loading.gif" %}" alt="" class="loading-image">
+		<div class="content-wrap">
+		  <h3 class="name"></h3>
+		  <div class="jargon-details"></div>
+		</div>
+		{% if user.is_authenticated %}
+		<a class="button like-button grey-button collect"><img src="{% static "images/grey-heart.png" %}" alt="">收藏该条注释</a>
+		{% else %}
+		<div class="button like-button disabled grey-button" disabled="disabled"><a href="{% url login %}?next={{ request.path }}" class="login-button">登陆</a>97随访网站搜索此条目</div>
+		{% endif %}
+	</div>
+	<!-- else -->
+	<!-- for ... -->
+	<div id="back-to-top-button" title="返回顶部"></div>
+	<div id="related-questions-confirm" class="dialog-content confirm-dialog">
+		<p>我们将要帮您重新搜索医学文章，会离开本文页面，您确定吗？</p>
+		<div class="controls">
+			<button class="dialog-ok">确认</button>
+			&nbsp;
+			<button class="dialog-cancel grey-button">取消</button>
+		</div>
+	</div>
+	<div id="like-button-login-confirm" class="dialog-content confirm-dialog">
+		<p>需要登陆才能够收藏文章。但这将离开此页面，确定离开？</p>
+		<div class="controls">
+			<button class="dialog-ok">确认</button>
+			&nbsp;
+			<button class="dialog-cancel grey-button">取消</button>
+		</div>
+	</div>
+	<div id="no-idea-button-login-confirm" class="dialog-content confirm-dialog">
+		<p>需要登陆才能让我们知道您没有看懂此文。但这将离开此页面，确定离开？</p>
+		<div class="controls">
+			<button class="dialog-ok">确认</button>
+			&nbsp;
+			<button class="dialog-cancel grey-button">取消</button>
+		</div>
+	</div>
+	<!-- endfor -->
+	<!-- endif -->
+{% endblock %}
+{% block scripts %}
+{{ block.super }}
+<script type="text/javascript" src="{% static "javascripts/jargon-display.js" %}"></script>
+<script type="text/javascript">
+$(document).ready(function() {
+	/*
+	 * list all the annotations and markup the proper nouns
+	 */
+
+	  var annotations= {{ annotations|safe}};
+	  jargon_display(annotations);
+    })
+</script>
+<script type="text/javascript">
+	$(function(){
+		var activeUrl = null;
+		$(".dialog-ok").click(function() {
+			location.href = activeUrl;
+		})
+		$(".dialog-cancel").click(function() {
+			$.modalHide();
+		})
+		$("#sidebar-first .related-questions a").click(function(e) {
+			e.preventDefault();
+			e.stopPropagation();
+			activeUrl = $(this).attr('href');
+
+			$("#related-questions-confirm").modalShow();
+		})
+		$("body.not-logged-in").find("#no-idea-button,#like-button").click(function(e) {
+			e.preventDefault();
+			e.stopPropagation();
+			activeUrl = ""; // login url
+			$("#" + $(this).attr('id') + "-login-confirm").modalShow();
+		})
+	});
+  
+  $(document).ready(function(){
+	  $('button.action-button').click(function(){
+		var button = $(this);
+		var url = button.attr('target-url');
+		
+		$.ajax({
+			url:url,
+			dataType:'json',
+			success: function(data) {
+			  if (data.error) {
+				return;
+			  }
+			  $('.count', button).text(data.times);
+			  button.toggleClass('acted');
+			}
+		  });
+		});
+	  });
+</script>
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_abstract.html b/97suifangqa/templates/sciblog/blog_detail_abstract.html
new file mode 100644
index 0000000..03a00f3
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_abstract.html
@@ -0,0 +1,35 @@
+{% extends "sciblog/blog_detail.html" %}
+
+{% block sectionname %}
+文章简读
+{% endblock %}
+
+{% block navigation %}
+<nav role="navigation" class="section-nav">
+	<ul class="links inline">
+		<li><a href="#methods" class="active">治疗方案</a></li>
+		<li><a href="#objectives">研究目标</a></li>
+		<li><a href="#abstract_result">结果简述</a></li>
+		<li><a href="#side_effect">副作用</a></li>
+		<li><a href="#conclusion">本文结论</a></li>
+	</ul>
+</nav>
+{% endblock %}
+
+{% block block_pieces %}
+<a href="" id="methods"></a>
+<h3>治疗手段</h3>
+<p>{{ blog.method }}</p>
+<a href="" id="objectives"></a>
+<h3>研究目标</h3>
+<p>{{ blog.aim }}</p>
+<a href="" id="abstract_result"></a>
+<h3>结果简述</h3>
+<p>{{ blog.abstract_result }}</p>
+<a href="" id="side_effect"></a>
+<h3>副作用</h3>
+<p>{{ blog.abstractAE }}</p>
+<a href="" id="conclusion"></a>
+<h3>本文结论</h3>
+<p>{{ blog.conclusion}}</p>
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_comment.html b/97suifangqa/templates/sciblog/blog_detail_comment.html
new file mode 100644
index 0000000..53dc07c
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_comment.html
@@ -0,0 +1,15 @@
+{% extends "sciblog/blog_detail.html" %}
+
+{% block sectionname %}
+学者科学评论
+{% endblock %}
+
+{% block navigation %}
+{% endblock %}
+
+{% block block_pieces %}
+{% for piece in blog.konwledge_piece.comments %}
+<h4>{{ piece.title }}</h4>
+<p>{{ piece.content }}</p>
+{% endfor %}
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_follow.html b/97suifangqa/templates/sciblog/blog_detail_follow.html
new file mode 100644
index 0000000..3635f9b
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_follow.html
@@ -0,0 +1,39 @@
+{% extends "sciblog/blog_detail.html" %}
+
+{% block sectionname %}
+随访与用药
+{% endblock %}
+
+{% block navigation %}
+<nav role="navigation" class="section-nav">
+	<ul class="links inline">
+		<li><a href="#follow_medicine" class="active">用药与随访历史</a></li>
+		<li><a href="#endpoints">判别指标</a></li>
+		<li><a href="#guideline">治疗策略</a></li>
+	</ul>
+</nav>
+{% endblock %}
+
+{% block block_pieces %}
+<a href="" id="follow_medicine"></a>
+<h3>用药与随访历史</h3>
+<p>{{ blog.treatment_content }}</p>
+<a href="" id="endpoints"></a>
+<h3>判别疗效的指标</h3>
+<h4>主要</h4>
+{% for end in blog.endpoints.all %}
+  {% if end.type == 1 %}
+  {{ end.content }}
+  {% endif %}
+{% endfor %}
+<h4>次要</h4>
+{% for end in blog.endpoints.all %}
+  {% if end.type == 2 %}
+  {{ end.content }}
+  {% endif %}
+{% endfor %}
+<div></div>
+<a href="" id="guideline"></a>
+<h3>治疗策略</h3>
+{{ blog.guidline.content }}
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_knowledge.html b/97suifangqa/templates/sciblog/blog_detail_knowledge.html
new file mode 100644
index 0000000..6ab749d
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_knowledge.html
@@ -0,0 +1,15 @@
+{% extends "sciblog/blog_detail.html" %}
+
+{% block sectionname %}
+科普扫盲
+{% endblock %}
+
+{% block navigation %}
+{% endblock %}
+
+{% block block_pieces %}
+{% for piece in blog.konwledge_piece.knowledges %}
+<h4>{{ piece.title }}</h4>
+<p>{{ piece.content }}</p>
+{% endfor %}
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_refrences.html b/97suifangqa/templates/sciblog/blog_detail_refrences.html
new file mode 100644
index 0000000..a60935d
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_refrences.html
@@ -0,0 +1,25 @@
+{% extends "sciblog/blog_detail.html" %}
+
+{% block sectionname %}
+参考信息
+{% endblock %}
+
+{% block navigation %}
+<nav role="navigation" class="section-nav">
+	<ul class="links inline">
+		<li><a href="#detect_methods" class="active">检测方法</a></li>
+		<li><a href="#refrences">参考文献</a></li>
+	</ul>
+</nav>
+{% endblock %}
+
+{% block block_pieces %}
+<a href="" id="detect_methods"></a>
+<h3>检测方法罗列</h3>
+<p>{{ blog.detectionAssay }}</p>
+<a href="" id="refrences"></a>
+<h3>参考文献</h3>
+{% for ref in blog.references.all %}
+<a href="{{ ref.link }}">{{ ref.description }}</a>
+{% endfor %}
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_results-detail.html b/97suifangqa/templates/sciblog/blog_detail_results-detail.html
new file mode 100644
index 0000000..3e6ed25
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_results-detail.html
@@ -0,0 +1,49 @@
+{% extends "sciblog/blog_detail.html" %}
+{% block bodyclasses %}{{ block.super }} blog-results blog-results-detail{% endblock %}
+{% block sectionname %}
+病友治疗结果
+{% endblock %}
+
+{% block navigation %}
+{% endblock %}
+
+{% block  cards_abstract %}
+ <div class="cards-abstract">
+	 <div>
+	   <p>{{ result.abstract }}</p>
+	 </div>
+</div>
+{% endblock %}
+
+{% load group_list %}
+{% block block_pieces %}
+<div class="cards three-columns">
+  <div class="column-first">
+	<div class="card {{ result.color }}" href="">
+	  <div class="front">
+		<div class="card-wrap">
+		  <h3 class="card-title">相关指标&nbsp;</h3>
+		  <h4 class="card-subtitle">{{ result.shorttitle }}&nbsp;</h4>
+		  <div class="card-details">
+			{{ result.card_content }}
+		  </div>
+		</div>
+	  </div>
+	  <div class="back">
+		<div class="card-wrap">
+		  <div class="content-wrap">
+			{% for indicator in result.indicators.all %}
+			  <div>{{ indicator.name }}</div>
+			{% endfor %}
+		  </div>
+		</div>
+	  </div>
+	</div>
+  </div>
+  <div class="column-main right card-brief">
+	<p>{{ result.abstract }}</p>
+  </div>
+</div>
+<br />
+{{ result.content }}
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_results.html b/97suifangqa/templates/sciblog/blog_detail_results.html
new file mode 100644
index 0000000..1427a01
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_results.html
@@ -0,0 +1,45 @@
+{% extends "sciblog/blog_detail.html" %}
+{% block bodyclasses %}{{ block.super }} blog-results{% endblock %}
+{% block sectionname %}
+病友治疗结果
+{% endblock %}
+
+{% block navigation %}
+{% endblock %}
+
+{% load group_list %}
+{% block block_pieces %}
+{% for chunk in blog.results.all|chunks:3 %}
+<div class="cards three-columns">
+  {% for result in chunk %}
+  <div class="column-{% cycle 'first' 'second' 'third' %}">
+	<div class="card {{ result.color }}" href="{% url blog_result result.id %}">
+	  <div class="front">
+		<div class="card-wrap">
+		  <h3 class="card-title">相关指标&nbsp;</h3>
+		  <h4 class="card-subtitle">{{ result.shorttitle }}&nbsp;</h4>
+		  <div class="card-details">
+			{{ result.card_content }}
+		  </div>
+		</div>
+	  </div>
+	  <div class="back">
+		<div class="card-wrap">
+		  <div class="content-wrap">
+			{% for indicator in result.indicators.all %}
+			  <div>{{ indicator.name }}</div>
+			{% endfor %}
+		  </div>
+		</div>
+	  </div>
+	  <div class="abstract">
+	  	{{ result.abstract }}
+	  </div>
+	</div>
+  </div>
+
+{% endfor %}
+</div>
+<br />
+{% endfor %}
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_source.html b/97suifangqa/templates/sciblog/blog_detail_source.html
new file mode 100644
index 0000000..83be5f1
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_source.html
@@ -0,0 +1,30 @@
+{% extends "sciblog/blog_detail.html" %}
+
+{% block sectionname %}
+文章来源
+{% endblock %}
+
+{% block navigation %}
+{% endblock %}
+
+{% block block_pieces %}
+<h4>原文献标题</h4> 
+<!--下文所有p就是正文标准样式-->	
+<p>{{ blog.entitle }}</p>
+<p>{{ blog.title }}</p>
+<h4>发表国际期刊</h4> 
+<p>{{ blog.journal }}</p>
+<h4>期刊出版日期</h4>
+<p>{{ blog.publish_date}}<p>
+<h4>期刊影响因子</h4>
+<p>{{ blog.ifvalue }}</p>
+<!--h4>本文难度系数</h4>
+<p>{{ blog.level }}</p-->
+<h4>研究学者</h4>
+<p>{{ blog.authors }}</p>
+<h4>学者机构</h4>
+<p>{% for h in blog.hospital.all %}
+{{ h.name }}({{ h.city.nation.name }})
+{% endfor %}
+等等</p>
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_detail_test.html b/97suifangqa/templates/sciblog/blog_detail_test.html
new file mode 100644
index 0000000..b6823a9
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_detail_test.html
@@ -0,0 +1,356 @@
+{% extends "base.html" %}
+{% load staticfiles %}
+{% block bodyclasses %}{{ block.super }} two-sidebars blog blog-details{% endblock %}
+{% block othercss %}
+<link rel="stylesheet" href="{% static "stylesheets/base.css" %}">
+<link rel="stylesheet" href="{% static "stylesheets/sass/blog.css" %}">
+{% endblock %}
+{% block oldcss %}{% endblock %}
+{% block sidebar_first %}
+<aside id="sidebar-first" class="region-sidebar-first">
+	<div class="post-question">
+		<form method="post" class="search" action="/query">
+			{% csrf_token %}
+			<input type="text" name="q" placeholder="乙肝甲肝各种肝炎" class="question">
+			<input type="submit" value="提问" class="submit">
+		</form>
+	</div>	
+	<div class="related-questions">
+		<h3>关联问题</h3>
+		<div><a href="" title="查询与此问题相关的文章">什么是乙肝</a></div>
+		<div><a href="" title="查询与此问题相关的文章">什么是乙肝</a></div>
+		<div><a href="" title="查询与此问题相关的文章">什么是乙肝</a></div>
+		<div><a href="" title="查询与此问题相关的文章">什么是乙肝</a></div>
+		<div><a href="" title="查询与此问题相关的文章">什么是乙肝</a></div>
+	</div>
+	<div class="toc">
+		<h3 class="toc-title">目&emsp;录</h3>
+		<ul class="links">
+			<li>
+			<a href="{% url blog_detail blog.id 'source'%}">文章来源</a>
+			</li>
+			<li>
+				<a href="{% url blog_detail blog.id 'abstract'%}">文章简读</a>
+			</li>
+			<li>
+				<a href="{% url blog_detail blog.id 'knowledge'%}">科普扫盲</a>
+			</li>
+			<li>
+				<a href="{% url blog_detail blog.id 'follow'%}">随访与用药</a>
+			</li>
+			<li>
+				<a href="{% url blog_detail blog.id 'comment'%}">学者科学评论</a>
+			</li>
+			<li>
+				<a href="{% url blog_detail blog.id 'refrences'%}">参考信息</a>
+			</li>
+		</ul>
+	</div>
+	<header id="header">
+		<div id="logo">
+			<img src="{% static "images/slilogo.png" %}" alt="">
+		</div>
+	</header>
+</aside>
+{% endblock %}
+{% block sidebar_second %}
+<aside id="sidebar-second" class="region-sidebar-second">
+	{% include "login-menu.inc.html" %}
+	<nav class="social">
+		<!-- Below are CSS-worthy structures. Styling incomplete, but you may start filling data -->
+		<ul class="buttons inline">
+			<li>
+				<button class="multi-segment-button action-button grey-button" id="like-button">
+					<div class="segment first like-button action">&emsp;&nbsp;收藏</div>
+					<div class="segment first unlike-button deaction">不收藏</div>
+					<div class="segment last like-count">58</div>
+				</button>
+			</li>
+			<li>
+				<button class="multi-segment-button action-button" id="no-idea-button">
+					<div class="segment first no-idea-button action">&emsp;&nbsp;不懂</div>
+					<div class="segment first idea-button deaction">看懂了</div>
+					<div class="segment last no-idea-count">37</div>
+				</button>
+			</li>
+		</ul>
+	</nav>
+	<div class="cards-abstract">
+		<div>
+			<p>
+				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, 
+			</p>
+			<p>
+				In porttitor. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend.
+			</p>
+			<p>
+				Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique. Proin nec augue. Quisque aliquam tempor magna. 
+			</p>
+		</div>
+	</div>
+	<div class="lists-container">
+		<nav class="comments expandable expanded" data-expand-group-selector="#sidebar-second .lists-container nav">
+			<h4 class="expand-heading">段落注释</h4>
+			<ol class="expand-container jargon-links">
+				<li>
+					<a href="#gu-bing-zhuan-an-mei">核苷类似物还有其他药物，比如恩替卡韦、替诺福韦，他们的耐药率是否也是很高？</a>
+				</li>
+				<li>
+					<a href="#gu-bing-zhuan-an-mei">核苷类似物还有其他药物，比如恩替卡韦、替诺福韦，他们的耐药率是否也是很高？</a>
+				</li>
+				<li>
+					<a href="#gu-bing-zhuan-an-mei">核苷类似物还有其他药物，比如恩替卡韦、替诺福韦，他们的耐药率是否也是很高？</a>
+				</li>
+			</ol>
+		</nav>
+		<nav class="jargon-list expandable" data-expand-group-selector="#sidebar-second .lists-container nav">
+			<h4 class="expand-heading">专业名词</h4>
+			<ul class="expand-container jargon-links">
+				<li>
+					<a href="#gu-bing-zhuan-an-mei">谷丙转氨酶</a>
+				</li>
+				<li>
+					<a href="#gu-bing-zhuan-an-mei">谷丙转氨酶</a>
+				</li>
+				<li>
+					<a href="#gu-bing-zhuan-an-mei">谷丙转氨酶</a>
+				</li>
+			</ul>
+		</nav>
+	</div>
+</aside>
+{% endblock %}
+{% block before_content %}
+<section id="blog-top-nav" class="blog-top-nav content">
+	<div class="region-wrap">
+	  <h1 class="blog-title">{{ blog.subhead }}</h1>
+	  <h2 class="section-name">{% block sectionname %}临床策略{% endblock %}</h2>
+		<!-- if firstSection -->
+		{% block navigation %}
+		<nav role="navigation" class="section-nav">
+			<ul class="links inline">
+				<li><a href="#methods" class="active">治疗手段</a></li>
+				<li><a href="#objectives">目标</a></li>
+				<li><a href="">结果简述</a></li>
+				<li><a href="">副作用</a></li>
+				<li><a href="">本文结论</a></li>
+			</ul>
+		</nav>
+		{% endblock %}
+		<!-- endif -->
+	</div>
+</section>
+{% endblock %}
+{% block body %}
+	<!-- if not cards -->
+	<div class="text jargons">
+	  {% block block_pieces %}
+		<a href="" id="methods"></a>
+		<h3>治疗手段</h3>
+		<h4>副标题</h4>
+		<p>
+			24周随访期结束以后，<a href="#gu-bing-zhuan-an-mei" class="jargon">谷丙转氨酶</a>（ALT）的复常率（恢复正常值以内的几率）或者<a href="#yi-gan-bing-du" class="jargon">乙肝病毒</a>（HBV） NA水平降低到20,000拷贝/mL的几率在接受含有<a href="#ju-yi-er-chun-gan-rao-su" class="jargon">聚乙二醇干扰素</a>alfa-2a（ 下文此类干扰素都简为“扰素”，如有说到普通干扰素会特别指出）的治疗组人群中会更高（比起那些仅用拉米夫定的患者）。
+		</p>
+		<h4>很多字很多字很多字很多字很多字很多字很多字很多字很多字很多字很多字很多字</h4>
+		<p>
+			在结束治疗24周后，病毒水平降到400<a href="#copies-per-second" class="jargon">拷贝/mL</a>是很多人追求的治疗终点，在含有干扰素的治疗组人群中大概有20%左右获得了这样病毒学<a href="#virulogical-response" class="jargon">应答</a>，仅用拉米夫定的患者这个数字只有7%。
+		</p>
+		<p>
+			在结束治疗24周后，病毒水平降到400<a href="#copies-per-second" class="jargon">拷贝/mL</a>是很多人追求的治疗终点，在含有干扰素的治疗组人群中大概有20%左右获得了这样病毒学<a href="#virulogical-response" class="jargon">应答</a>，仅用拉米夫定的患者这个数字只有7%。
+		</p>
+		<div class="highlight">
+			<p>
+				<a href="surface-antigen" class="jargon">表面抗原</a>（HBsAg）的清除，只有12个人发生（都在含有干扰素的治疗组人群中，占比3.4%），仅用<a href="#la-mi-fu-ding" class="jargon">拉米夫定</a>的治疗组中没有人获得HBsAg清除。
+			</p>
+		</div>
+
+
+		<h3><a href="" id="objectives"></a>治疗手段</h3>
+		<h4>副标题</h4>
+		<p>
+			24周随访期结束以后，<a href="#gu-bing-zhuan-an-mei" class="jargon">谷丙转氨酶</a>（ALT）的复常率（恢复正常值以内的几率）或者<a href="#yi-gan-bing-du" class="jargon">乙肝病毒</a>（HBV） NA水平降低到20,000拷贝/mL的几率在接受含有<a href="#ju-yi-er-chun-gan-rao-su" class="jargon">聚乙二醇干扰素</a>alfa-2a（ 下文此类干扰素都简为“扰素”，如有说到普通干扰素会特别指出）的治疗组人群中会更高（比起那些仅用拉米夫定的患者）。
+		</p>
+		<h4>很多字很多字很多字很多字很多字很多字很多字很多字很多字很多字很多字很多字</h4>
+		<p>
+			在结束治疗24周后，病毒水平降到400<a href="#copies-per-second" class="jargon">拷贝/mL</a>是很多人追求的治疗终点，在含有干扰素的治疗组人群中大概有20%左右获得了这样病毒学<a href="#virulogical-response" class="jargon">应答</a>，仅用拉米夫定的患者这个数字只有7%。
+		</p>
+		<div class="image-wrap">
+			<a href="{% static "images/blog-images-temp/fig2-2.png" %}" class="enlarge-image">
+				<img src="{% static "images/blog-images-temp/fig2-1.png" %}" alt="">
+			</a>
+		</div>
+		<p>
+			在结束治疗24周后，病毒水平降到400<a href="#copies-per-second" class="jargon">拷贝/mL</a>是很多人追求的治疗终点，在含有干扰素的治疗组人群中大概有20%左右获得了这样病毒学<a href="#virulogical-response" class="jargon">应答</a>，仅用拉米夫定的患者这个数字只有7%。
+		</p>
+		<div class="highlight">
+			<p>
+				<a href="surface-antigen" class="jargon">表面抗原</a>（HBsAg）的清除，只有12个人发生（都在含有干扰素的治疗组人群中，占比3.4%），仅用<a href="#la-mi-fu-ding" class="jargon">拉米夫定</a>的治疗组中没有人获得HBsAg清除。
+			</p>
+		</div>
+		<div class="jargon-explanations">
+			<div class="jargon-explanation" data-key="yi-gan-bing-du">
+				<h3 class="name">乙肝病毒</h3>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p class="references">
+					David E. Boundy (October 1991). "A taxonomy of programmers". 
+				</p>
+			</div>
+			<div class="jargon-explanation" data-key="virulogical-response">
+				<h3 class="name">应答</h3>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p class="references">
+					David E. Boundy (October 1991). "A taxonomy of programmers". 
+				</p>
+			</div>
+			<div class="jargon-explanation" data-key="gu-bing-zhuan-an-mei">
+				<h3 class="name">谷丙转氨酶</h3>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p>
+					在我们的研究中就接受含有乙二醇干扰素治疗的患者中，有40%的人乙肝病毒（HBV）DNA在治疗结束后24周时，下降到20,000拷贝/mL以下。
+				</p>
+				<p class="references">
+					David E. Boundy (October 1991). "A taxonomy of programmers". 
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="jargon-explanation-box">
+		<div class="text-pointer"></div>
+		<div class="close-box"></div>
+		<img src="{% static "images/loading.gif" %}" alt="" class="loading-image">
+		<div class="content-wrap">
+		</div>
+		<a class="button like-button grey-button"><img src="{% static "images/grey-heart.png" %}" alt=""> 收藏该条注释</a>
+	</div>
+	<!-- else -->
+	<!-- for ... -->
+	<div class="cards three-columns">
+		<div class="column-first">
+			<div class="card grey" href="">
+				<div class="front">
+					<div class="card-wrap">
+						<h3 class="card-title">ALT 谷丙转氨酶</h3>
+						<h4 class="card-subtitle">谁的组织学应答好？</h4>
+						<div class="card-details">
+							治疗结束随访24周以后<br>
+							ALT恢复正常<br>
+							ALT没有恢复正常
+						</div>
+					</div>
+				</div>
+				<div class="back">
+					<div class="card-wrap">
+						<div class="content-wrap">
+							<div>ALT 谷丙转氨酶</div>
+							<div>HBeAg e抗原</div>
+							<div>...</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="column-second">
+			<div class="card green">
+				<div class="front">
+					<div class="card-wrap">
+						<h3 class="card-title">ALT 谷丙转氨酶</h3>
+						<h4 class="card-subtitle">谁的组织学应答好？</h4>
+						<div class="card-details">
+							治疗结束随访24周以后<br>
+							ALT恢复正常<br>
+							ALT没有恢复正常
+						</div>
+					</div>
+				</div>
+				<div class="back">
+					<div class="card-wrap">
+						<div class="content-wrap">
+							<div>ALT 谷丙转氨酶</div>
+							<div>HBeAg e抗原</div>
+							<div>...</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div class="column-third">
+			<div class="card blue">
+				<div class="front">
+					<div class="card-wrap">
+						<h4 class="card-title">ALT 谷丙转氨酶</h4>
+						<h5 class="card-subtitle">谁的组织学应答好？</h5>
+						<div class="card-details">
+							治疗结束随访24周以后<br>
+							ALT恢复正常<br>
+							ALT没有恢复正常
+						</div>
+					</div>
+				</div>
+				<div class="back">
+					<div class="card-wrap">
+						<div class="content-wrap">
+							<div>ALT 谷丙转氨酶</div>
+							<div>HBeAg e抗原</div>
+							<div>...</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	  {% endblock %}
+		<div id="back-to-top-button" title="返回顶部" class="hidden"></div>
+	</div>
+	<div id="related-questions-confirm" class="dialog-content">
+		<p>我们将要帮您重新搜索医学文章，会离开本文页面，您确定吗？</p>
+		<div class="controls">
+			<button class="dialog-ok">确认</button>
+			&nbsp;
+			<button class="dialog-cancel grey-button">取消</button>
+		</div>
+	</div>
+	<!-- endfor -->
+	<!-- endif -->
+{% endblock %}
+{% block scripts %}
+{{ block.super }}
+<script type="text/javascript">
+	$(function(){
+		var activeUrl = null;
+		$("#related-questions-confirm .dialog-ok").click(function() {
+			location.href = activeUrl;
+		})
+		$("#related-questions-confirm .dialog-cancel").click(function() {
+			$.modalHide();
+		})
+		$("#sidebar-first .related-questions a").click(function(e) {
+			e.preventDefault();
+			e.stopPropagation();
+			activeUrl = $(this).attr('href');
+
+			$("#related-questions-confirm").modalShow();
+		})
+	})
+</script>
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_list.html b/97suifangqa/templates/sciblog/blog_list.html
new file mode 100644
index 0000000..7e8b7b2
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_list.html
@@ -0,0 +1,113 @@
+{% extends "picture-base.html" %}
+{% block bodyclasses %}{{ block.super }} blog blog-list{% endblock %}
+{% load staticfiles %}
+{% block othercss %}
+<link rel="stylesheet" href="{% static "stylesheets/sass/blog.css" %}">
+{% endblock %}
+{% block sidebar_first_content %}
+	{% include "sciblog/nav-ribbon.html" %}
+	<div class="region-wrap">
+		<div class="post-question">
+		  {% include "sciblog/blog_search_form.html" %}
+		</div>
+	</div>
+	<div class="hover-overlay">
+		<div class="region-wrap">
+			<div class="user-info">
+				<h3>用户姓名</h3>
+			</div>
+			<div class="search-history">
+				<h3>搜索历史</h3>
+				<ul>
+				  {% for search in search_history %}
+				  <li><a href="{% url query_blogs %}?q={{ search }}">{{ search }}</a></li>
+				  {% endfor%}
+				</ul>
+			</div>
+			<div class="related-questions">
+				<h3>相关问题</h3>
+				<ul>
+				{% for query in questions%}
+				<li>
+				  <a href="{% url query_blogs %}?q={{ query.content }}" title="查询与此问题相关的文章">{{ query.content }}</a>
+				</li>
+				{% endfor %}
+				</ul>
+			</div>
+		</div>
+	</div>
+{% endblock %}
+{% block body %}
+	<section id="blog-list-top-nav">
+		{% include "login-menu.inc.html" %}
+		<nav class="search-type-nav">
+			<ul class="links inline">
+			  <li class="first-level"><a href="" class="{% if tab == 'list' %}active{% endif %}">搜索结果</a></li>
+				<!--li class="first-level"><a href="">术语</a></li-->
+				<li class="first-level"><a href="{% url blog_collection %}" class="{% if tab == 'collection' %}active{% endif %}">我的收藏</a></li>
+			</ul>
+		</nav>
+	</section>
+	<section id="blog-list-content">
+	<h2 class="section-name">专业术语</h2>
+	  {% for noun in ppnouns %}
+	  <ul class="articles">
+	  <li class="article">
+			<div class="article-title"><!--a href=""-->{{noun.firstkeyword }}<!--/a--></div>
+			<div class="excerpt">
+			{{ noun.firstparagraph }}
+			</div>
+		</li>
+	  {% endfor %}
+	  </ul>
+	  <h2 class="section-name">医学文章</h2>
+		{% if has_blogs %}
+		<div class="articles">
+			{% for blog in blogs %}
+			<div class="article">
+				<div class="article-title"><a href="{% url blog_detail blog.id %}">{{ blog.subhead }}</a></div>
+				<ul class="article-subtitles inline">
+					<!--li> 
+						<span>难度：</span>
+						{% load tools %}
+						<ul class="difficulty inline rating-blocks">
+						{% for num in 5|get_range %}
+							{% if num < blog.level %}
+							<li class="filled"></li>
+							{% else %}
+							<li class="empty"></li>
+							{% endif %}
+						{% endfor %}
+						</ul>
+					</li>
+					<li> 
+						<span>权威：</span>
+						<ul class="difficulty inline rating-blocks">
+						{% for num in 5|get_range %}
+							{% if num < blog.quality_value %}
+							<li class="filled"></li>
+							{% else %}
+							<li class="empty"></li>
+							{% endif %}
+						{% endfor %}
+						</ul>
+					</li-->
+					<li> <span>杂志：</span><span>{{ blog.journal }}</span></li>
+					<li> <span>作者：</span><span>{{ blog.communication_author }}</span></li>
+				</ul>
+				<br />
+				<div class="excerpt">
+				{{ blog.conclusion|safe }}
+				</div>
+			</div>
+			{% endfor %}
+		</div>
+		{% else %}
+		<div class="not-found">
+			<img src="{% static "images/blog-not-found.png" %}" alt="">
+			<div class="message">没有搜索到{% if tab == 'list'%}文章{% else %}收藏{% endif %}</div>
+		</div>
+		{% endif %}
+	</section>
+
+{% endblock %}
diff --git a/97suifangqa/templates/sciblog/blog_search_form.html b/97suifangqa/templates/sciblog/blog_search_form.html
new file mode 100644
index 0000000..e2869e9
--- /dev/null
+++ b/97suifangqa/templates/sciblog/blog_search_form.html
@@ -0,0 +1,5 @@
+<form method="get" class="searchdiv" action="{% url query_blogs %}">
+	<input type="text" name="q" placeholder="在这里搜索关键词" class="question" value="{{ q }}">
+	<input type="submit" value="搜 索" class="submit">
+</form>
+
diff --git a/97suifangqa/templates/sciblog/index.html b/97suifangqa/templates/sciblog/index.html
new file mode 100644
index 0000000..86769c2
--- /dev/null
+++ b/97suifangqa/templates/sciblog/index.html
@@ -0,0 +1,23 @@
+{% extends "base.html" %}

+{% load staticfiles %}

+{% block bodyclasses %}{{ block.super }} blog blog-index{% endblock %}

+{% block othercss %}

+<link rel="stylesheet" href="{% static "stylesheets/sass/blog.css" %}">

+{% endblock %}

+{% block body %}

+	<div class="background"></div>

+	{% include "login-menu.inc.html" %}

+	<div class="post-question">

+	  {% include "sciblog/blog_search_form.html" %}

+	</div>	

+

+	<header id="header">

+		<div id="logo">

+			<img src="{% static "images/logo-overlay-white.png" %}" alt="">

+		</div>

+	</header>

+

+{% endblock %}

+{% block after_content %}

+<div id="copyright">&copy; Augbase</div>

+{% endblock %}
\ No newline at end of file
diff --git a/97suifangqa/templates/sciblog/nav-ribbon.html b/97suifangqa/templates/sciblog/nav-ribbon.html
new file mode 100644
index 0000000..16b2bc1
--- /dev/null
+++ b/97suifangqa/templates/sciblog/nav-ribbon.html
@@ -0,0 +1,15 @@
+<nav id="nav-ribbon" role="navigation">

+	<div class="controls-wrap">

+		<div class="head-background"></div>

+		<div class="links-wrap">

+			<ul class="links inline">

+				<li class="first"><a href="/blog/index">首页</a></li>

+				<li><a href="{% url list_blogs %}">知识库</a></li>

+				<!--li><a href="">随访工具</a></li-->

+				<!--li class="last"><a href="">我的花费</a></li-->

+			</ul>

+		</div>

+		<div class="tail">导航</div>

+		<div class="tail-cut"></div>

+	</div>

+</nav>
\ No newline at end of file