Skip to content

Commit 94490ed

Browse files
kungfuchickenkungfuchicken
authored
Merge pull request #144 from oss-slu/71-react-component-for-profile-pictures
#71 updated current and prev tech leads; replaced raw html with the react components using .mdx
2 parents 1d5e6bd + c8f920d commit 94490ed

File tree

11 files changed

+273
-75
lines changed

11 files changed

+273
-75
lines changed

‎docs/about/about.md renamed to ‎docs/about/about.mdx

Lines changed: 7 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ title: About Us
44
custom_edit_url: null
55
---
66

7+
import CurrentGradTechLeads from '../../src/components/people/CurrentGradTechLeads';
8+
import PrevGradTechLeads from '../../src/components/people/PrevGradTechLeads';
9+
710
Open Source with SLU was established to help SLU researchers with their custom software needs, and to give students practical software development experience. The program is funded by a grant from the Alfred P. Sloan Foundation, and employs Computer Science graduate students to prototype, design, and deliver open-source software to help SLU researchers and their collaborators worldwide. Undergraduate students enrolled in project-based courses work with Open Source with SLU under the mentorship of our graduate students to contribute to ongoing open source projects.
811

912
## Leadership Team
@@ -27,51 +30,9 @@ Kate Holdener is an Assistant Professor of Computer Science at Saint Louis Unive
2730

2831
Graduate students are at the heart of our open-sour​ce program. They work with SLU researchers to understand their software needs, iterate on software prototypes, and deliver proof of concept solutions. Graduate students lead and mentor our undergraduate open-source developers.
2932

30-
### Current Graduate Assistant Team Leads
31-
<div className="techLeadsGrid">
32-
<div className="techLead">
33-
<a href = "https://github.com/AbhilashKotha">
34-
<img src="/img/abhilash_avatar.jpg" alt="Abhilash Kotha - Graduate Assistant Team Lead" className="teamLeadImage"/>
35-
<p>Abhilash Kotha</p>
36-
</a>
37-
</div>
38-
<div className="techLead">
39-
<a href = "https://github.com/loganwyas">
40-
<img src="/img/logan_avatar.jpg" alt="Logan Wyas - Graduate Assistant Team Lead" className="teamLeadImage"/>
41-
<p>Logan Wyas</p>
42-
</a>
43-
</div>
44-
<div className="techLead">
45-
<a href= "https://github.com/ruthvikm">
46-
<img src="/img/ruthvik_avatar.png" alt="Ruthvik Mannem- Graduate Assistant Team Lead" className="teamLeadImage"/>
47-
<p>Ruthvik Manneem</p>
48-
</a>
49-
</div>
50-
<div className="techLead">
51-
<a href = "https://github.com/LikhitaPulijala">
52-
<img src="/img/likhita-avatar.jpg" alt="Sailikhita Pulijala - Graduate Assistant Team Lead" className="teamLeadImage"/>
53-
<p>Sailikhita Pulijala</p>
54-
</a>
55-
</div>
56-
<div className="techLead">
57-
<a href="https://github.com/SiriChandanaGarimella">
58-
<img src="/img/siri_avatar.jpg" alt="Siri Chandana Garimella - Graduate Assistant Team Lead" className="teamLeadImage"/>
59-
<p>Siri Chandana Garimella</p>
60-
</a>
61-
</div>
62-
<div className="techLead">
63-
<a href ="https://yashb196.github.io/yashb196/">
64-
<img src="/img/yash_avatar1.jpg" alt="Yash Kamal Bhatia - Graduate Assistant Team Lead" className="teamLeadImage"/>
65-
<p>Yash Kamal Bhatia</p>
66-
</a>
67-
</div>
68-
<div className="techLead">
69-
<a href = "https://github.com/yashaswini-slu">
70-
<img src="/img/yashaswini_avatar.jpg" alt="Yashaswini Shivalingaiah - Graduate Assistant Team Lead" className="teamLeadImage"/>
71-
<p>Yashaswini Shivalingaiah</p>
72-
</a>
73-
</div>
74-
</div>
33+
### Current Tech Leads
34+
35+
<CurrentGradTechLeads/>
7536

