Add missing info to blog posts

2 files changed, 51 insertions, 2 deletions

diff --git a/doc-tool/resources/_layouts/blog.html b/doc-tool/resources/_layouts/blog.html
index 2125440e9..d7a08414a 100644
--- a/doc-tool/resources/_layouts/blog.html
+++ b/doc-tool/resources/_layouts/blog.html
@@ -1,4 +1,28 @@
 ---
-layout: doc-page
+layout: doc
 ---
-{{ content }}
+
+<div id="post-title">
+    <h3 id="post-date">
+        {{ page.date | date: '%B %d, %Y' }}
+    </h3>
+    <h1 id="main-title">{{ page.title }}</h1>
+    {% if page.subTitle %}
+    <h2 id="sub-title">{{ page.subTitle }}</h2>
+    {% endif %}
+</div>
+
+<div id="blog-post-container">
+    {{ content }}
+</div>
+
+{% if page.author %}
+<div id="post-footer">
+    {% if page.authorImg %}
+    <img id="author-image" src="{{ site.baseurl }}/{{ page.authorImg }}">
+    {% endif %}
+    <span id="post-author">
+        {% if page.authorImg == null %}- {% endif %}{{ page.author }}
+    </span>
+</div>
+{% endif %}
diff --git a/doc-tool/resources/css/dottydoc.css b/doc-tool/resources/css/dottydoc.css
index 754d3b3f7..71f3d88c7 100644
--- a/doc-tool/resources/css/dottydoc.css
+++ b/doc-tool/resources/css/dottydoc.css
@@ -123,11 +123,25 @@ ul.toc > li > a:hover {
     background-color: rgba(0, 0, 0, 0.2);
 }
 
+div#post-title,
+div#post-footer,
 h1#doc-page-title {
     margin-left: 20px;
     margin-top: 10px;
 }
 
+div#post-title > h2#sub-title {
+    font-weight: 100;
+    font-size: 24px;
+}
+
+div#post-title > h3#post-date {
+    font-weight: 100;
+    font-size: 20px;
+    margin-bottom: 2px;
+}
+
+div#blog-post-container,
 div#doc-page-container {
     background-color: #fff;
     padding: 10px;
@@ -140,6 +154,17 @@ div#doc-page-container > p + h1 {
     margin-bottom: 40px;
 }
 
+div#post-footer > img#author-image {
+    width: 100px;
+    height: auto;
+    border-radius: 50%;
+}
+
+div#post-footer > span#post-author {
+    margin-left: 10px;
+    font-weight: 100;
+}
+
 pre {
     padding: 0;
     font-size: 13px;