Issue expressjs#1483

- add example post page layout
- add all links to side menu

_includes/blog/example-menu.md

@@ -1,5 +1,11 @@
 <ul id="blog-side-menu">
+  <li>
+    <a href="/blog/posts.html">Posts</a>
+  </li>
   <li>
     <a href="/blog/write.html">Write a Post</a>
   </li>
+  <li>
+    <a href="/blog/example.html">Example Post</a>
+  </li>
 </ul>

en/blog/example.md

@@ -0,0 +1,43 @@
+---
+layout: blog-posts
+title: "Example Blog Post"
+sub_title: "How to structure your page" 
+menu: blog
+date: 01-01-1900
+tags: blogging design
+author: "Joseph Schmoe"
+img: "https://place-kitten.com/200/300"
+lang: en
+excerpt_separator: <!--more-->
+redirect_from: "/blog/example.html"
+
+---
+
+# {{page.title}}
+### {{page.sub_title}}
+
+```markdown
+---
+layout: blog-posts
+title: "Example Post"
+sub_title: "Laying out a blog post."
+menu: blog
+date: 01-01-1900
+tags: blogging design
+author: "Joseph Schmoe"
+img: "https://place-kitten.com/200/300"
+lang: en
+excerpt_separator: <!--more-->
+---
+{% raw %}
+# {{page.title}}
+
+### {{page.sub_title}}
+{% endraw %}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec lorem nisi. Donec pharetra sapien sed bibendum facilisis. Pellentesque pretium elit magna, ac vehicula ipsum elementum sit amet. Vivamus lacinia sollicitudin turpis sed porta. Ut commodo, orci eget congue dictum, sapien est scelerisque ante, vehicula ultricies ipsum justo in quam. Aliquam pretium diam vitae neque eleifend laoreet. Phasellus a ex hendrerit, dapibus justo id, dapibus mi. Phasellus in tempor velit. Sed dapibus sapien auctor massa tincidunt condimentum. Mauris sit amet sodales odio. Donec vel imperdiet dolor. Etiam egestas elit consequat, pharetra elit nec, aliquam nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue consequat ex.
+<!--more-->
+
+Mauris ornare leo eros, tincidunt porttitor turpis consequat id. Sed quis ante id enim ultricies luctus sit amet id sem. Maecenas maximus iaculis arcu. Pellentesque porta nisi ac accumsan gravida. Aenean sapien ante, malesuada in odio sit amet, consequat rhoncus nulla. Sed at vulputate orci, sit amet aliquam nibh. Proin non volutpat eros, id lacinia leo. Phasellus luctus orci facilisis dui ultricies, ut tempor magna sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque cursus fringilla facilisis. Donec congue tristique nisi, ac congue sapien commodo sed. Nam arcu augue, bibendum eget eleifend ac, tristique ac risus. Phasellus dictum aliquam turpis, vel posuere nisi accumsan eget.
+
+```

en/blog/posts.md

@@ -1,14 +1,14 @@
 ---
-layout: page
+layout: blog-posts
 title: Express Blog Posts
 menu: blog
 lang: en
 tags: security, optimization, AI, LLMS
 redirect_from: "/blog/posts.html"
 ---
-
-# Express Blog 
-
+  
+# Express Blog
+  
 {% if site.posts.size != 0 %}
 <div class="blog-posts">
 {% for post in site.posts %}
@@ -25,13 +25,19 @@ redirect_from: "/blog/posts.html"
       <div class="blog-details">
         <div>By {{ post.author }}</div>
         <div>{{ post.date | date:"%b %d, %Y" }}</div> 
-      </div>
+      </div>   
+      
+      {% if site.posts.first == post %}
+
       <div class="blog-excerpt">
        {% assign content_without_title = post.excerpt | remove: post.title %}
-       {% assign content_without_title_and_slug = content_without_title | remove: post.slug_line %}
+       {% assign content_without_title_and_slug = content_without_title | remove: post.sub_title %}
        {% assign content_without_html = content_without_title_and_slug | strip_html %}
          {{ content_without_html | truncatewords: 20}}
+
         </div>
+      {% endif %}
+
     </div>
      <div class="right-col">
       <div class="blog-img">