<script setup lang="ts">
import copyrightInfo from "~/components/app/info/copyright.vue";
</script>
<template>
  <div class="justify-center align-center text-center flex flex-col">
    <div class="flex flex-col">
      <span class="text-xl">為什麼要做網站？</span>
      <span
        >1. 台灣媒體真的很爛，要嘛有超多偏見，或是比較偏小孩不能看的新聞 (aka
        擦邊通過的</span
      >
      <span
        >2. 這個網站是為了讓大家可以更方便的比較新聞，可以分析新聞的偏見</span
      >
      <span>3. <span class="line-through">學 TailwindCSS</span></span>
    </div>
    <hr />
    <div class="flex flex-col">
      <span class="text-xl">關於開發者</span>
      <span class="text-center align-center justify-center">開發者：yh</span>
      <span class="text-center align-center justify-center"
        >聯絡信箱：<a href="mailto:public+newscompareauthor@yuanhau.com"
          >public@yuanhau.com</a
        ></span
      >
    </div>
    <hr />
    <div class="flex flex-col">
      <span class="text-xl">版權資訊</span>
      <copyrightInfo />
    </div>
  </div>
</template>