add template for blogs

3 files changed, 86 insertions, 0 deletions

diff --git a/wqflask/wqflask/templates/base.html b/wqflask/wqflask/templates/base.html
index e6f22deb..ddb1d272 100644
--- a/wqflask/wqflask/templates/base.html
+++ b/wqflask/wqflask/templates/base.html
@@ -69,6 +69,7 @@
                             <ul class="dropdown-menu">
                               <li><a href="{{ url_for('references_blueprint.references') }}">References</a></li>
                               <li><a href="/tutorials">Tutorials/Primers</a></li>
+                              <li><a href="{{ url_for('blogs_blueprint.blogs_list') }}">Blogs</a></li>
                               <li><a href="{{ url_for('glossary_blueprint.glossary') }}">Glossary of Term</a></li>
                               <li><a href="http://gn1.genenetwork.org/faq.html">FAQ</a></li>
                               <li><a href="{{ url_for('policies_blueprint.policies') }}">Policies</a></li>
diff --git a/wqflask/wqflask/templates/blogs.html b/wqflask/wqflask/templates/blogs.html
new file mode 100644
index 00000000..c3d42e13
--- /dev/null
+++ b/wqflask/wqflask/templates/blogs.html
@@ -0,0 +1,24 @@
+{% extends "base.html" %}
+
+{% block title %}Blogs {% endblock %}
+
+{% block css %}
+<link rel="stylesheet" type="text/css" href="/static/new/css/markdown.css" />
+{% endblock %}
+
+{% block content %}
+
+ <div class="github-btn-container">
+<!--     <div class="github-btn">
+        <a href="https://github.com/genenetwork/gn-docs/blob/master/general/help/facilities.md">
+            Edit Text
+            <img src="/static/images/edit.png">
+        </a>
+    </div> -->
+</div>
+<div id="markdown" class="container">
+   {{ rendered_markdown|safe }}
+
+</div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/wqflask/wqflask/templates/blogs_list.html b/wqflask/wqflask/templates/blogs_list.html
new file mode 100644
index 00000000..93cb3d89
--- /dev/null
+++ b/wqflask/wqflask/templates/blogs_list.html
@@ -0,0 +1,61 @@
+{% extends "base.html" %}
+
+{% block title %}Blogs {% endblock %}
+
+{% block css %}
+
+<style type="text/css">
+
+	.container {
+		height: 100vh;
+	}
+	.blog_year {
+		font-weight: bold;
+		opacity: 0.8;
+		/*letter-spacing: 0.2em;*/
+		font-size: 48px;
+		padding:12px 10px;
+		color:#0F75CD;
+	}
+
+	.blog_title {
+		padding: 10px 15px;
+
+	}
+
+
+
+	.blog_title a{
+		text-decoration: none;
+		font-size:16px;
+		color:#333;
+		/*margin: 10px 15px;*/
+		padding-left: 30px;
+		opacity: 0.8;
+
+		/*font-weight: bold;*/
+	}
+</style>
+
+<link rel="stylesheet" type="text/css" href="/static/new/css/markdown.css" />
+{% endblock %}
+
+{% block content %}
+
+<div id="markdown" class="container">
+   <div>
+   	{% for year, year_blogs in blogs.items() %}
+     <div class="blog_year"><h3>{{year}}</h3></div>
+     {%for blog in year_blogs%}
+        <!-- <a href="#" class="blog_subtitle">{{blog['subtitle']}}</a> -->
+        <div class="blog_title"><a href="{{ url_for('blogs_blueprint.display_blog',blog_title = blog.subtitle)}}">{{blog['subtitle']}}</a>
+        </div>
+     {% endfor %}
+
+   	{%endfor%}
+   </div>
+   	
+
+</div>
+
+{% endblock %}
\ No newline at end of file