<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
  <title>Sakuya</title>
</head>

<style>
  ::-webkit-scrollbar {
    display: none;
  }

  card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 200px;
    border: 1px solid black;
    border-radius: 5px;
    margin: 5px;
  }
</style>

<body>
  <header style="display: flex;">
    <card>
      <h2>基因列表</h2>
      <ul>
        <li>101010</li>
        <li>101010</li>
        <li>101010</li>
        <li>101010</li>
      </ul>
    </card>
    <card>
      <h2>统计曲线</h2>
      <ul>
        <li>101010</li>
        <li>101010</li>
        <li>101010</li>
        <li>101010</li>
      </ul>
    </card>
    <card>
      <h2>I/O 输入数据/允许读取/接口触点</h2>
      <ul>
        <li>101010</li>
        <li>101010</li>
        <li>101010</li>
        <li>101010</li>
      </ul>
    </card>
    <card>
      <h2>I/O 允许调用 | IO结构树</h2>
      <ul>
        <li>fs</li>
        <li>net</li>
        <li>input
          type: text image video voice
        </li>
      </ul>
    </card>
  </header>

  <script type="module" src="/main.js"></script>
</body>

</html>