Skip to content

Commit a71b337

Browse files
committed
update
1 parent ac795b7 commit a71b337

File tree

3 files changed

+91
-13
lines changed

3 files changed

+91
-13
lines changed

data/members.yaml

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ members:
22
- name: "Matt Cobby"
33
role: "Secretary"
44
area: "Australia"
5+
linkedin: "https://www.linkedin.com/in/mattcobby/"
56

67
- name: "Ada Dai"
78
role: "Member"
@@ -26,10 +27,12 @@ members:
2627
- name: "Georg Grütter"
2728
role: "Assistant Treasurer"
2829
area: "Germany"
30+
linkedin: "https://www.linkedin.com/in/georggruetter/"
2931

3032
- name: "Sebastian Spier"
3133
role: "Board Member"
3234
area: "Germany"
35+
linkedin: "https://www.linkedin.com/in/sebastianspier/"
3336

3437
- name: "Guilherme Dellagustin"
3538
role: "Member"
@@ -38,6 +41,7 @@ members:
3841
- name: "Isabel Drost-Fromm"
3942
role: "Member"
4043
area: "Germany"
44+
linkedin: "https://www.linkedin.com/in/isabel-drost-fromm-2a064a2/"
4145

4246
- name: "Maximilian Capraro"
4347
role: "Member"
@@ -46,14 +50,17 @@ members:
4650
- name: "Tom Sadler"
4751
role: "Treasurer"
4852
area: "United Kingdom"
53+
linkedin: "https://www.linkedin.com/in/tom-sadler-5b7b0726/"
4954

5055
- name: "Danese Cooper"
5156
role: "Board Member"
5257
area: "Ireland"
58+
linkedin: "https://www.linkedin.com/in/danesecooper/"
5359

5460
- name: "Clare Dillon"
5561
role: "Board Member"
5662
area: "Ireland"
63+
linkedin: "https://www.linkedin.com/in/claredillon/"
5764

5865
- name: "Cristina Coffey"
5966
role: "Member"
@@ -66,10 +73,14 @@ members:
6673
- name: "Yuki Hattori"
6774
role: "Vice President"
6875
area: "japan"
76+
linkedin: "https://www.linkedin.com/in/yukihattori/"
77+
twitter: "https://twitter.com/yuhattor"
78+
website: "https://hattori.dev"
6979

7080
- name: "Daniel Izquierdo Cortázar"
7181
role: "President"
7282
area: "Spain"
83+
linkedin: "https://www.linkedin.com/in/dicortazar/"
7384

7485
- name: "Igor Zubaiurre"
7586
role: "Member"
@@ -118,6 +129,7 @@ members:
118129
- name: "Russell Rutledge"
119130
role: "Executive Director"
120131
area: "United States of America"
132+
linkedin: "https://www.linkedin.com/in/russellrutledge/"
121133

122134
- name: "Silona Bonewald"
123135
role: "Member"

index.html

