adding the blog listing template and rhai

Signed-off-by: Ronan Flynn-Curran <[email protected]>

Author: flynnduism

content/blog/hello.md

@@ -1,7 +1,6 @@
 title = "HELLO WORLD"
-date = "2025-10-30T15:20:11.486765Z"
+date = "2025-10-30T12:00:00Z"
 template = "blog"
-tags = []
 
 [extra]
 author = "Michelle Dhanani"

content/blog/index.md

@@ -1,6 +1,10 @@
-title = "blog"
-template = "blog"
-date = "2025-10-29T00:22:56Z"
-content_type = "application/json"
+title = "Spin | Community Blog"
+template = "main"
+date = "2022-04-01T00:00:00Z"
+
+[extra]
+author = "Spin Community"
+type = "index"
+category = "index" 
 
 ---

scripts/blogs.rhai

@@ -0,0 +1,55 @@
+// This function lists all of the blog posts, subject to the constraints.
+//
+// It returns an array of objects of the form:
+//  [
+//    #{ 
+//       uri: "path/to/page", 
+//       page: {
+//          head: {title: "some title", description: "Some description", ...}
+//          body: "This is the HTML"
+//       }
+//     }
+// ]
+//
+// The array is sorted with the earlier items being most recent, and the oldest items at the end.
+
+// Param 1 should be `site.pages`
+let pages = params[0];
+
+// Loop through them and return all of the page objects that are in
+// the blog path.
+
+let blog_pages = [];
+
+// Get each blog post, assigning it to {path: object}.
+let keys = pages.keys();
+for item in keys {
+    if item.index_of("/content/blog/") == 0 && pages[item].head.extra.type == "post" {
+        // Remove /content and .md
+        let path = item.sub_string(8);
+        let page = pages[item];
+        path = path.sub_string(0, path.index_of(".md"));
+        
+        blog_pages.push(#{
+            uri: path,
+            page: page,
+            template: "blog",
+        });
+        //blog_pages[path] = pages[item];
+    }
+   
+}
+
+// Return the blogs sorted newest to oldest
+fn sort_by_date(a, b) {
+    if a.page.head.date < b.page.head.date {
+        1
+    } else {
+        -1
+    }
+}
+
+// Sort by the value of the page date.
+blog_pages.sort(Fn("sort_by_date"));
+
+blog_pages

templates/content_navbar.hbs

@@ -16,17 +16,21 @@
     <div class="navbar-menu">
         <div class="navbar-start">
 
-            <a class="navbar-item plausible-event-name=docs-nav navbar-stack" href="/blog" title="Spin community blog">
-                <strong>Community Blog</strong>
-                <small>Stay up to date on latest with Spin</small>
-
+            <a class="navbar-item plausible-event-name=docs-nav navbar-stack" href="/docs" title="Spin Documentation">
+                <strong>Docs</strong>
+                <small>Get started building Wasm apps with Spin</small>
             </a>
 
             <a class="navbar-item plausible-event-name=docs-nav-hub navbar-stack" href="/hub" title="Sample apps, plugins and templates in Spin Hub">
                 <strong>Spin Hub</strong>
                 <small>Browse example app code and templates</small>
             </a>
 
+            <a class="navbar-item plausible-event-name=docs-nav navbar-stack" href="/blog/index" title="Spin Community Blog">
+                <strong>Community Blog</strong>
+                <small>Stay up to date on Spin releases</small>
+            </a>
+
             {{!-- <a class="navbar-item plausible-event-name=docs-nav-blog navbar-stack" href="/blog" title="Sample apps, plugins and templates in Spin Hub">
                 <strong>Blog</strong>
                 <small>Latest community posts about Spin</small>

templates/main.hbs

@@ -46,7 +46,3 @@
 
 {{! This closes the body. See content_bottom.hbs. }}
 {{> content_bottom }}
-
-</body>
-
-</html>