diff --git a/assets/css/post_page.css b/assets/css/post_page.css
index f96433a..b1653a2 100644
--- a/assets/css/post_page.css
+++ b/assets/css/post_page.css
@@ -1,17 +1,17 @@
-
-
-.upper_taglist{
+.upper_taglist {
   margin-left: auto;
   margin-right: auto;
   max-width: 90%;
 
 }
+
 .less {
-    overflow: hidden;
-    height:1.8em;
+  overflow: hidden;
+  height: 1.8em;
 
 }
-.taglist{
+
+.taglist {
 
   margin: 0 auto;
   padding: 0.5vw 0 6vw 0;
@@ -20,20 +20,20 @@
   flex-wrap: wrap;
 
 }
-.more-tags-button {
-    display:none;
-    padding: 9px 16px;
-    border-style: solid;
-    border-color: #3eb0ef;
-    border-width: 1px;
-    font-size: 1.2rem;
-    line-height: 1;
-    color:#ffff;
-    font-weight: 500;
-    border-radius: 20px;
-    transition: all ease 0.2s;
-    background-color: #3eb0ef
 
+.more-tags-button {
+  display: none;
+  padding: 9px 16px;
+  border-style: solid;
+  border-color: #3eb0ef;
+  border-width: 1px;
+  font-size: 1.2rem;
+  line-height: 1;
+  color: #ffff;
+  font-weight: 500;
+  border-radius: 20px;
+  transition: all ease 0.2s;
+  background-color: #3eb0ef
 }
 
 .more-tags-button:hover {
@@ -43,18 +43,18 @@
   background-color: #ffff;
 }
 
-.tag_item{
-margin: 3px;
-padding: 5px 10px;
-font-size: 12px;
-cursor: pointer;
-display: inline-block;
-border-style: solid;
-border-color: gray;
-border-width: 1px;
-border-radius: 20px;
-transition: all ease 0.2s;
-color: black;
+.tag_item {
+  margin: 3px;
+  padding: 5px 10px;
+  font-size: 12px;
+  cursor: pointer;
+  display: inline-block;
+  border-style: solid;
+  border-color: gray;
+  border-width: 1px;
+  border-radius: 20px;
+  transition: all ease 0.2s;
+  color: black;
 
 }
 
@@ -64,22 +64,24 @@ color: black;
   text-decoration: none;
 }
 
-.taglabel{
+.taglabel {
   margin: 0 auto;
   padding: 0.5vw 0 0 0;
   max-width: 840px;
 }
-.questionlist{
-display: flex;
-flex-wrap: wrap;
-justify-content: center;
-margin-bottom: 20px;
+
+.questionlist {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin-bottom: 20px;
 }
 
 
 
 
-.correct_option , .wrong_option {
+.correct_option,
+.wrong_option {
   display: none;
   line-height: 50px;
   margin: 10px;
@@ -94,53 +96,61 @@ margin-bottom: 20px;
   font-size: 16px;
 }
 
-.correct_option:hover , .wrong_option:hover{
+.correct_option:hover,
+.wrong_option:hover {
   transform: scale(1.05);
 }
 
 
-.correct_answer{
-    border-color: lightgreen;
-    color:MediumSeaGreen;
+.correct_answer {
+  border-color: lightgreen;
+  color: MediumSeaGreen;
 }
-.wrong_answer{
+
+.wrong_answer {
   border-color: coral;
   color: coral;
 }
-.Answer_explanation{
+
+.Answer_explanation {
 
   padding: 10px;
   display: none;
   border: 3px solid MediumSeaGreen;
   border-radius: 5px;
 }
+
 @media (max-width: 480px) {
-  .Answer_explanation{
-    margin:12px;
+  .Answer_explanation {
+    margin: 12px;
   }
-  .correct_option , .wrong_option{
 
-    width:100%;
+  .correct_option,
+  .wrong_option {
+
+    width: 100%;
   }
 }
+
 .fadeMe {
-  animation:fadeIn 0.2s linear;
+  animation: fadeIn 0.2s linear;
 }
 
 @keyframes fadeIn {
   0% {
-    opacity:0
+    opacity: 0
   }
+
   100% {
-    opacity:1;
+    opacity: 1;
   }
 }
 
 .fadeMe.none {
-  display:none
+  display: none
 }
 
-.question_message{
+.question_message {
   color: MediumSeaGreen;
   text-align: center;
   margin-top: 30px;
@@ -149,124 +159,201 @@ margin-bottom: 20px;
 }
 
 
+/* CSS code for the sidebar menu */
+#Sidebar_Button {
+  align-content: center;
+  background-color: #351ded;
+  color: white;
+  padding: 10px 20px;
+  border-radius: 50%;
+  height: 84px;
+  padding-top: 8px;
+  outline: none;
+}
+
+
+#Sidebar_Button_div {
+  position: fixed;
+  top: 80px;
+  z-index: 9999;
+  right: -5px;
+  margin-bottom: 30px;
+  margin-right: 20px;
+}
+
+.sidebar {
+  display: none;
+  position: fixed;
+  border-radius: 5px;
+  z-index: 999;
+  padding: 0px;
+  padding-top: -5px;
+  background-color: white;
+  top: 150px;
+  right: 20px;
+  width: 200px;
+  height: 280px;
+  font-size: 18px;
+  color: black;
+  text-align: center;
+  border: thin solid black;
+}
+
+.sidebar-title-item,
+.sidebar-item {
+  width: 100%;
+  display: block;
+  text-align: left;
+  border: none;
+  white-space: normal;
+  float: none;
+  outline: 0;
+  padding-left: 10px;
+}
+
+.sidebar-title-item {
+  text-align: left;
+  padding-bottom: 8px;
+  padding-left: 4px;
+}
+
+.sidebar-item:link {
+  color: lightblue;
+}
+
+.sidebar-item:visited {
+  color: purple;
+}
+
+/* End of sidebar CSS */
+
 /* CSS code the the Discourse popup message */
 .Discourse_button {
   align-content: center;
-  background-color : #351ded;
+  background-color: #351ded;
   color: white;
   padding: 10px 20px;
   border-radius: 50%;
   height: 84px;
   padding-top: 8px;
   transform: scale(0.7);
-  outline:none;
+  outline: none;
 }
-.Discourse_button:hover{
-transform: scale(0.8);
+
+.Discourse_button:hover {
+  transform: scale(0.8);
 }
+
 #Forum_Button {
   position: fixed;
   bottom: -20px;
-    z-index: 9999;
+  z-index: 9999;
   right: -5px;
   margin-bottom: 30px;
   margin-right: 20px;
 }
-.Discourse_close{
+
+.Discourse_close {
   position: absolute;
   top: -17px;
   right: 17px;
   transform: scale(1.4);
 }
-.Discourse_close:hover{
+
+.Discourse_close:hover {
   transform: scale(2);
 }
 
 
-.Discourse_Forum{
- display: none;
- position: fixed;
+.Discourse_Forum {
+  display: none;
+  position: fixed;
   border-radius: 5px;
   z-index: 999;
- padding: 0px;
- padding-top: -5px;
-  background-color:#351ded;
+  padding: 0px;
+  padding-top: -5px;
+  background-color: #351ded;
   bottom: 95px;
   right: 20px;
   width: 350px;
   height: 280px;
- font-size: 18px;
- color: white;
- text-align: center;
+  font-size: 18px;
+  color: white;
+  text-align: center;
 }
 
-.Discourse_Popup_Container{
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin-right: -50%;
-    transform: translate(-50%, -50%)
+.Discourse_Popup_Container {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-right: -50%;
+  transform: translate(-50%, -50%)
 }
 
-.Discourse_Popup_Content{
+.Discourse_Popup_Content {
   text-align: center;
 }
 
 @media (max-width: 480px) {
-.Discourse_button {
-  transform: scale(0.6);
-}
-#Forum_Button {
-bottom: -30px;
-right: -20px;
+  .Discourse_button {
+    transform: scale(0.6);
+  }
 
-}
+  #Forum_Button {
+    bottom: -30px;
+    right: -20px;
 
- .Discourse_Forum{
-   width: 100%;
-   height: 100%;
-   top:0px;
-   left: 0px;
-   z-index: 9999;
-   border-radius: 0px;
-   background-color: rgba(0,0,0,0.9);
- }
- .Discourse_Popup_Container{
-  padding: 25px;
-  width: 95%;
-   background-color:#351ded;
- }
- .Discourse_close{
-   transform: scale(2);
-   margin-top: 30px;
- }
- .Discourse_close:hover{
-   transform: scale(3);
- }
+  }
+
+  .Discourse_Forum {
+    width: 100%;
+    height: 100%;
+    top: 0px;
+    left: 0px;
+    z-index: 9999;
+    border-radius: 0px;
+    background-color: rgba(0, 0, 0, 0.9);
+  }
+
+  .Discourse_Popup_Container {
+    padding: 25px;
+    width: 95%;
+    background-color: #351ded;
+  }
+
+  .Discourse_close {
+    transform: scale(2);
+    margin-top: 30px;
+  }
+
+  .Discourse_close:hover {
+    transform: scale(3);
+  }
 }
 
-.discourse_link{
+.discourse_link {
 
-border: 2px solid white;
-border-radius: 20px;
-color: #fff;
-padding: 0px 10px 5px 10px;
-transition: 0.3s;
+  border: 2px solid white;
+  border-radius: 20px;
+  color: #fff;
+  padding: 0px 10px 5px 10px;
+  transition: 0.3s;
 
 }
-.discourse_link:hover{
-background: rgba(0,0,0,0.3)
+
+.discourse_link:hover {
+  background: rgba(0, 0, 0, 0.3)
 }
 
-.community_icon{
+.community_icon {
   width: 128px;
-  margin-bottom:  15px;
+  margin-bottom: 15px;
   margin-top: -5px;
 }
 
 /*CSS code for the table of contents*/
-.table_of_contents{
-  color:#3eb0ef;
+.table_of_contents {
+  color: #3eb0ef;
   margin-bottom: 20px;
   margin-top: 20px;
   margin-left: 0px;
@@ -282,35 +369,38 @@ background: rgba(0,0,0,0.3)
 .in_page_link {
   color: black;
   text-align: left;
-  width:30%;
+  width: 30%;
   padding: 5px;
   display: inline-block;
   margin: 5px;
   border-right: 1px solid lightgrey;
-  border-top :1px solid lightgrey;
-  border-bottom:1px solid lightgrey;
-  border-left: 3px solid 	#3eb0ef;
+  border-top: 1px solid lightgrey;
+  border-bottom: 1px solid lightgrey;
+  border-left: 3px solid #3eb0ef;
   transition: all ease 0.5s;
 }
 
 
 
-.in_page_link:hover{
+.in_page_link:hover {
   font-size: 17px;
   color: #3eb0ef;
 
 }
+
 @media (max-width: 500px) {
-  .table_of_contents{
+  .table_of_contents {
     width: 100%;
 
   }
-  .in_page_link{
+
+  .in_page_link {
     width: 45%;
   }
 }
+
 /*Authors*/
-.Authors_list{
+.Authors_list {
   margin: 0 auto;
   margin-top: 0px;
   padding: 0px;
@@ -318,19 +408,20 @@ background: rgba(0,0,0,0.3)
   display: flex;
   flex-wrap: wrap;
 }
-.Authors_tag_item{
-margin: 5px;
-padding: 5px 10px;
-font-size: 17px;
-cursor: pointer;
-display: inline-block;
-border-style: solid;
-border-color: gray;
-border-width: 1px;
-border-radius: 50px;
-transition: all ease 0.2s;
-font-weight: bold;
-color: black;
+
+.Authors_tag_item {
+  margin: 5px;
+  padding: 5px 10px;
+  font-size: 17px;
+  cursor: pointer;
+  display: inline-block;
+  border-style: solid;
+  border-color: gray;
+  border-width: 1px;
+  border-radius: 50px;
+  transition: all ease 0.2s;
+  font-weight: bold;
+  color: black;
 }
 
 
@@ -339,19 +430,20 @@ color: black;
   text-decoration: none;
   transform: scale(1.05);
 }
-.co-author-profile-image{
-  margin-right:5px;
-  width:45px;
-  height:45px;
-  border-radius:100%;
-  object-fit:cover
+
+.co-author-profile-image {
+  margin-right: 5px;
+  width: 45px;
+  height: 45px;
+  border-radius: 100%;
+  object-fit: cover
 }
-.social_media_header_links{
 
-  margin:10px;
-  width:50px;
-  height:50px;
-  border-radius:100%;
+.social_media_header_links {
+  margin: 10px;
+  width: 50px;
+  height: 50px;
+  border-radius: 100%;
   color: white;
   display: flex;
   justify-content: center;
@@ -359,7 +451,7 @@ color: black;
   transition: all ease 0.2s;
 }
 
-.header_social_tab{
+.header_social_tab {
   padding: 10px;
   margin: 0 auto;
 
@@ -370,35 +462,39 @@ color: black;
 }
 
 @media (max-width: 480px) {
-  .social_media_header_links{
-    margin:5px;
-    width:40px;
-    height:40px;
+  .social_media_header_links {
+    margin: 5px;
+    width: 40px;
+    height: 40px;
 
   }
 
 }
+
 .post_card_title {
-    margin-top: 0;
-    transition: all ease 0.3s;
+  margin-top: 0;
+  transition: all ease 0.3s;
 }
-.post_card_title:hover,.post_card_excerpt:hover{
+
+.post_card_title:hover,
+.post_card_excerpt:hover {
   color: #3eb0ef;
 }
 
 .post_card_excerpt {
-    font-family: Georgia, serif;
-    transition: all ease 0.3s;
+  font-family: Georgia, serif;
+  transition: all ease 0.3s;
 }
 
-.post_full_title{
+.post_full_title {
   font-size: 4rem;
   color: black;
   margin: 10px;
 }
+
 @media (max-width: 480px) {
 
-  .post_full_title{
+  .post_full_title {
     font-size: 2.9rem;
   }
-}
+}
\ No newline at end of file
diff --git a/assets/js/chatbox.js b/assets/js/chatbox.js
index a365260..e317873 100644
--- a/assets/js/chatbox.js
+++ b/assets/js/chatbox.js
@@ -1,30 +1,27 @@
+// Discourse forum  popup and the live support feature goes here
+var discourse_msg_active = false;
 
+$(document).ready(function () {
 
+  $('#Discourse_button').click(function () {
 
-    // Discourse forum  popup and the live support feature goes here
-var discourse_msg_active=false;
+    if (discourse_msg_active == false) {
 
-         $(document).ready(function(){
+      $('#Discourse_Forum').slideDown(300);
+      discourse_msg_active = true;
 
-             $('#Discourse_button').click(function(){
+    } else {
+      $('#Discourse_Forum').slideUp(300);
 
-               if(discourse_msg_active==false){
+      discourse_msg_active = false;
 
-                $('#Discourse_Forum').slideDown(300);
-                 discourse_msg_active=true;
+    }
 
-               }else{
-                    $('#Discourse_Forum').slideUp(300);
+  });
+  // Controls for the close button for this popup
+  $('#Discourse_close').click(function () {
+    $('#Discourse_Forum').slideUp(300);
+    discourse_msg_active = false;
 
-                 discourse_msg_active=false;
-
-               }
-
-            });
-            // Controls for the close button for this popup
-            $('#Discourse_close').click(function(){
-                $('#Discourse_Forum').slideUp(300);
-                discourse_msg_active=false;
-
-            });
-  })
+  });
+})
\ No newline at end of file
diff --git a/default.hbs b/default.hbs
index 255cbb5..59dc85a 100644
--- a/default.hbs
+++ b/default.hbs
@@ -100,14 +100,12 @@
 
   </div>
   <div class="site-wrapper">
-
-
-
     {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
     {{{body}}}
 
 
 
+
     {{!-- Chat button--}}
     <div id="Forum_Button">
       <button id="Discourse_button" class="Discourse_button">
diff --git a/package.json b/package.json
index 6ab3fb9..e147f91 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
     "demo": "https://demo.ghost.io",
     "version": "2.1.9",
     "engines": {
-        "ghost": ">=1.2.0"
+        "ghost": ">=2.0.0",
+        "ghost-api": "v2"
     },
     "license": "MIT",
     "screenshots": {
@@ -51,4 +52,4 @@
     "config": {
         "posts_per_page": 25
     }
-}
+}
\ No newline at end of file
diff --git a/post.hbs b/post.hbs
index 21e6f7b..352e30d 100644
--- a/post.hbs
+++ b/post.hbs
@@ -2,7 +2,9 @@
 
 {{!-- The tag above means: insert everything in this file
 into the {body} of the default.hbs template --}}
+{{!-- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> --}}
 
+</default>
 <header class="site-header outer">
   <div class="inner">
     {{> "site-nav"}}
@@ -38,12 +40,42 @@ into the {body} of the default.hbs template --}}
     };
   }
 </script>
+<script>
+  function openNav() {
+    document.getElementById("mySidenav").style.width = "250px";
+  }
+
+  function closeNav() {
+    document.getElementById("mySidenav").style.width = "0";
+  }
+</script>
 {{!-- Everything inside the #post tags pulls data from the post --}}
 {{#post}}
 
 <main id="site-main" class="site-main outer" role="main">
   <div class="inner">
 
+    <div id="Sidebar_Button_div">
+      <button id="Sidebar_button" class="Sidebar_button">
+        <img src="https://img.icons8.com/ios/50/000000/sidebar-menu.png">
+      </button>
+    </div>
+
+    <div class="sidebar">
+      <h3 class="sidebar-title-item">Related Topics</h3>
+      <ul>
+        {{#if primary_tag}}
+        {{#get "posts" filter="tags:{{primary_tag.name}}+id:-{{id}}" limit="4"}}
+        {{#foreach posts}}
+        <a href="{{url}}" class="sidebar-item">{{title}}</a>
+        {{/foreach}}
+        {{/get}}
+        {{else}}
+        None
+        {{/if}}
+      </ul>
+    </div>
+
     <article class="post-full {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
 
       <header class="post-full-header">
@@ -52,7 +84,9 @@ into the {body} of the default.hbs template --}}
           style="cursor:pointer; background:rgb(181, 222, 250); padding-top:20px; padding-bottom:20px;">
           <a id='global_message_link' target="_blank" style="font-color: #a0a1a1; "></a>
           {{#if tags}}
-          <p id="hidden" hidden>{{primary_tag.name}}</p>
+          <p id="hidden_tag_name" hidden>{{primary_tag.name}}</p>
+          <p id="hidden_id" hidden>{{id}}</p>
+
           <script>generateMSG(document.getElementById('hidden').innerText);</script>
           {{else}}
           <script>generateMSG('message');</script>
@@ -75,51 +109,15 @@ into the {body} of the default.hbs template --}}
               <div data-network="googleplus" class="st-custom-button fa fa-google-plus-square"></div>
             </a>
           </span></h4>
-
-
-        {{!--       <div class="header_social_tab">
-                <!-- Twitter-->
-              <a class="social_media_header_links" style="background: #00aced;" href="https://twitter.com/share?text=You will love this article on {{encode title}}&amp;url={{url absolute="true"}}"
-                  onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
-                  <i class="fa fa-twitter" style="transform:scale(1.3);"></i>
-              </a>
-                  <!-- Facebook-->
-              <a class="social_media_header_links" style="background: #3b5998;" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
-                  onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
-                  <i class="fa fa-facebook" style="transform:scale(1.3);"></i>
-              </a>
-                <!--linkedin-->
-                <a class="social_media_header_links" style="background: #0077b5;" href="https://www.linkedin.com/shareArticle?mini=true&url={{url absolute="true"}}&title={{encode title}}"
-                    onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
-                    <i class="fa fa-linkedin" style="transform:scale(1.4);"></i>
-                </a>
-                  <!-- googleplus-->
-                <a class="social_media_header_links " style="background: #dd4b39;" href="https://plus.google.com/share?url={{url absolute="true"}}"
-                    onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
-                    <i class="fa fa-google-plus header_social_icon " style="transform:scale(1.4);"></i>
-                </a>
-
-              </div> --}}
-
-
         {{!--  taglist : display the list of tags  --}}
         <div class="upper_taglist">
           <h4 id="text" class="less">
-
             <div id="taglist">
-
-
               {{#if tags}}
-
               {{#foreach tags}}
-
               <a target="_blank" href="{{url}}" title="{{name}}" class="tag_item">{{name}}</a>
-
               {{/foreach}}
-
               {{/if}}
-
-
             </div>
           </h4>
         </div>
@@ -128,125 +126,108 @@ into the {body} of the default.hbs template --}}
         <button id="more" class="more-tags-button">More</button>
         <button id="less" class="more-tags-button">Less</button>
 
-        {{!--  taglist --}}
-
       </header>
 
-      <!--tabshead-->
-      <!--
-            <div class="table_of_contents">
-            <a href="#test1" class="in_page_link">Iterate-Down-a-List</a>
-            <a href="#test2" class="in_page_link">Iterate-Down-a-List</a>
-            <a href="#test2" class="in_page_link">this link will promp the user to the second heading</a>
-            <a href="#test2" class="in_page_link">this link will promp the user to the second heading</a>
-            <a href="#test2" class="in_page_link">this link will promp the user to the second heading</a>
-            <a href="#test2" class="in_page_link">this link will promp the user to the second heading</a>
-            </div>
--->
       <button id="scrollBtn" class="fa fa-angle-up" title="Go to top"></button>
 
       <section class="post-full-content">
-
         {{content}}
       </section>
+    </article>
+
+    <!-- shuffle button -->
+    {{!-- Email subscribe form at the bottom of the page --}}
+    {{#if @labs.subscribers}}
+    <section class="subscribe-form">
+      <h3 class="subscribe-form-title">Subscribe to {{@blog.title}}</h3>
+      <p>Get the latest posts delivered right to your inbox</p>
+      {{subscribe_form placeholder="youremail@example.com"}}
+    </section>
+    {{/if}}
 
 
 
+    <footer>
+      {{!-- Everything inside the #author tags pulls data from the author --}}
+      <div class="post-full-footer">
+        {{#author}}
 
-      <!-- Discourse forum -->
-
-  </div>
-  <!-- shuffle button -->
-  {{!-- Email subscribe form at the bottom of the page --}}
-  {{#if @labs.subscribers}}
-  <section class="subscribe-form">
-    <h3 class="subscribe-form-title">Subscribe to {{@blog.title}}</h3>
-    <p>Get the latest posts delivered right to your inbox</p>
-    {{subscribe_form placeholder="youremail@example.com"}}
-  </section>
-  {{/if}}
-
-  <footer>
-    {{!-- Everything inside the #author tags pulls data from the author --}}
-    <div class="post-full-footer">
-      {{#author}}
-
-      <section class="author-card">
-        {{#if profile_image}}
-        <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
-        {{/if}}
-
-        <section class="author-card-content">
-          <h4 class="author-card-name"><a href="{{url}}">{{name}}</a></h4>
-          {{#if bio}}
-          <p>{{bio}}</p>
-          {{else}}
-          <p>Read <a href="{{url}}">more posts</a> by this author.</p>
+        <section class="author-card">
+          {{#if profile_image}}
+          <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
           {{/if}}
-        </section>
 
+          <section class="author-card-content">
+            <h4 class="author-card-name"><a href="{{url}}">{{name}}</a></h4>
+            {{#if bio}}
+            <p>{{bio}}</p>
+            {{else}}
+            <p>Read <a href="{{url}}">more posts</a> by this author.</p>
+            {{/if}}
+          </section>
 
 
-      </section>
 
-      <div class="post-full-footer-right">
-        <a class="author-card-button" href="{{url}}">Read More</a>
-      </div>
+        </section>
 
+        <div class="post-full-footer-right">
+          <a class="author-card-button" href="{{url}}">Read More</a>
+        </div>
 
 
-      {{/author}}
 
-    </div>
-    {{!-- Displaying secondary authors --}}
-    {{#if authors from="2"}}
-    <div class="Authors_list">
-      {{#foreach authors from="2"}}
+        {{/author}}
 
-      <a href="{{url}}" title="{{name}}" class="author author-{{id}} {{slug}}">
-        <div class="Authors_tag_item " href="{{url}}" title="{{name}}">
-          {{#if profile_image}}
-          <img class="co-author-profile-image" src="{{profile_image}}" alt="{{name}}" />
-          {{/if}}
-          {{name}}
-        </div>
-      </a>
+      </div>
+      {{!-- Displaying secondary authors --}}
+      {{#if authors from="2"}}
+      <div class="Authors_list">
+        {{#foreach authors from="2"}}
+
+        <a href="{{url}}" title="{{name}}" class="author author-{{id}} {{slug}}">
+          <div class="Authors_tag_item " href="{{url}}" title="{{name}}">
+            {{#if profile_image}}
+            <img class="co-author-profile-image" src="{{profile_image}}" alt="{{name}}" />
+            {{/if}}
+            {{name}}
+          </div>
+        </a>
 
-      {{/foreach}}
-    </div>
-    {{/if}}
+        {{/foreach}}
+      </div>
+      {{/if}}
 
 
-    {{!-- footer list of tags --}}
+      {{!-- footer list of tags --}}
 
-    <h4>
-      <div class="taglabel">
+      <h4>
+        <div class="taglabel">
 
-        <h4><i class="fa fa-tag"></i> Tags</h4>
-      </div>
-      <div class="taglist">
-        {{#if tags}}
+          <h4><i class="fa fa-tag"></i> Tags</h4>
+        </div>
+        <div class="taglist">
+          {{#if tags}}
 
-        {{#foreach tags}}
-        <a target="_blank" href="{{url}}" title="{{name}}" class="tag_item">{{name}}</a>
-        {{/foreach}}
+          {{#foreach tags}}
+          <a target="_blank" href="{{url}}" title="{{name}}" class="tag_item">{{name}}</a>
+          {{/foreach}}
 
-        {{/if}}
-      </div>
-      </li>
-    </h4>
+          {{/if}}
+        </div>
+        </li>
+      </h4>
 
 
-  </footer>
+    </footer>
 
 
 
 
 
-  {{!-- Comments --}}
-  <div id='discourse-comments'></div>
+    {{!-- Comments --}}
+    <div id='discourse-comments'></div>
 
-  {{!--
+    {{!--
 
             If you use Disqus comments, just uncomment this block.
             The only thing you need to change is "test-apkdzgmqhj" - which
@@ -269,7 +250,7 @@ into the {body} of the default.hbs template --}}
             </section>
             --}}
 
-  </article>
+  </div>
 
   </div>
 </main>
@@ -585,4 +566,37 @@ into the {body} of the default.hbs template --}}
   }
 
 </script>
-{{/contentFor}}
+
+<!--
+<script>
+  var that = this;
+  $.fn.followTo = function (pos) {
+    var div = this
+    $(that).scroll(function (e) {
+      if ($(that).scrollTop() > pos) {
+        div.css({ position: 'absolute', top: pos });
+      } else {
+        div.css({ position: 'fixed', top: 64 });
+      }
+    });
+  };
+  $('.sidebar').followTo(600);
+</script>  
+-->
+
+<script>
+  var sidebar_down = false;
+  $(document).ready(function () {
+    $('#Sidebar_button').click(function () {
+      if (sidebar_down == false) {
+        $('.sidebar').slideDown(300);
+        sidebar_down = true;
+      } else {
+        $('.sidebar').slideUp(300);
+        sidebar_down = false;
+      }
+    });
+  })
+</script>
+
+{{/contentFor}}
\ No newline at end of file