Proper sorting of index

BenMcH · Dec 10, 2023 · 03710fd · 03710fd
1 parent e4921d2
commit 03710fd
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/.devcontainer/Dockerfile b/.devcontainer/Dockerfile
@@ -1,7 +1,7 @@
 # See here for image contents: https://github.com/microsoft/vscode-dev-containers/tree/v0.224.2/containers/typescript-node/.devcontainer/base.Dockerfile
 
 # [Choice] Node.js version (use -bullseye variants on local arm64/Apple Silicon): 16, 14, 12, 16-bullseye, 14-bullseye, 12-bullseye, 16-buster, 14-buster, 12-buster
-ARG VARIANT="16-bullseye"
+ARG VARIANT="20-bullseye"
 FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:0-${VARIANT}
 
 # [Optional] Uncomment this section to install additional OS packages.

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -8,7 +8,7 @@
 		// Append -bullseye or -buster to pin to an OS version.
 		// Use -bullseye variants on local on arm64/Apple Silicon.
 		"args": { 
-			"VARIANT": "16-bullseye"
+			"VARIANT": "20-bullseye"
 		}
 	},
 

diff --git a/src/index.liquid b/src/index.liquid
@@ -1,5 +1,7 @@
 ---
 layout: layout.liquid
+eleventyImport:
+  collections: ["post"]
 ---
 
 <p class="mt-4">
@@ -11,8 +13,8 @@ layout: layout.liquid
 </p>
 
 <ul class="flex md:flex-row md:flex-wrap list-none gap-5 mt-4 flex-col flex-nowrap items-stretch">
-  {% assign posts = collections.post reversed | slice: 0, 10 %}
-  {% for post in posts %}
+  {% assign posts = collections.post | reverse | slice: 0, 10  %}
+  {%- for post in posts -%}
     <li class="md:max-w-sm p-5 border-gray-400 border-2 rounded-md flex-1 flex justify-between flex-col gap-5">
       <a href="{{post.url}}">
         <img