From 42a48485491cf480e7275a6e2f7874fcb73559cd Mon Sep 17 00:00:00 2001
From: Lars Wikman <lars@underjord.io>
Date: Wed, 26 Mar 2025 08:12:07 +0100
Subject: [PATCH] Improve sorting of cases

- Add flagship boolean which will pin a case to the top of cases
- Sort all cases (including flagships) by date, most recent first
- Added suggested cases: Discord, Change.org and Remote
---
 ...n-at-scale-with-elixir-at-discord.markdown |  1 +
 ...-change-with-elixir-at-change.org.markdown |  1 +
 _posts/2025-01-21-remote-elixir-case.markdown |  1 +
 cases.html                                    | 20 ++++++++++++++++++-
 4 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/_posts/2020-10-08-real-time-communication-at-scale-with-elixir-at-discord.markdown b/_posts/2020-10-08-real-time-communication-at-scale-with-elixir-at-discord.markdown
index 07fc3de06..ac4f42ef8 100644
--- a/_posts/2020-10-08-real-time-communication-at-scale-with-elixir-at-discord.markdown
+++ b/_posts/2020-10-08-real-time-communication-at-scale-with-elixir-at-discord.markdown
@@ -5,6 +5,7 @@ authors:
 -  José Valim
 category: Elixir in Production
 excerpt: A case study of how Elixir is being used at Discord.
+flagship: true
 logo: /images/cases/logos/discord.png
 tags: real-time genstage otp
 ---
diff --git a/_posts/2020-10-27-delivering-social-change-with-elixir-at-change.org.markdown b/_posts/2020-10-27-delivering-social-change-with-elixir-at-change.org.markdown
index 4259ef712..8e58ec64c 100644
--- a/_posts/2020-10-27-delivering-social-change-with-elixir-at-change.org.markdown
+++ b/_posts/2020-10-27-delivering-social-change-with-elixir-at-change.org.markdown
@@ -5,6 +5,7 @@ authors:
 -  José Valim
 category: Elixir in Production
 excerpt: A case study of how Elixir is being used at Change.org.
+flagship: true
 logo: /images/cases/logos/change.png
 tags: social broadway
 ---
diff --git a/_posts/2025-01-21-remote-elixir-case.markdown b/_posts/2025-01-21-remote-elixir-case.markdown
index c6b363128..10d47c32d 100644
--- a/_posts/2025-01-21-remote-elixir-case.markdown
+++ b/_posts/2025-01-21-remote-elixir-case.markdown
@@ -5,6 +5,7 @@ authors:
 - Hugo Baraúna
 category: Elixir in Production
 excerpt: A case study of how Elixir is being used at Remote.
+flagship: true
 logo: /images/cases/logos/remote.png
 tags: growth team web
 ---
diff --git a/cases.html b/cases.html
index 635b8b704..42d49e97a 100644
--- a/cases.html
+++ b/cases.html
@@ -9,8 +9,9 @@ <h1>Cases</h1>
 <p>Click on the cases below to learn more about how companies across different industries are using the power of Elixir and its ecosystem to create and grow their businesses. Cases are listed in the order they have been published.</p>
 
 <div class="cases-boxes">
-  {% assign sorted_posts = site.categories["Elixir in Production"] | sort: 'date' %}
+  {% assign sorted_posts = site.categories["Elixir in Production"] | sort: 'date' | reverse %}
   {% for post in sorted_posts %}
+    {%- if post.flagship %}
     <a class="cases-box" href="{{ post.url }}" title="Case: {{ post.title }}">
       {% if post.logo == nil %}
         <div class="cases-image" style="background-image: url('/images/cases/logos/default-image.png')"></div>
@@ -23,6 +24,23 @@ <h1>Cases</h1>
         {% endfor %}
       </div>
     </a>
+    {%- endif -%}
+  {% endfor %}
+  {% for post in sorted_posts %}
+    {%- unless post.flagship %}
+    <a class="cases-box" href="{{ post.url }}" title="Case: {{ post.title }}">
+      {% if post.logo == nil %}
+        <div class="cases-image" style="background-image: url('/images/cases/logos/default-image.png')"></div>
+      {% else %}
+        <div class="cases-image" style="background-image: url('{{ post.logo }}')"></div>
+      {% endif %}
+      <div class="cases-tag">
+        {% for tag in post.tags %}
+          <span>#{{tag}}</span>
+        {% endfor %}
+      </div>
+    </a>
+    {%- endunless -%}
   {% endfor %}
 </div>