7637
### Individual Developers
7738

@@ -92,36 +53,7 @@ Graduate students are at the heart of our open-sour​ce program. They work with
9253

9354
### Previous Graduate Assistant Team Leads
9455

95-
<div className="techLeadsGrid">
96-
<div className="techLead">
97-
<a href = "https://github.com/GreihMurray">
98-
<img src="/img/greih.jpg" alt="Greih Murray - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
99-
<p>Greih Murray</p>
100-
</a>
101-
</div>
102-
<div className="techLead">
103-
<a href = "https://github.com/HalimaMalik">
104-
<img src="/img/halima.jpg" alt="Halima Malik - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
105-
<p>Halima Malik</p>
106-
</a>
107-
</div>
108-
<div className="techLead">
109-
<a href = "https://github.com/OmarAlAkkad">
110-
<img src="/img/Omar.jpg" alt="Omar Al Akkad - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
111-
<p>Omar Al Akkad</p>
112-
</a>
113-
</div>
114-
<div className="techLead">
115-
<a href = "https://github.com/aithaprasad">
116-
<img src="/img/uday.jpg" alt="Uday Prasad Aitha - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
117-
<p>Uday Prasad Aitha</p>
118-
</a>
119-
</div>
120-
</div>
121-
122-
123-
124-
56+
<PrevGradTechLeads/>
12557

12658
## SLU Research Team Leads
12759

‎next.config.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
const withMDX = require('@next/mdx')({
2+
extension: /\.mdx?$/
3+
});
4+
5+
module.exports = withMDX({
6+
pageExtensions: ['js', 'jsx', 'md', 'mdx']
7+
});
8+

‎package-lock.json

