<template>
  <footer>
    <!-- <h1>
      臺灣工藝學習平台 International Craft Learning Platform co-ops.
    </h1> -->

    <router-link to="/">
      <img src="@/assets/img/logo.png" alt="臺灣工藝學習平台" class="logo mt-3" />
    </router-link>

    <ul class="ms-sm-13">
      <li>
        <a href="tel:(049)233-4141#275">Tel&ensp;(049)233-4141#275</a>
      </li>
      <li>
        <a href="fax:(049)235-6593">Fax&ensp;(049)235-6593</a>
      </li>
      <li>
        <a href="mailto:craftology@ntcri.gov.tw"
          >Email&ensp;craftology@ntcri.gov.tw</a
        >
      </li>
      <li>
        <a href="https://goo.gl/maps/Wg6gwmYpVgUPQHJh9" target="_blank">
          542021 南投縣草屯鎮中正路573號</a
        >
      </li>
      <li>
        <small
          >© 2023 International Craft Learning Platform co-ops. All rights
          reserved.</small
        >
      </li>
    </ul>
  </footer>
</template>

<style lang="scss" scoped>
footer {
  padding: 1.25em 2.5em;
  background-color: #fff;
  border-top: 1.5em solid var(--purple);
  h1 {
    margin: 1.25em 0;
    font-size: 1.125em;
    font-weight: 500;
  }
  ul {
    li {
      margin: 0.9375em 0;
      letter-spacing: 0.0625em;
      a {
        transition: all 0.3s;
        &:hover {
          opacity: 0.7;
        }
      }
    }
  }
  .logo {
    width: 21.875em;
  }
}
</style>
