MikanseiLaboratory.github.io/members.html at main · MikanseiLaboratory/MikanseiLaboratory.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <title>メンバー | 未完成成果物研究所</title>
    <meta name="description" content="未完成成果物研究所のコアメンバー紹介。" />
    <meta property="og:title" content="メンバー | 未完成成果物研究所" />
    <meta property="og:type" content="website" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="stylesheet" href="/src/style.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <script type="module" src="/src/main.ts"></script>
  </head>
  <body>
    <a
      href="#main"
      class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[100] focus:rounded-lg focus:bg-cyan-400 focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-zinc-950 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-zinc-950"
      >メインコンテンツへスキップ</a
    >
    <site-header data-current="members"></site-header>

    <main id="main" class="mx-auto max-w-6xl px-4 py-12 md:py-16">
      <header class="max-w-2xl">
        <p class="text-xs font-semibold uppercase tracking-[0.2em] text-cyan-400">Members</p>
        <h1 class="mt-3 text-3xl font-semibold tracking-tight text-white md:text-4xl">メンバー</h1>
        <p class="mt-4 text-zinc-400">研究開発とプロダクトの中核を担うメンバーです。</p>
      </header>

      <ul class="mt-14 grid gap-8 md:grid-cols-2">
        <li class="rounded-2xl border border-zinc-800 bg-zinc-900/40 p-8 md:p-10">
          <div class="flex flex-col gap-4 sm:flex-row sm:gap-6">
            <img
              src="/images/avatar-flowingspdg.png"
              alt="Flowing"
              width="128"
              height="128"
              class="h-20 w-20 shrink-0 rounded-full border border-zinc-700 object-cover"
              loading="lazy"
              decoding="async"
            />
            <div class="min-w-0 flex-1">
              <h2 class="text-xl font-semibold text-white">Flowing</h2>
              <p class="mt-1 text-sm font-medium text-cyan-400/90">Founder / Engineer</p>
              <p class="mt-3 flex flex-wrap gap-x-4 gap-y-2 text-sm">
                <a
                  href="https://github.com/FlowingSPDG"
                  class="inline-flex items-center gap-1.5 font-medium text-cyan-400 hover:text-cyan-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-400 rounded"
                  target="_blank"
                  rel="noopener noreferrer"
                  ><svg
                    class="h-4 w-4 shrink-0"
                    viewBox="0 0 24 24"
                    fill="currentColor"
                    aria-hidden="true"
                  >
                    <path
                      d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
                    />
                  </svg>
                  GitHub</a
                >
                <a
                  href="https://x.com/FlowingSPDG"
                  class="font-medium text-cyan-400 hover:text-cyan-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-400 rounded"
                  target="_blank"
                  rel="noopener noreferrer"
                  >X</a
                >
              </p>
              <p class="mt-4 leading-relaxed text-zinc-400">
                プログラマー。デスクトップアプリの開発・プロダクト開発の主導を行う。vmix-utility や bi-kanpe などの主要ツールの開発を担当。
              </p>
            </div>
          </div>
        </li>
        <li class="rounded-2xl border border-zinc-800 bg-zinc-900/40 p-8 md:p-10">
          <div class="flex flex-col gap-4 sm:flex-row sm:gap-6">
            <img
              src="/images/avatar-mizuyoukanao.png"
              alt="mizuyoukan"
              width="128"
              height="128"
              class="h-20 w-20 shrink-0 rounded-full border border-zinc-700 object-cover"
              loading="lazy"
              decoding="async"
            />
            <div class="min-w-0 flex-1">
              <h2 class="text-xl font-semibold text-white">mizuyoukan</h2>
              <p class="mt-1 text-sm font-medium text-cyan-400/90">Engineer</p>
              <p class="mt-3 flex flex-wrap gap-x-4 gap-y-2 text-sm">
                <a
                  href="https://github.com/mizuyoukanao"
                  class="inline-flex items-center gap-1.5 font-medium text-cyan-400 hover:text-cyan-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-400 rounded"
                  target="_blank"
                  rel="noopener noreferrer"
                  ><svg
                    class="h-4 w-4 shrink-0"
                    viewBox="0 0 24 24"
                    fill="currentColor"
                    aria-hidden="true"
                  >
                    <path
                      d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
                    />
                  </svg>
                  GitHub</a
                >
                <a
                  href="https://x.com/AT12806379"
                  class="font-medium text-cyan-400 hover:text-cyan-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-400 rounded"
                  target="_blank"
                  rel="noopener noreferrer"
                  >X</a
                >
              </p>
              <p class="mt-4 leading-relaxed text-zinc-400">
                ハードウェア担当。回路の設計やパーツ選定、基板や筐体の制作などを行う。Iryx のハードウェア設計を担当。
              </p>
            </div>
          </div>
        </li>
      </ul>
    </main>

    <site-footer></site-footer>
  </body>
</html>