Lines changed: 47 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
<script src="https://unpkg.com/globe.gl"></script>
99
<script src="https://d3js.org/d3.v7.min.js"></script>
1010
<script src="https://unpkg.com/topojson-client@3"></script>
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
1112
<style>
1213
body {
1314
margin: 0;
@@ -36,13 +37,28 @@
3637
top: 0;
3738
right: 0;
3839
background: rgba(255, 255, 255, 0.95);
39-
padding: 20px;
4040
box-shadow: -2px 0 5px rgba(0,0,0,0.1);
41-
overflow-y: auto;
4241
min-width: 300px;
4342
max-width: 400px;
4443
height: 100vh;
4544
z-index: 2;
45+
display: flex;
46+
flex-direction: column;
47+
}
48+
#members-panel h2 {
49+
margin: 0;
50+
padding: 20px 20px 10px 20px;
51+
color: #2c3e50;
52+
border-bottom: 2px solid #3498db;
53+
background: rgba(255, 255, 255, 0.95);
54+
position: sticky;
55+
top: 0;
56+
z-index: 3;
57+
}
58+
#members-list {
59+
flex: 1;
60+
overflow-y: auto;
61+
padding: 20px;
4662
}
4763
.region-card {
4864
padding: 20px;
@@ -76,16 +92,45 @@
7692
.member-item {
7793
padding: 8px 0;
7894
border-top: 1px solid #eee;
95+
display: flex;
96+
justify-content: space-between;
97+
align-items: flex-start;
98+
}
99+
.member-info {
100+
flex: 1;
79101
}
80102
.member-name {
81103
color: #34495e;
82104
font-weight: 500;
105+
display: flex;
106+
align-items: center;
107+
justify-content: space-between;
83108
}
84109
.member-role {
85110
color: #7f8c8d;
86111
font-size: 0.9em;
87112
margin-top: 2px;
88113
}
114+
.member-social {
115+
display: flex;
116+
gap: 12px;
117+
align-items: center;
118+
}
119+
.social-icon {
120+
color: #7f8c8d;
121+
text-decoration: none;
122+
transition: color 0.2s ease;
123+
font-size: 1.1em;
124+
}
125+
.social-icon:hover {
126+
color: #2c3e50;
127+
}
128+
.region-card.active .social-icon {
129+
color: rgba(255, 255, 255, 0.8);
130+
}
131+
.region-card.active .social-icon:hover {
132+
color: white;
133+
}
89134
.state-section {
90135
margin-top: 10px;
91136
padding-left: 15px;
@@ -99,13 +144,6 @@
99144
.region-card.active .state-section {
100145
border-left-color: rgba(255, 255, 255, 0.3);
101146
}
102-
h2 {
103-
margin-top: 0;
104-
color: #2c3e50;
105-
border-bottom: 2px solid #3498db;
106-
padding-bottom: 10px;
107-
margin-bottom: 20px;
108-
}
109147
</style>
110148
</head>
111149
<body>

js/app.js

Lines changed: 32 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,13 @@ function updateMembersList() {
170170
const panel = document.getElementById('members-panel');
171171
if (!panel) return;
172172

173-
panel.innerHTML = '<h2>Foundation Members</h2>';
173+
// ヘッダーとリストコンテナを設定
174+
panel.innerHTML = `
175+
<h2>Foundation Members</h2>
176+
<div id="members-list"></div>
177+
`;
178+
179+
const listContainer = document.getElementById('members-list');
174180

175181
// 地域ごとにメンバーをグループ化
176182
const groupedMembers = {};
@@ -248,8 +254,29 @@ function updateMembersList() {
248254
<div class="member-list">
249255
${sortedMembers.map(member => `
250256
<div class="member-item">
251-
<div class="member-name">${member.name}</div>
252-
<div class="member-role">${member.role}</div>
257+
<div class="member-info">
258+
<div class="member-name">
259+
${member.name}
260+
<div class="member-social">
261+
${member.linkedin ? `
262+
<a href="${member.linkedin}" target="_blank" rel="noopener noreferrer" class="social-icon">
263+
<i class="fab fa-linkedin"></i>
264+
</a>
265+
` : ''}
266+
${member.twitter ? `
267+
<a href="${member.twitter}" target="_blank" rel="noopener noreferrer" class="social-icon">
268+
<i class="fab fa-twitter"></i>
269+
</a>
270+
` : ''}
271+
${member.website ? `
272+
<a href="${member.website}" target="_blank" rel="noopener noreferrer" class="social-icon">
273+
<i class="fas fa-globe"></i>
274+
</a>
275+
` : ''}
276+
</div>
277+
</div>
278+
<div class="member-role">${member.role}</div>
279+
</div>
253280
</div>
254281
`).join('')}
255282
</div>
@@ -273,7 +300,8 @@ function updateMembersList() {
273300
}
274301
});
275302

276-
panel.appendChild(regionCard);
303+
// パネルではなくリストコンテナに追加
304+
listContainer.appendChild(regionCard);
277305
});
278306
}
279307

0 commit comments

Comments
 (0)