Colour post summary list titles by index rather than title length (#6)

* Updated Navigating Enterprise Ai Architecture and 1 other file

* Updated Tools For Measuring Cloud Carbon Emissions Updated For 2025

* Updated Accelerating Financial Process Automation Scott Logic Finos Fluxnova

* Updated Accelerating Financial Process Automation Scott Logic Finos Fluxnova

* Updated Rapid Development With Devin

* Colour posts on summary page by loop index

* fix mode

* Cycle colours on featured posts

---------

Co-authored-by: [email protected] <[email protected]>

Author: heatherlogan

_includes/featured_posts.html

@@ -13,17 +13,19 @@
 {%- if numPosts > 0 -%}
   <div class="featured-posts grid-x grid-margin-x grid-margin-y">
     {%- assign topPost = featuredPosts[0] -%}
+    {% assign randIdx = "now" | date: "%N" | modulo: 4 %} 
     <div
-      class="featured-post {% include post_colour.html post=topPost %} cell large-12 grid-x"
+      class="featured-post {% include post_colour.html post=topPost postIndex=randIdx %} cell large-12 grid-x"
     >
       {%- include featured_post.html post=topPost -%}
     </div>
 
     {%- if numPosts >= 3 -%}
       {%- assign splitPosts = featuredPosts | slice: 1, 2 -%}
       {%- for post in splitPosts -%}
+        {%- assign colourIndex = randIdx | plus: forloop.index -%}
         <div
-          class="featured-post {% include post_colour.html post=post %} cell large-6 grid-x"
+          class="featured-post {% include post_colour.html post=post postIndex=colourIndex %} cell large-6 grid-x"
         >
           {%- include featured_post.html post=post -%}
         </div>

_includes/post_colour.html

@@ -1,15 +1,19 @@
 {%- if include.post.colour -%}
   {{- include.post.colour -}}
+{%- elsif include.postIndex != nil -%}
+  {%- assign colourIndex = include.postIndex | modulo: 4 -%}
+  {%- case colourIndex -%}
+    {%- when 0 -%} teal
+    {%- when 1 -%} orange
+    {%- when 2 -%} pink
+    {%- when 3 -%} yellow
+  {%- endcase -%}
 {%- else -%}
   {%- assign colourIndex = include.post.title | size | modulo: 4 -%}
   {%- case colourIndex -%}
-    {%- when 0 -%}
-      teal
-    {%- when 1 -%}
-      orange
-    {%- when 2 -%}
-      pink
-    {%- when 3 -%}
-      yellow
-  {%- endcase -%}
-{%- endif -%}
+    {%- when 0 -%} teal
+    {%- when 1 -%} orange
+    {%- when 2 -%} pink
+    {%- when 3 -%} yellow
+    {%- endcase -%}
+{%- endif -%}

_includes/post_summary.html

@@ -1,4 +1,5 @@
 {%- assign post = include.post -%}
+{%- assign postIndex = include.postIndex -%}
 {%- assign hideCategory = include.hideCategory -%}
 {%- assign author = site.data.authors.authors[post.author] -%}
 {%- if include.fullWidth -%}
@@ -7,7 +8,8 @@
   {%- assign largeClass = 'large-6' -%}
 {%- endif -%}
 <div
-  class="post-summary grid-padding-x grid-margin-y grid-padding-y {% include post_colour.html post=post %} cell {{largeClass}} small-12"
+  class="post-summary grid-padding-x grid-margin-y grid-padding-y 
+  {% include post_colour.html post=post postIndex=postIndex %} cell {{largeClass}} small-12"
 >
   <div class="post-summary cell grid-margin-y">
     {%- unless hideCategory -%}

_includes/post_summary_list.html

@@ -11,7 +11,9 @@
   <div class="content grid-x">
     {%- for post in posts -%}
       {%-
-        include post_summary.html post=post
+        include post_summary.html 
+        post=post 
+        postIndex=forloop.index0
         hideCategory=hideCategory
         fullWidth=fullWidth
       -%}