layout: default


{% assign states = site.states %} {% assign index_state_title = “Plant Tags Page” %}

<div id=“states” class=“states-page”>

<nav class="states-nav">
  <ul class="states-nav-list">
    {% for state in states %}
      <li class="states-list-item {% if page.url == state.url %}active{% endif %}">
        <a href="{{ state.url | relative_url }}" class="stat-tag">
          {{ state.emoji }}
        </a>
      </li>
    {% endfor %}
  </ul>
</nav>

<!-- all states -->
{% if page.title == index_state_title %}
  <h1>🔖 Plant Tags In This Garden</h1>
  {{ content }}
  <p class="small-descr">
    Descriptions only reflect the spirit of this garden. 
    Click <a href="{{ page.emojipedia }}">here</a> for the official emoji description.
  </p>
  {% for state in states %}
    {% if state.title != index_state_title %}
      <h2>{{ state.emoji }} <a href="{{ state.url | relative_url }}" class="wiki-link">{{ state.title }}</a></h2>
      <p>{{ state.content | markdownify }}</p>
    {% endif %}
  {% endfor %}
<!-- individual states -->
{% else %}
  <!-- page == tag (from tag-nav) -->
  {% assign entries_w_stat = site.entries | where: 'tags', page.emoji %}
  <h1>{{ page.emoji }} {{ page.title }}</h1>
  {{ content }}
  <p class="small-descr">
    Descriptions only reflect the spirit of this garden. 
    Click <a href="{{ page.emojipedia }}">here</a> for the official emoji description.
  </p>

  {% if entries_w_stat.size == 0 %}
    <div class="no-results">
      There are currently no {{ page.emoji }}s.
    </div>
  {% else %}
    <ul class="states-list">
      {% for entry in entries_w_stat %}
        <li class="states-list-item">
          {{ page.emoji }} <a href="{{ entry.url | relative_url }}" class="wiki-link">{{ entry.title }}</a>
        </li>
      {% endfor %}  
    </ul>
    {% endif %}
{% endif %}

</div>