---
social_networks:
  type: array
  default: []
coopcloud_url:
  type: 'string'
  default: '/#'
color:
  type: 'string'
  default: 'white'
---
<footer>
  <div class="d-flex align-items-center justify-content-between w-100 p-3">
    <div class="w-80px">
      {% render 'svg/autonomic.svg', color:'white' %}
    </div>
    <div class="d-flex w-100">
      {%- for social in social_networks %}
        {%- assign network = social | social_network %}
        <div class="col m-auto py-3">
          <a class="d-flex flex-column align-items-center primary mx-2 text-center text-white" href="{{ network.url }}" rel="noopener noreferrer me" target="_blank">
            <p class="m-0">{{ network.name | capitalize }}</p>
            <span class="sr-only">{{ network.name | capitalize }}</span>
          </a>
        </div>
        <div class="col-auto m-auto py-3 text-white">|</div>
      {% endfor %}
      <div class="col m-auto py-3">
        <a 
          class="d-flex flex-column alig-items-center primary mx-2 text-center text-white" href="/feed.xml" 
          rel="noopener noreferrer me" 
          target="_blank">
            <p class="m-0">RSS</p> 
        </a>
      </div>
      <div class="w-100px py-2">
        <a class="navbar-brand" href="{{ coopcloud_url }}">
          {%- render 'svg/cloud.svg', color: -%}
        </a>
      </div>
    </div>
  </div>
</footer>