Skip to content

Commit 9e7d9bf

Browse files
cmsong111cmsong111
committed
feat: Member List Page
기존 테크 블로그에서 정보 가져옴
1 parent 6f8aa6b commit 9e7d9bf

File tree

2 files changed

+138
-13
lines changed

2 files changed

+138
-13
lines changed

‎_data/members.yml

+77
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
- name: 김남주
2+
github: cmsong111
3+
avatar: https://avatars.githubusercontent.com/u/23499675?v=4
4+
role: Lead
5+
email: [email protected]
6+
description: T자형 개발자를 희망하는 학생입니다.
7+
8+
- name: 정민규
9+
github: tomorrow9913
10+
avatar: https://avatars.githubusercontent.com/u/35493042?v=4
11+
role: Core
12+
13+
- name: 정예준
14+
github: yejun614
15+
avatar: https://avatars.githubusercontent.com/u/31740224?v=4
16+
role: Core
17+
18+
- name: 조진혁
19+
github: Mina-1316
20+
avatar: https://avatars.githubusercontent.com/u/74696602?v=4
21+
role: Core
22+
23+
- name: 최서윤
24+
github: indevruis
25+
avatar: https://avatars.githubusercontent.com/u/99643711?v=4
26+
role: Core
27+
28+
- name: 박상현
29+
github: thelight0804
30+
avatar: https://avatars.githubusercontent.com/u/69424845?v=4
31+
role: Member
32+
33+
- name: 김대규
34+
github: ByeolNabi
35+
avatar: https://avatars.githubusercontent.com/u/82073780?v=4
36+
role: Member
37+
38+
- name: 박주용
39+
github: ju1645
40+
avatar: https://avatars.githubusercontent.com/u/74340864?v=4
41+
role: Member
42+
43+
- name: 임도훈
44+
github: Hun3431
45+
avatar: https://avatars.githubusercontent.com/u/68728352?v=4
46+
role: Member
47+
48+
- name: 문예진
49+
github: wive10
50+
avatar: https://avatars.githubusercontent.com/u/70935978?v=4
51+
role: Member
52+
53+
- name: 김권수
54+
github: Kuneosu
55+
avatar: https://avatars.githubusercontent.com/u/66168725?v=4
56+
role: Member
57+
58+
- name: 최범준
59+
github: 012050
60+
avatar: https://avatars.githubusercontent.com/u/101517763?v=4
61+
role: Member
62+
63+
- name: 신승우
64+
github: SeungWoo1121
65+
avatar: https://avatars.githubusercontent.com/u/144456090?v=4
66+
role: Member
67+
68+
- name: 윤채민
69+
github: oyune
70+
avatar: https://avatars.githubusercontent.com/u/93826302?v=4
71+
role: Member
72+
73+
- name: 장현제
74+
github: Hyeonje09
75+
avatar: https://avatars.githubusercontent.com/u/104563212?v=4
76+
role: Member
77+

‎_pages/member.html

+61-13
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,65 @@
33
title: Member
44
permalink: /member/
55
---
6-
<div class="implement">
7-
오픈예정
8-
</div>
9-
<!-- <h1>Staff</h1>
10-
11-
<ul>
12-
{% for member in site.members %}
13-
<li>
14-
<h2>{{ member.name }}</h2>
15-
<h3>{{ member.position }}</h3>
16-
<p>{{ member.content | markdownify }}</p>
17-
</li>
6+
7+
<head>
8+
<style>
9+
/* 커스텀 스타일 */
10+
body {
11+
display: flex;
12+
justify-content: center;
13+
align-items: flex-start;
14+
height: 100vh;
15+
margin: 0;
16+
}
17+
18+
.member-list {
19+
list-style: none;
20+
padding-left: 0;
21+
max-width: 800px;
22+
width: 100%;
23+
}
24+
25+
.member-item {
26+
padding: 8px;
27+
border-bottom: 1px solid #e1e4e8;
28+
display: flex;
29+
justify-content: space-between;
30+
}
31+
32+
.member-link {
33+
color: #0366d6;
34+
text-decoration: none;
35+
display: flex;
36+
align-items: center;
37+
}
38+
39+
.member-avatar {
40+
width: 50px;
41+
height: 50px;
42+
border-radius: 50%;
43+
margin-right: 10px;
44+
}
45+
46+
.member-name {
47+
font-size: 18px;
48+
}
49+
50+
.member-role {
51+
text-align: right;
52+
color: gray;
53+
}
54+
</style>
55+
</head>
56+
57+
<ul class="member-list">
58+
{% for member_info in site.data.members %}
59+
<li class="member-item">
60+
<a href="https://github.com/{{ member_info.github }}" class="member-link">
61+
<img src="{{ member_info.avatar }}" alt="{{ member_info.name }}" class="member-avatar">
62+
<span class="member-name"> {{ member_info.name }}</span>
63+
</a>
64+
<span class="member-role"> {{ member_info.role }}</span>
65+
</li>
1866
{% endfor %}
19-
</ul> -->
67+
</ul>

0 commit comments

Comments
 (0)