diff --git a/_includes/all_posts.html b/_includes/all_posts.html
new file mode 100644
index 0000000..6b5db1c
--- /dev/null
+++ b/_includes/all_posts.html
@@ -0,0 +1,9 @@
+<h2 {% if site.style == 'dark' %}class="text-white"{% endif %}>Blog</h2>
+<p class="f4 mb-4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">All of the articles from my blog</p>
+<div class="d-sm-flex flex-wrap gutter-condensed mb-4">
+  {% for post in site.posts %}
+    <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
+      {% include post-card.html %}
+    </div>
+  {% endfor %}
+</div>
diff --git a/_includes/thoughts.html b/_includes/thoughts.html
index 39952e6..784ae3e 100644
--- a/_includes/thoughts.html
+++ b/_includes/thoughts.html
@@ -1,9 +1,10 @@
 <h2 {% if site.style == 'dark' %}class="text-white"{% endif %}>Blog</h2>
 <p class="f4 mb-4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">Some articles I have written</p>
 <div class="d-sm-flex flex-wrap gutter-condensed mb-4">
-  {% for post in site.posts limit: 12 %}
+  {% for post in site.posts limit: 6 %}
     <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
       {% include post-card.html %}
     </div>
   {% endfor %}
+  <a class="all_art" href="/posts/" >Check out all of the articles </a>
 </div>
diff --git a/_layouts/posts.html b/_layouts/posts.html
new file mode 100644
index 0000000..60d3d00
--- /dev/null
+++ b/_layouts/posts.html
@@ -0,0 +1,58 @@
+{% include header.html %}
+<link
+   rel="stylesheet"
+   href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css"
+/>
+
+{% if site.layout == 'stacked' %}
+<div class="container-lg py-6 p-responsive text-center">
+  {% include masthead.html metadata=true %}
+
+  <div {% if site.style == 'dark' %}class="text-white" {% endif %}>
+    {{ content }}
+  </div>
+
+
+
+  {% unless posts_total == 0 %}
+
+  <div class="my-6">
+    {% include all_posts.html %}
+  </div>
+  {% endunless %}
+</div>
+{% else %}
+<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
+  <div
+    class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
+    {% include masthead.html metadata=true %}
+  </div>
+
+  <div class="col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7 border-top border-md-top-0 bg-gray-light"
+    {% if site.style == 'dark' %}style="background-color: #2f363d !important" {% endif %}>
+    <div class="mx-auto" style="max-width: 900px;">
+      {% unless content == ""  %}
+      <div class="f4 {% if site.style == 'dark' %}text-white{% endif %} mb-6">
+        {{ content }}
+      </div>
+      {% endunless %}
+      
+      {% unless posts_total == 0 %}
+      <p class="f5"><a href="/" style="color:#0366d6;text-decoration: none;" class="d-flex flex-items-center">{% octicon chevron-left height:16 class:"mr-2 v-align-middle" fill:#0366d6 aria-label:Home %}Home</a></p>
+
+      {% include all_posts.html %}
+      {% endunless %}
+
+
+
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+
+
+    </div>
+  </div>
+</div>
+
+{% endif %}
+
+{% include footer.html %}
\ No newline at end of file
diff --git a/posts.html b/posts.html
new file mode 100644
index 0000000..0401b56
--- /dev/null
+++ b/posts.html
@@ -0,0 +1,3 @@
+---
+layout: posts
+---