#28 add archive with all posts and limit homepage post count

.eleventy.js

@@ -12,6 +12,7 @@ module.exports = function(eleventyConfig) {
     eleventyConfig.addFilter("jsmin", require("./src/_filters/clean-js.js") );
     eleventyConfig.addFilter("dateDisplay", require("./src/_filters/dates.js") );
     eleventyConfig.addFilter("contentTags", tags => tags.filter(t=> t !== "post"));
+    eleventyConfig.addFilter("take", (array, n) => array.slice(0,n));
 
 
     return {

src/404.njk

@@ -9,7 +9,7 @@ summary: "Sorry, we couldn't find that page for some reason"
 <h1 class="page-title">{{title}}</h1>
 
 <p>
-Sorry, we couldn't find the page you were looking for, but you can <a href="/">explore all pages</a> or try our search below:
+Sorry, we couldn't find the page you were looking for, but you can <a href="/archive/">explore all pages</a> or try our search below:
 </p>
 
 {% include "_partials/search.njk" %}
@@ -32,7 +32,7 @@ Sorry, we couldn't find the page you were looking for, but you can <a href="/">e
 <script type="text/javascript">
 // prefill search box with path text
 var path = window.location.pathname;
-var text = path.replace("/posts/","").replace(/[/-]/g," ");
+var text = path.replace("/posts/","").replace("index.html","").replace(".html","").replace(/[/-]/g," ").trim();
 var search = document.getElementById("input-search");
 search.value = text;
 </script>

src/_includes/styles.css

@@ -64,6 +64,10 @@ s {
   color: #7f7a75;
 }
 
+small {
+  font-size: .8em;
+}
+
 blockquote {
   background: #ffffd7;
   margin: 0;
@@ -98,6 +102,10 @@ hr {
   margin-top: 1.7rem;
 }
 
+/* spacing */
+.mt-2 {
+  margin-top: 2em;
+}
 
 /* links */
 .content a,
@@ -388,9 +396,9 @@ form.search {
 }
 
 form.search input {
-  height: 32px;
+  height: 43px;
   width: 100%;
-  padding: 5px 8px;
+  padding: 7px 9px;
   border-radius: 4px;
   box-shadow: none;
   border: 1px solid #d0d0d0;

src/archive.njk

@@ -0,0 +1,16 @@
+---
+layout: default.njk
+title_word: "Archive"
+title: "Complete Post Archives"
+date: 2019-08-22
+summary: "A complete listing of all posts and pages"
+---
+
+
+<h1 >
+  {{title}}
+</h1>
+
+{% set postList = collections.post | reverse %}
+{% include "_partials/postList.njk" %}
+

src/index.njk

@@ -16,6 +16,10 @@ A Collection of Overviews, Guidelines, Strategies, Standards, Technologies, and
 
 {% include "_partials/search.njk" %}
 
-{% set postList = collections.post | reverse %}
+<h1 class="mt-2">
+  Recent posts <small><a href="/archive/">(view all)</a></small>
+</h1>
+
+{% set postList = collections.post | reverse | take(10) %}
 {% include "_partials/postList.njk" %}