Skip to content

Commit 1f04aaa

Browse files
patmendoza6745patmendoza6745
committed
Attempt to make faciliators page
1 parent 262cead commit 1f04aaa

File tree

14 files changed

+267
-3
lines changed

14 files changed

+267
-3
lines changed

‎_config.yml‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,4 +11,20 @@ aux_links:
1111
"View on GitHub": "https://github.com/codebase-berkeley/crup"
1212

1313
nav_enabled: true
14-
color_scheme: wider
14+
color_scheme: wider
15+
16+
# Collections for website data
17+
collections:
18+
staffers:
19+
sort_by: name
20+
21+
# Default layouts for each collection type
22+
defaults:
23+
- scope:
24+
path: '_staffers'
25+
type: staffers
26+
values:
27+
layout: staffer
28+
height: 300
29+
width: 300
30+
subpath: '/assets/headshots/'

‎_layouts/staffer.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<div class="staffer">
2+
{%- if page.photo -%}
3+
<img class="staffer-image" src="{{ site.baseurl }}{{ page.subpath }}{{ page.photo }}" alt="{{ page.name }} profile photo" width="{{ page.width }}" height="{{ page.height }}">
4+
{%- else -%}
5+
<img class="staffer-image" src="{{ site.baseurl }}{{ page.subpath }}default_photo.svg" alt="{{ page.name }} profile photo" width="{{ page.width }}" height="{{ page.height }}">
6+
{%- endif -%}
7+
<div>
8+
<h3 class="staffer-name" id="{{ page.name | slugify }}">
9+
{%- if page.website -%}
10+
<a href="{{ page.website }}">{{ page.name }}</a>
11+
{%- else -%}
12+
{{ page.name }}
13+
{%- endif -%}
14+
{%- if page.pronouns -%}
15+
<span class="staffer-badge">{{ page.pronouns }}</span>
16+
{%- endif -%}
17+
</h3>
18+
19+
{%- if page.role -%}
20+
<p class="staffer-role">{{ page.role }}</p>
21+
{%- endif -%}
22+
23+
{%- if page.email -%}
24+
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
25+
{%- endif -%}
26+
27+
{%- if page.github -%}
28+
<p><a href="https://github.com/{{ page.github }}">GitHub: @{{ page.github }}</a></p>
29+
{%- endif -%}
30+
31+
{%- if page.linkedin -%}
32+
<p><a href="{{ page.linkedin }}">LinkedIn</a></p>
33+
{%- endif -%}
34+
35+
{%- if page.office_hours -%}
36+
<p class="staffer-meta">Office Hours: {{ page.office_hours | markdownify | strip_html }}</p>
37+
{%- endif -%}
38+
39+
{{ content }}
40+
</div>
41+
</div>

