cases.html

---
section: cases
layout: default
image: /images/social/elixir-og-card.jpg
---

<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' | 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>
      {% 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>
    {%- 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>

<p></p>