Skip to content

Commit

Permalink
#71 updated current and prev tech leads; replaced raw html with the r…
Browse files Browse the repository at this point in the history
…eact components using .mdx
  • Loading branch information
anjaliputta committed Nov 12, 2024
1 parent c921c6b commit e286fc5
Show file tree
Hide file tree
Showing 11 changed files with 185 additions and 75 deletions.
82 changes: 7 additions & 75 deletions docs/about/about.md → docs/about/about.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@ title: About Us
custom_edit_url: null
---

import CurrentGradTechLeads from '../../src/components/people/CurrentGradTechLeads';
import PrevGradTechLeads from '../../src/components/people/PrevGradTechLeads';

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.

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

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.

### Current Graduate Assistant Team Leads
<div className="techLeadsGrid">
<div className="techLead">
<a href = "https://github.com/AbhilashKotha">
<img src="/img/abhilash_avatar.jpg" alt="Abhilash Kotha - Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Abhilash Kotha</p>
</a>
</div>
<div className="techLead">
<a href = "https://github.com/loganwyas">
<img src="/img/logan_avatar.jpg" alt="Logan Wyas - Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Logan Wyas</p>
</a>
</div>
<div className="techLead">
<a href= "https://github.com/ruthvikm">
<img src="/img/ruthvik_avatar.png" alt="Ruthvik Mannem- Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Ruthvik Manneem</p>
</a>
</div>
<div className="techLead">
<a href = "https://github.com/LikhitaPulijala">
<img src="/img/likhita-avatar.jpg" alt="Sailikhita Pulijala - Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Sailikhita Pulijala</p>
</a>
</div>
<div className="techLead">
<a href="https://github.com/SiriChandanaGarimella">
<img src="/img/siri_avatar.jpg" alt="Siri Chandana Garimella - Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Siri Chandana Garimella</p>
</a>
</div>
<div className="techLead">
<a href ="https://yashb196.github.io/yashb196/">
<img src="/img/yash_avatar1.jpg" alt="Yash Kamal Bhatia - Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Yash Kamal Bhatia</p>
</a>
</div>
<div className="techLead">
<a href = "https://github.com/yashaswini-slu">
<img src="/img/yashaswini_avatar.jpg" alt="Yashaswini Shivalingaiah - Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Yashaswini Shivalingaiah</p>
</a>
</div>
</div>
### Current Tech Leads

<CurrentGradTechLeads/>

### Individual Developers

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

### Previous Graduate Assistant Team Leads

<div className="techLeadsGrid">
<div className="techLead">
<a href = "https://github.com/GreihMurray">
<img src="/img/greih.jpg" alt="Greih Murray - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Greih Murray</p>
</a>
</div>
<div className="techLead">
<a href = "https://github.com/HalimaMalik">
<img src="/img/halima.jpg" alt="Halima Malik - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Halima Malik</p>
</a>
</div>
<div className="techLead">
<a href = "https://github.com/OmarAlAkkad">
<img src="/img/Omar.jpg" alt="Omar Al Akkad - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Omar Al Akkad</p>
</a>
</div>
<div className="techLead">
<a href = "https://github.com/aithaprasad">
<img src="/img/uday.jpg" alt="Uday Prasad Aitha - Previous Graduate Assistant Team Lead" className="teamLeadImage"/>
<p>Uday Prasad Aitha</p>
</a>
</div>
</div>




<PrevGradTechLeads/>

## SLU Research Team Leads

Expand Down
8 changes: 8 additions & 0 deletions next.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
const withMDX = require('@next/mdx')({
extension: /\.mdx?$/
});

module.exports = withMDX({
pageExtensions: ['js', 'jsx', 'md', 'mdx']
});