‎_sass/custom/_staff.scss‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
.staffer {
2+
display: flex;
3+
margin-bottom: 2rem;
4+
padding: 1.5rem;
5+
border: 1px solid var(--border);
6+
border-radius: 8px;
7+
background-color: var(--background);
8+
transition: box-shadow 0.2s ease;
9+
10+
&:hover {
11+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
12+
}
13+
14+
.staffer-image {
15+
width: 150px;
16+
height: 150px;
17+
border-radius: 50%;
18+
object-fit: cover;
19+
margin-right: 1.5rem;
20+
border: 3px solid var(--border);
21+
flex-shrink: 0;
22+
}
23+
24+
.staffer-name {
25+
margin-top: 0;
26+
margin-bottom: 0.5rem;
27+
font-size: 1.5rem;
28+
font-weight: 600;
29+
color: var(--text);
30+
31+
a {
32+
color: var(--link);
33+
text-decoration: none;
34+
35+
&:hover {
36+
text-decoration: underline;
37+
}
38+
}
39+
}
40+
41+
.staffer-badge {
42+
display: inline-block;
43+
background-color: var(--primary);
44+
color: white;
45+
padding: 0.25rem 0.5rem;
46+
border-radius: 12px;
47+
font-size: 0.75rem;
48+
font-weight: 500;
49+
margin-left: 0.5rem;
50+
}
51+
52+
.staffer-role {
53+
font-weight: 500;
54+
color: var(--primary);
55+
margin-bottom: 0.5rem;
56+
font-size: 1.1rem;
57+
}
58+
59+
.staffer-meta {
60+
font-size: 0.9rem;
61+
color: var(--text-muted);
62+
margin-bottom: 0.5rem;
63+
}
64+
65+
p {
66+
margin-bottom: 0.5rem;
67+
68+
a {
69+
color: var(--link);
70+
text-decoration: none;
71+
72+
&:hover {
73+
text-decoration: underline;
74+
}
75+
}
76+
}
77+
78+
// Responsive design
79+
@media (max-width: 768px) {
80+
flex-direction: column;
81+
text-align: center;
82+
83+
.staffer-image {
84+
margin-right: 0;
85+
margin-bottom: 1rem;
86+
width: 120px;
87+
height: 120px;
88+
}
89+
}
90+
}
91+
92+
// Staff grid layout for better organization
93+
.staff-grid {
94+
display: grid;
95+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
96+
gap: 1.5rem;
97+
margin-top: 2rem;
98+
}
99+
100+
// Section headers
101+
.staff-section {
102+
margin-top: 3rem;
103+
margin-bottom: 2rem;
104+
105+
h2 {
106+
border-bottom: 2px solid var(--primary);
107+
padding-bottom: 0.5rem;
108+
margin-bottom: 1.5rem;
109+
}
110+
}

‎_sass/custom/custom.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
// Custom styles for CRUP
2+
@import "staff";

‎_staffers/anika_lecturer.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
name: Anika
3+
role: Instructor
4+
email: [email protected]
5+
github: anika
6+
linkedin: https://linkedin.com/in/anika
7+
office_hours: Tuesdays 2-4 PM, Thursdays 1-3 PM
8+
---
9+
Hi! I'm Anika, one of the instructors for CRUP. I'll be teaching the Python programming fundamentals and helping you build a strong foundation in software engineering. I love seeing students grow their confidence with coding and problem-solving. When I'm not teaching, I'm usually working on open-source projects or exploring new programming languages.

‎_staffers/jessica_he.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
name: Jessica He
3+
role: EdVP
4+
email: [email protected]
5+
photo: jessica_he.png
6+
pronouns: She/Her/Hers
7+
github: jessicahe
8+
linkedin: https://linkedin.com/in/jessicahe
9+
---
10+
Hi! I'm Jessica, one of the EdVPs for Codebase. I'm passionate about making tech education accessible and building inclusive communities. I love working on machine learning projects and helping students grow their technical skills. When I'm not coding, you can find me exploring new coffee shops or hiking in the Bay Area!

‎_staffers/patrick_mendoza.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
name: Patrick Mendoza
3+
role: EdVP
4+
email: [email protected]
5+
photo: patrick_mendoza.jpeg
6+
pronouns: He/Him/His
7+
github: patrickmendoza
8+
linkedin: https://linkedin.com/in/patrickmendoza
9+
---
10+
Hey everyone! I'm Patrick, the other EdVP for Codebase. I'm excited to help you ramp up your software engineering and machine learning skills! I specialize in full-stack development and have worked on projects ranging from web applications to ML pipelines. I believe in learning by doing, so get ready for some hands-on projects. Outside of tech, I enjoy playing guitar and exploring the Berkeley food scene.

‎_staffers/sarah_ta.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
name: Sarah Chen
3+
role: TA
4+
email: [email protected]
5+
github: sarahchen
6+
linkedin: https://linkedin.com/in/sarahchen
7+
office_hours: Mondays 3-5 PM, Wednesdays 4-6 PM
8+
---
9+
Hello! I'm Sarah, a teaching assistant for CRUP. I'm here to help you with any questions about the material, debugging your code, or just general programming concepts. I specialize in web development and machine learning, so feel free to ask me anything about React, Python, or ML frameworks. I'm excited to help you on your coding journey!

‎assets/headshots/default_photo.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎assets/headshots/jessica_he.png‎

1.39 MB
Loading

0 commit comments

Comments
 (0)