Skip to content

Commit 12faf59

Browse files
NeuroShepherdNeuroShepherd
authored
Merge pull request #56 from lmu-osc/issue-48-people-pages
Added templates for various levels of people pages
2 parents 7e41eb5 + 367e6ea commit 12faf59

29 files changed

+904
-316
lines changed

‎people/_metadata.yml‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,22 @@
11
format:
22
html:
3+
grid:
4+
sidebar-width: 300px
5+
body-width: 1000px
6+
margin-width: 150px
7+
gutter-width: 1.5rem
38
css:
49
- ../styles.css
5-
- ../people.css
10+
- people.css
611
page-layout: full
712
toc: false
813
include-in-header:
914
- text: |
1015
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
1116
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
12-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
17+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
18+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
1319
execute:
1420
echo: false
21+
22+

‎people/advisory-board.qmd‎

Lines changed: 10 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,16 @@
11
---
2-
format:
3-
html:
4-
toc: true
5-
toc-depth: 1
6-
css:
7-
- people.css
8-
page-layout: full
9-
include-in-header:
10-
- text: |
11-
<script src="../assets/javascript/display_name_hover.js" defer></script>
122
title: "Advisory Board"
13-
editor: source
14-
repo-actions: false
153
listing:
16-
- id: current-advisory-board-listing
17-
contents: profiles
18-
template: people-listing.ejs
19-
include:
20-
membertype: "current advisory board"
21-
- id: past-advisory-board-listing
22-
contents: profiles
23-
template: people-listing.ejs
24-
include:
25-
membertype: "past advisory board"
4+
- id: current-advisory-board
5+
contents:
6+
- people
7+
template: listings/management-listing.ejs
8+
sort: "display_weight asc"
9+
include:
10+
membertype: "current advisory board"
2611
---
2712

13+
## Current Advisory Board
2814