43 changes: 43 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 2 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,9 @@
"dependencies": {
"@docusaurus/core": "3.3.2",
"@docusaurus/preset-classic": "3.3.2",
"@mdx-js/loader": "^3.1.0",
"@mdx-js/react": "3.0.1",
"@next/mdx": "^15.0.3",
"canvas": "^2.11.0",
"clsx": "^1.2.1",
"docusaurus": "^1.14.7",
Expand Down
21 changes: 21 additions & 0 deletions src/components/people/CurrentGradTechLeads/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import React from 'react';
import currentGradTechLeads from '../../../data/people/currentGradTechLeads.json';
import Profile from '../Profile';

function CurrentGradTechLeads() {
console.log('curr', currentGradTechLeads)
return (
<div className="techLeadsGrid">
{currentGradTechLeads.map((techLead, index) => (
<Profile
key={`current-grad-tech-lead-${index}`}
imgSrc={techLead.image}
name={techLead.name}
profileLink={techLead.profileLink}
/>
))}
</div>
);
}

export default CurrentGradTechLeads;
21 changes: 21 additions & 0 deletions src/components/people/PrevGradTechLeads/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import React from 'react';
import prevGradTechLeads from '../../../data/people/prevGradTechLeads.json';
import Profile from '../Profile';

function PrevGradTechLeads() {
console.log('prev', prevGradTechLeads)
return (
<div className="techLeadsGrid">
{prevGradTechLeads.map((techLead, index) => (
<Profile
key={`prev-grad-tech-lead-${index}`}
imgSrc={techLead.image}
name={techLead.name}
profileLink={techLead.profileLink}
/>
))}
</div>
);
}

export default PrevGradTechLeads;
14 changes: 14 additions & 0 deletions src/components/people/Profile/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react';

function Profile({ imgSrc, name, profileLink, description }) {
return (
<div className="techLead">
<a href={profileLink}>
<img src={imgSrc} alt={name} className="teamLeadImage"/>
<p>{name}</p>
</a>
</div>
);
}

export default Profile;
17 changes: 17 additions & 0 deletions src/data/people/currentGradTechLeads.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
[
{
"name": "Siri Chandana Garimella",
"image": "/img/siri_avatar.jpg",
"profileLink": "https://github.com/SiriChandanaGarimella"
},
{
"name": "Anjali Putta",
"image": "/img/anjali_avatar.jpeg",
"profileLink": "https://anjaliofficial.netlify.app/"
},
{
"name": "Yenkatarajalaxmi Manohar Meda",
"image": "/img/manohar_avatar.jpg",
"profileLink": "https://github.com/yrlmanoharreddy"
}
]
52 changes: 52 additions & 0 deletions src/data/people/prevGradTechLeads.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
[
{
"name": "Greih Murray",
"image": "/img/greih.jpg",
"profileLink": "https://github.com/GreihMurray"
},
{
"name": "Halima Malik",
"image": "/img/halima.jpg",
"profileLink": "https://github.com/HalimaMalik"
},
{
"name": "Omar Al Akkad",
"image": "/img/Omar.jpg",
"profileLink": "https://github.com/OmarAlAkkad"
},
{
"name": "Uday Prasad Aitha",
"image": "/img/uday.jpg",
"profileLink": "https://github.com/aithaprasad"
},
{
"name": "Abhilash Kotha",
"image": "/img/abhilash_avatar.jpg",
"profileLink": "https://github.com/AbhilashKotha"
},
{
"name": "Logan Wyas",
"image": "/img/logan_avatar.jpg",
"profileLink": "https://github.com/loganwyas"
},
{
"name": "Ruthvik Manneem",
"image": "/img/ruthvik_avatar.png",
"profileLink": "https://github.com/ruthvikm"
},
{
"name": "Sailikhita Pulijala",
"image": "/img/likhita-avatar.jpg",
"profileLink": "https://github.com/LikhitaPulijala"
},
{
"name": "Yash Kamal Bhatia",
"image": "/img/yash_avatar1.jpg",
"profileLink": "https://yashb196.github.io/yashb196/"
},
{
"name": "Yashaswini Shivalingaiah",
"image": "/img/yashaswini_avatar.jpg",
"profileLink": "https://github.com/yashaswini-slu"
}
]
Binary file added static/img/anjali_avatar.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/manohar_avatar.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit e286fc5

Please sign in to comment.