feat: Member List Page

기존 테크 블로그에서 정보 가져옴
GDSC-DEU · Mar 3, 2024 · 9e7d9bf · 9e7d9bf
1 parent 6f8aa6b
commit 9e7d9bf
Show file tree

Hide file tree

Showing 2 changed files with 138 additions and 13 deletions.
diff --git a/_data/members.yml b/_data/members.yml
@@ -0,0 +1,77 @@
+- name: 김남주
+  github: cmsong111
+  avatar: https://avatars.githubusercontent.com/u/23499675?v=4
+  role: Lead
+  email: [email protected]
+  description: T자형 개발자를 희망하는 학생입니다.
+
+- name: 정민규
+  github: tomorrow9913
+  avatar: https://avatars.githubusercontent.com/u/35493042?v=4
+  role: Core
+
+- name: 정예준
+  github: yejun614
+  avatar: https://avatars.githubusercontent.com/u/31740224?v=4
+  role: Core
+
+- name: 조진혁
+  github: Mina-1316
+  avatar: https://avatars.githubusercontent.com/u/74696602?v=4
+  role: Core
+
+- name: 최서윤
+  github: indevruis
+  avatar: https://avatars.githubusercontent.com/u/99643711?v=4
+  role: Core
+
+- name: 박상현
+  github: thelight0804
+  avatar: https://avatars.githubusercontent.com/u/69424845?v=4
+  role: Member
+
+- name: 김대규
+  github: ByeolNabi
+  avatar: https://avatars.githubusercontent.com/u/82073780?v=4
+  role: Member
+
+- name: 박주용
+  github: ju1645
+  avatar: https://avatars.githubusercontent.com/u/74340864?v=4
+  role: Member
+
+- name: 임도훈
+  github: Hun3431
+  avatar: https://avatars.githubusercontent.com/u/68728352?v=4
+  role: Member
+
+- name: 문예진
+  github: wive10
+  avatar: https://avatars.githubusercontent.com/u/70935978?v=4
+  role: Member
+
+- name: 김권수
+  github: Kuneosu
+  avatar: https://avatars.githubusercontent.com/u/66168725?v=4
+  role: Member
+
+- name: 최범준
+  github: 012050
+  avatar: https://avatars.githubusercontent.com/u/101517763?v=4
+  role: Member
+
+- name: 신승우
+  github: SeungWoo1121
+  avatar: https://avatars.githubusercontent.com/u/144456090?v=4
+  role: Member
+
+- name: 윤채민
+  github: oyune
+  avatar: https://avatars.githubusercontent.com/u/93826302?v=4
+  role: Member
+
+- name: 장현제
+  github: Hyeonje09
+  avatar: https://avatars.githubusercontent.com/u/104563212?v=4
+  role: Member
+
diff --git a/_pages/member.html b/_pages/member.html
@@ -3,17 +3,65 @@
 title: Member
 permalink: /member/
 ---
-<div class="implement">
-  오픈예정
-</div>
-<!-- <h1>Staff</h1>
-
-<ul>
-  {% for member in site.members %}
-    <li>
-      <h2>{{ member.name }}</h2>
-      <h3>{{ member.position }}</h3>
-      <p>{{ member.content | markdownify }}</p>
-    </li>
+
+<head>
+  <style>
+    /* 커스텀 스타일 */
+    body {
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+      height: 100vh;
+      margin: 0;
+    }
+
+    .member-list {
+      list-style: none;
+      padding-left: 0;
+      max-width: 800px;
+      width: 100%;
+    }
+
+    .member-item {
+      padding: 8px;
+      border-bottom: 1px solid #e1e4e8;
+      display: flex;
+      justify-content: space-between;
+    }
+
+    .member-link {
+      color: #0366d6;
+      text-decoration: none;
+      display: flex;
+      align-items: center;
+    }
+
+    .member-avatar {
+      width: 50px;
+      height: 50px;
+      border-radius: 50%;
+      margin-right: 10px;
+    }
+
+    .member-name {
+      font-size: 18px;
+    }
+
+    .member-role {
+      text-align: right;
+      color: gray;
+    }
+  </style>
+</head>
+
+<ul class="member-list">
+  {% for member_info in site.data.members %}
+  <li class="member-item">
+    <a href="https://github.com/{{ member_info.github }}" class="member-link">
+      <img src="{{ member_info.avatar }}" alt="{{ member_info.name }}" class="member-avatar">
+      <span class="member-name"> {{ member_info.name }}</span>
+    </a>
+    <span class="member-role"> {{ member_info.role }}</span>
+  </li>
   {% endfor %}
-</ul> -->
+</ul>