index.html

<!DOCTYPE html>
<html lang="zh-Hant">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
      user-scalable="no"
    />
    <title>Lipoic</title>
    <meta
      name="description"
      content="Lipoic 是一個致力於整合與改善遠距授課與線上教室的教育平台，並讓學生能不受空間限制學習知識，老師能更便利地傳授知識，並且我們也熱衷於開放文化的精神，與我們一起翻轉教育吧！"
    />
    <meta
      property="og:description"
      content="Lipoic 是一個致力於整合與改善遠距授課與線上教室的教育平台，並讓學生能不受空間限制學習知識，老師能更便利地傳授知識，並且我們也熱衷於開放文化的精神，與我們一起翻轉教育吧！"
    />
    <meta property="og:site_name" content="Lipoic" />
    <meta property="og:url" content="https://lipoic.org" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Lipoic - 與我們一起翻轉教育！" />
    <meta
      property="og:image"
      content="https://raw.githubusercontent.com/Lipoic/Lipoic-Assets/main/logo/banner.png"
    />
    <meta
      property="og:image:alt"
      content="Lipoic 是一個致力於整合與改善遠距授課與線上教室的教育平台，並讓學生能不受空間限制學習知識，老師能更便利地傳授知識，並且我們也熱衷於開放文化的精神，與我們一起翻轉教育吧！"
    />
    <meta property="og:image:width" content="970" />
    <meta property="og:image:height" content="250" />
    <meta
      name="twitter:image:src"
      content="https://raw.githubusercontent.com/Lipoic/Lipoic-Assets/main/logo/banner.png"
    />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@LipoicEdu" />
    <!-- TODO: add more keywords -->
    <meta
      name="keywords"
      content="Lipoic,台灣教育,教育平台,教育平臺,遠距教學,線上教學,翻轉教育,電子書,偏鄉教育,開放教育,開放文化,開源精神"
    />

    <meta name="msapplication-TileColor" content="#5efff2" />
    <link rel="apple-touch-icon" href="/icons/pwa-icon-192.png" />
  </head>

  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>