Improve sorting of cases (#1799)

- 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

Author: lawik

Diff for: _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 for: _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 for: _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 for: 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>