<template>
  <div class="footer w-full z-50 bg-footer-color flex justify-center">
    <div class="md:w-bodySet flex flex-col items-center pt-20" :class="{'pb-16': $route.path === '/home'}">
      <img src="@/assets/images/footer/yuanlian_logo.png" width="64" alt="">
      <ul class="flex items-center justify-center mt-16 mb-16">
        <li class="text-lg text-white px-8">{{ $t('lang.community') }}</li>
        <li class="text-sm text-white px-8"><a href="https://www.8btc.com/" target="_blank">{{ $t('lang.bit') }}</a></li>
        <li class="text-sm text-white px-8"><a href="https://www.reddit.com/user/yuanchain/" target="_blank">Reddit</a></li>
        <li class="text-sm text-white px-8"><a href="https://www.facebook.com/Yuan-Chain-380711552463031/" target="_blank">Facebook</a></li>
        <li class="text-sm text-white px-8"><a href="https://www.linkedin.com/company/yuan-chain/" target="_blank">Linkedin</a></li>
        <li class="text-sm text-white px-8"><a href="https://twitter.com/yuanchain" target="_blank">Bitcointalk</a></li>
      </ul>
    </div>
  </div>
</template>

<style scoped>
  .footer {
    /* height: 312px; */
  }
</style>