Lines changed: 43 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,9 @@
1616
"dependencies": {
1717
"@docusaurus/core": "3.3.2",
1818
"@docusaurus/preset-classic": "3.3.2",
19+
"@mdx-js/loader": "^3.1.0",
1920
"@mdx-js/react": "3.0.1",
21+
"@next/mdx": "^15.0.3",
2022
"canvas": "^2.11.0",
2123
"clsx": "^1.2.1",
2224
"docusaurus": "^1.14.7",

‎src/components/people/CurrentGradTechLeads/index.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React from 'react';
2+
import currentGradTechLeads from '../../../data/people/currentGradTechLeads.json';
3+
import Profile from '../Profile';
4+
5+
function CurrentGradTechLeads() {
6+
7+
return (
8+
<div className="techLeadsGrid">
9+
{currentGradTechLeads.map((techLead, index) => (
10+
<Profile
11+
key={`current-grad-tech-lead-${index}`}
12+
imgSrc={techLead.image}
13+
name={techLead.name}
14+
profileLink={techLead.profileLink}
15+
/>
16+
))}
17+
</div>
18+
);
19+
}
20+
21+
export default CurrentGradTechLeads;

‎src/components/people/PrevGradTechLeads/index.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React from 'react';
2+
import prevGradTechLeads from '../../../data/people/prevGradTechLeads.json';
3+
import Profile from '../Profile';
4+
5+
function PrevGradTechLeads() {
6+
7+
return (
8+
<div className="techLeadsGrid">
9+
{prevGradTechLeads.map((techLead, index) => (
10+
<Profile
11+
key={`prev-grad-tech-lead-${index}`}
12+
imgSrc={techLead.image}
13+
name={techLead.name}
14+
profileLink={techLead.profileLink}
15+
/>
16+
))}
17+
</div>
18+
);
19+
}
20+
21+
export default PrevGradTechLeads;

‎src/components/people/Profile/index.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import React from 'react';
2+
3+
function Profile({ imgSrc, name, profileLink, description }) {
4+
const githubUsername = profileLink.split('/').pop();
5+
const githubImgSrc = `https://github.com/${githubUsername}.png`;
6+
7+
return (
8+
<div className="techLead">
9+
<a href={profileLink}>
10+
<img src={imgSrc || githubImgSrc} alt={name} className="teamLeadImage"/>
11+
<p>{name}</p>
12+
</a>
13+
</div>
14+
);
15+
}
16+
17+
export default Profile;

‎src/data/people/currentGradTechLeads.json

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
[
2+
{
3+
"name": "Siri Chandana Garimella",
4+
"image": "/img/siri_avatar.jpg",
5+
"profileLink": "https://github.com/SiriChandanaGarimella"
6+
},
7+
{
8+
"name": "Anjali Putta",
9+
"image": "/img/anjali_avatar.jpeg",
10+
"profileLink": "https://anjaliofficial.netlify.app/"
11+
},
12+
{
13+
"name": "Yenkatarajalaxmi Manohar Meda",
14+
"image": "/img/manohar_avatar.jpg",
15+
"profileLink": "https://github.com/yrlmanoharreddy"
16+
},
17+
{
18+
"name": "Ajith Akuthota",
19+
"image": "",
20+
"profileLink": "https://github.com/AjithAkuthota23"
21+
},
22+
{
23+
"name": "Mohammad Al-Hanoosh",
24+
"image": "",
25+
"profileLink": "https://github.com/mohamdlog"
26+
},
27+
{
28+
"name": "Lalith Adithya Reddy Avuthu",
29+
"image": "",
30+
"profileLink": "https://github.com/alar12"
31+
},
32+
{
33+
"name": "Sagar Badgujar",
34+
"image": "",
35+
"profileLink": "https://github.com/sagar3181"
36+
},
37+
{
38+
"name": "Jack Belyeu",
39+
"image": "",
40+
"profileLink": "https://github.com/jackbelyeu"
41+
},
42+
{
43+
"name": "Pranitha Bollepalli",
44+
"image": "",
45+
"profileLink": "https://github.com/BollepalliPranitha"
46+
},
47+
{
48+
"name": "Chirag Gupta",
49+
"image": "",
50+
"profileLink": "https://github.com/Chirag2x"
51+
},
52+
{
53+
"name": "Sri Tammiraja",
54+
"image": "",
55+
"profileLink": "https://github.com/jacksayshi"
56+
},
57+
{
58+
"name": "Devi Priya Kolla",
59+
"image": "",
60+
"profileLink": "https://github.com/DeviPriya-Kolla"
61+
},
62+
{
63+
"name": "Karthik Mangineni",
64+
"image": "",
65+
"profileLink": "https://github.com/rcAsironman"
66+
},
67+
{
68+
"name": "Supraja Mannava",
69+
"image": "",
70+
"profileLink": "https://github.com/suprajamannava17"
71+
},
72+
{
73+
"name": "Sowmya Mutya",
74+
"image": "",
75+
"profileLink": "https://github.com/MutyaSowmya123"
76+
},
77+
{
78+
"name": "Victor Onoja",
79+
"image": "",
80+
"profileLink": "https://github.com/git-voo"
81+
},
82+
{
83+
"name": "Rakesh Ranga Buram",
84+
"image": "",
85+
"profileLink": "https://github.com/Rakesh-Ranga-Buram"
86+
},
87+
{
88+
"name": "Harshitha Thota",
89+
"image": "",
90+
"profileLink": "https://github.com/HarshithaThota"
91+
},
92+
{
93+
"name": "Brijitha Tialu",
94+
"image": "",
95+
"profileLink": "https://github.com/Brijitha1609"
96+
},
97+
{
98+
"name": "Zanxiang Wang",
99+
"image": "",
100+
"profileLink": "https://github.com/BaloneyBoy97"
101+
}
102+
]

0 commit comments

Comments
 (0)