Skip to content

Commit 35e467d

Browse files
patmendoza6745patmendoza6745
committed
Update staff
1 parent 602c7f6 commit 35e467d

File tree

3 files changed

+196
-191
lines changed

3 files changed

+196
-191
lines changed

‎_sass/custom.scss‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050
.staffer-badge {
5151
display: inline-block;
5252
background-color: #f6f8fa;
53-
color: #0366d6;
53+
color: #0366d6 !important;
5454
padding: 0.16em 0.56em;
5555
border-radius: 6px;
5656
font-size: 0.8em;
@@ -60,6 +60,13 @@
6060
border: 1px solid #e1e4e8;
6161
}
6262

63+
/* Specific styling for pronouns badges (not role badges) */
64+
.staffer-name .staffer-badge {
65+
background-color: #f6f8fa !important;
66+
color: #0366d6 !important;
67+
border: 1px solid #e1e4e8 !important;
68+
}
69+
6370
.staffer-role {
6471
font-weight: 500;
6572
color: #0366d6;

‎docs/staff.md‎

Lines changed: 188 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,193 @@
11
---
2-
title: Faciliators
3-
nav_order: 4
4-
layout: home
2+
layout: page
3+
title: Staff
4+
nav_order: 3
5+
description: Meet the CRUP team and instructors.
56
---
67

7-
## Faciliators
8+
<style>
9+
/* Staff layout inspired by Data 100 fa25 */
10+
.role {
11+
display: flex;
12+
flex-wrap: wrap;
13+
margin-bottom: 2rem;
14+
}
815

16+
.staffer {
17+
display: flex;
18+
flex-basis: 90%;
19+
padding: 1rem;
20+
padding-right: 2rem;
21+
margin-bottom: 1rem;
22+
border: 1px solid #e1e4e8;
23+
border-radius: 8px;
24+
background-color: #ffffff;
25+
transition: box-shadow 0.2s ease;
26+
}
927

28+
.staffer:hover {
29+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
30+
}
31+
32+
.staffer-image {
33+
border-radius: 50%;
34+
height: 100px;
35+
width: 100px;
36+
margin-right: 1rem;
37+
object-fit: cover;
38+
flex-shrink: 0;
39+
}
40+
41+
.staffer-name {
42+
margin: 0.25rem 0;
43+
font-size: 1.2rem;
44+
font-weight: 600;
45+
color: #24292e;
46+
}
47+
48+
.staffer-name a {
49+
color: #0366d6;
50+
text-decoration: none;
51+
}
52+
53+
.staffer-name a:hover {
54+
text-decoration: underline;
55+
}
56+
57+
.staffer-badge {
58+
display: inline-block;
59+
background-color: #f6f8fa;
60+
color: #0366d6 !important;
61+
padding: 0.16em 0.56em;
62+
border-radius: 6px;
63+
font-size: 0.8em;
64+
font-weight: 500;
65+
margin-left: 0.5rem;
66+
text-transform: uppercase;
67+
border: 1px solid #e1e4e8;
68+
}
69+
70+
/* Specific styling for pronouns badges (not role badges) */
71+
.staffer-name .staffer-badge {
72+
background-color: #f6f8fa !important;
73+
color: #0366d6 !important;
74+
border: 1px solid #e1e4e8 !important;
75+
}
76+
77+
.staffer-role {
78+
font-weight: 500;
79+
color: #0366d6;
80+
margin: 0.25rem 0;
81+
font-size: 1rem;
82+
}
83+
84+
.staffer-meta {
85+
font-size: 0.9rem;
86+
color: #586069;
87+
margin: 0.25rem 0;
88+
}
89+
90+
.staffer p {
91+
margin: 0.25rem 0;
92+
line-height: 1.5;
93+
}
94+
95+
.staffer p a {
96+
color: #0366d6;
97+
text-decoration: none;
98+
}
99+
100+
.staffer p a:hover {
101+
text-decoration: underline;
102+
}
103+
104+
/* Role-specific styling */
105+
.label-EdVP {
106+
background-color: #624099;
107+
color: white;
108+
border: none;
109+
}
110+
111+
.label-Instructor {
112+
background-color: #5e1c82;
113+
color: white;
114+
border: none;
115+
}
116+
117+
.label-TA {
118+
background-color: #935CBC;
119+
color: white;
120+
border: none;
121+
}
122+
123+
.label-Mentor {
124+
background-color: #006C67;
125+
color: white;
126+
border: none;
127+
}
128+
129+
/* Responsive design */
130+
@media (max-width: 768px) {
131+
.staffer {
132+
flex-direction: column;
133+
text-align: center;
134+
padding: 1rem;
135+
}
136+
137+
.staffer-image {
138+
margin-right: 0;
139+
margin-bottom: 1rem;
140+
}
141+
142+
.role {
143+
flex-direction: column;
144+
}
145+
146+
.staffer {
147+
flex-basis: 100%;
148+
}
149+
}
150+
</style>
151+
152+
# Staff
153+
154+
## Course Staff Email
155+
156+
{: .important }
157+
> Contact course staff **via Ed** with any questions or concerns. For general inquiries, you can reach us at [[email protected]](mailto:[email protected]).
158+
159+
## Executive Vice Presidents (EdVPs)
160+
161+
<div class="role">
162+
{% assign edvps = site.staffers | where: 'role', 'EdVP' %}
163+
{% for staffer in edvps %}
164+
{{ staffer }}
165+
{% endfor %}
166+
</div>
167+
168+
## Instructors
169+
170+
<div class="role">
171+
{% assign instructors = site.staffers | where: 'role', 'Instructor' %}
172+
{% for staffer in instructors %}
173+
{{ staffer }}
174+
{% endfor %}
175+
</div>
176+
177+
## Teaching Assistants
178+
179+
<div class="role">
180+
{% assign tas = site.staffers | where: 'role', 'TA' %}
181+
{% for staffer in tas %}
182+
{{ staffer }}
183+
{% endfor %}
184+
</div>
185+
186+
## Mentors
187+
188+
<div class="role">
189+
{% assign mentors = site.staffers | where: 'role', 'Mentor' %}
190+
{% for staffer in mentors %}
191+
{{ staffer }}
192+
{% endfor %}
193+
</div>

0 commit comments

Comments
 (0)