29-
30-
31-
32-
# Advisory Board
33-
::: {#current-advisory-board-listing}
34-
:::
35-
36-
37-
# Previous Advisory Board
38-
::: {#past-advisory-board-listing}
39-
:::
40-
15+
::: {#current-advisory-board}
16+
:::

‎people/alumnae.qmd‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,14 @@
11
---
22
title: "Alumnae"
3-
format: html
3+
listing:
4+
- id: alumnae
5+
contents:
6+
- people
7+
template: listings/general-listing.ejs
8+
sort: "display_weight asc"
9+
include:
10+
membertype: "alumni"
411
---
512

13+
::: {#alumnae}
14+
:::

‎people/associate_profiles.qmd‎

Lines changed: 228 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,228 @@
1+
---
2+
position: ""
3+
format:
4+
html:
5+
css: styles.css
6+
page-layout: full
7+
toc: false
8+
include-in-header:
9+
- text: |
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
11+
---
12+
```{=html}
13+
14+
<style>
15+
:root {
16+
--theme-main: #2b864b;
17+
--theme-bg: #f5f6fa;
18+
--theme-card-bg: #fff;
19+
--theme-card-shadow: 0 2px 10px rgba(43,134,75,0.10);
20+
--theme-border: #e3e7ed;
21+
}
22+
23+
body {
24+
background: var(--theme-bg);
25+
margin: 0;
26+
min-height: 100vh;
27+
}
28+
29+
.header-section {
30+
font-size: 2.6rem;
31+
font-weight: 700;
32+
color: #2b864b;
33+
margin-bottom: 1.1rem;
34+
letter-spacing: -0.5px;
35+
}
36+
37+
.member-grid {
38+
display: grid;
39+
grid-template-columns: repeat(6, 1fr);
40+
gap: 1rem;
41+
width: 100%;
42+
}
43+
44+
.profile-link {
45+
display: contents;
46+
text-decoration: none;
47+
color: inherit;
48+
height: 100%;
49+
}
50+
51+
.member-grid-item {
52+
display: flex;
53+
flex-direction: column;
54+
justify-content: flex-start;
55+
align-items: stretch;
56+
background: var(--theme-card-bg);
57+
border-radius: 10px;
58+
box-shadow: var(--theme-card-shadow);
59+
border: 1.5px solid var(--theme-border);
60+
padding: 0.5rem;
61+
text-align: center;
62+
transition: transform 0.13s, box-shadow 0.13s;
63+
cursor: pointer;
64+
height: 280px;
65+
width: 170px;
66+
box-sizing: border-box;
67+
overflow: hidden;
68+
}
69+
70+
.member-grid-item:hover {
71+
transform: translateY(-5px) scale(1.025);
72+
box-shadow: 0 8px 32px rgba(43,134,75,0.15);
73+
border-color: var(--theme-main);
74+
}
75+
76+
.member-grid-image {
77+
width: 84px;
78+
height: 84px;
79+
object-fit: cover;
80+
border-radius: 50%;
81+
margin: 0 auto 0.6rem auto;
82+
border: 3px solid var(--theme-main);
83+
background: #d5f5e3;
84+
box-shadow: 0 1px 6px rgba(43,134,75,0.12);
85+
flex-shrink: 0;
86+
}
87+
88+
.member-grid-position {
89+
font-size: 0.75rem;
90+
color: #70877c;
91+
margin-bottom: 0.3rem;
92+
font-weight: 600;
93+
}
94+
95+
.member-grid-name {
96+
font-size: 1rem;
97+
font-weight: bold;
98+
color: #212c2b;
99+
margin-bottom: 0.3rem;
100+
line-height: 1.2;
101+
min-height: 2.6em;
102+
max-height: 2.9em;
103+
display: flex;
104+
align-items: center;
105+
justify-content: center;
106+
text-align: center;
107+
}
108+
109+
.member-grid-org {
110+
font-size: 0.85rem;
111+
color: #45695f;
112+
margin-bottom: 0.2rem;
113+
}
114+
115+
.member-grid-faculty {
116+
font-size: 0.80rem;
117+
color: #70877c;
118+
margin-bottom: 0.1rem;
119+
}
120+
121+
.member-socials {
122+
display: flex;
123+
justify-content: right;
124+
padding-top: 0.2rem;
125+
}
126+
127+
.social-link {
128+
display: inline-flex;
129+
align-items: center;
130+
justify-content: center;
131+
background: none;
132+
box-shadow: none;
133+
color: #2b864b;
134+
text-decoration: none;
135+
font-size: 1.4rem;
136+
width: auto;
137+
height: auto;
138+
border: none;
139+
border-radius: 0;
140+
padding: 0;
141+
cursor: pointer;
142+
transition: color 0.2s;
143+
}
144+
145+
.social-link:hover {
146+
color: #BEE3F8;
147+
background: none;
148+
}
149+
150+
.social-link i {
151+
font-size: inherit;
152+
margin: 0;
153+
vertical-align: middle;
154+
}
155+
156+
</style>
157+
158+
<div class= "header-section">Associated Members</div>
159+
160+
<div class="member-grid">
161+
162+
<div class="profile-link" onclick="window.location='profile-felix.html'">
163+
<div class="member-grid-item">
164+
<div class="member-socials">
165+
<a href="https://orchid.org" title="OrcID" target="_blank" class="social-link" onclick="event.stopPropagation()">
166+
<i class="fa-brands fa-orcid"></i>
167+
</a>
168+
</div>
169+
<img src="images/felix.jpeg" class="member-grid-image" alt="Felix Schönbrodt">
170+
<div class="member-grid-name">Felix Schönbrodt</div>
171+
<div class="member-grid-position">Prof. Dr.</div>
172+
<div class="member-grid-org">Max Planck Institute for Biological Intelligence</div>
173+
</div>
174+
175+
<div class="profile-link" onclick="window.location='profile-felix.html'">
176+
<div class="member-grid-item">
177+
<div class="member-socials">
178+
<a href="https://orchid.org" title="OrcID" target="_blank" class="social-link" onclick="event.stopPropagation()">
179+
<i class="fa-brands fa-orcid"></i>
180+
</a>
181+
</div>
182+
<img src="images/felix.jpeg" class="member-grid-image" alt="Felix Schönbrodt">
183+
<div class="member-grid-name">Felix Schönbrodt</div>
184+
<div class="member-grid-position">Prof. Dr.</div>
185+
<div class="member-grid-org">Max Planck Institute for Biological Intelligence</div>
186+
</div>
187+
188+
<div class="profile-link" onclick="window.location='profile-felix.html'">
189+
<div class="member-grid-item">
190+
<div class="member-socials">
191+
<a href="https://orchid.org" title="OrcID" target="_blank" class="social-link" onclick="event.stopPropagation()">
192+
<i class="fa-brands fa-orcid"></i>
193+
</a>
194+
</div>
195+
<img src="images/felix.jpeg" class="member-grid-image" alt="Felix Schönbrodt">
196+
<div class="member-grid-name">Felix Schönbrodt</div>
197+
<div class="member-grid-position">Prof. Dr.</div>
198+
<div class="member-grid-org">Max Planck Institute for Biological Intelligence</div>
199+
</div>
200+
201+
<div class="profile-link" onclick="window.location='profile-felix.html'">
202+
<div class="member-grid-item">
203+
<div class="member-socials">
204+
<a href="https://orchid.org" title="OrcID" target="_blank" class="social-link" onclick="event.stopPropagation()">
205+
<i class="fa-brands fa-orcid"></i>
206+
</a>
207+
</div>
208+
<img src="images/felix.jpeg" class="member-grid-image" alt="Felix Schönbrodt">
209+
<div class="member-grid-name">Felix Schönbrodt</div>
210+
<div class="member-grid-position">Prof. Dr.</div>
211+
<div class="member-grid-org">Max Planck Institute for Biological Intelligence</div>
212+
</div>
213+
214+
<div class="profile-link" onclick="window.location='profile-felix.html'">
215+
<div class="member-grid-item">
216+
<div class="member-socials">
217+
<a href="https://orchid.org" title="OrcID" target="_blank" class="social-link" onclick="event.stopPropagation()">
218+
<i class="fa-brands fa-orcid"></i>
219+
</a>
220+
</div>
221+
<img src="images/felix.jpeg" class="member-grid-image" alt="Felix Schönbrodt">
222+
<div class="member-grid-name">Felix Schönbrodt</div>
223+
<div class="member-grid-position">Prof. Dr.</div>
224+
<div class="member-grid-org">Max Planck Institute for Biological Intelligence</div>
225+
</div>
226+
227+
</div>
228+
```

‎people/fellows.qmd‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,14 @@
11
---
22
title: "Fellows"
3-
format: html
3+
listing:
4+
- id: fellows
5+
contents:
6+
- people
7+
template: listings/general-listing.ejs
8+
sort: "display_weight asc"
9+
include:
10+
membertype: "fellow"
411
---
512

13+
::: {#fellows}
14+
:::

0 commit comments

Comments
 (0)