* adding api * adding projects page * adding project page * updating terraform * updating terraform * adding github workflows
108 lines
3.9 KiB
TypeScript
108 lines
3.9 KiB
TypeScript
// import {
|
|
// Box,
|
|
// Container,
|
|
// Grid,
|
|
// Typography
|
|
// } from '@noahspan/noahspan-components';
|
|
// import profile from '../../../data/profile/profile.json';
|
|
|
|
// const getSkills = (category: string) => {
|
|
// let skillsString: string = '';
|
|
|
|
// for (const skill of profile.skills) {
|
|
// console.log(skill)
|
|
// if (skill.category === category) {
|
|
// skillsString += `${skill.group} (`
|
|
// console.log(skillsString)
|
|
// for (const skillName of skill.skills) {
|
|
// skillsString += `${skillName}, `
|
|
// }
|
|
|
|
// skillsString += '), ';
|
|
// }
|
|
// }
|
|
// console.log(skillsString)
|
|
// return skillsString
|
|
// }
|
|
|
|
// const Profile = () => {
|
|
// return (
|
|
// <Container>
|
|
// <Box sx={{ margin: '20px' }}>
|
|
// <Grid container spacing={1}>
|
|
// <Grid size={12}>
|
|
// <Typography variant="h5">{`${profile.intro.firstName} ${profile.intro.lastName}`}</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="body1">{profile.intro.title}</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="body1">{profile.intro.location}</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="h5">Summary</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="body1">{profile.about.details}</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="h5">Skills</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="h6">Experienced</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="body1">{getSkills('Experienced')}</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="h6">Familiar</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="body1">{getSkills('Familiar')}</Typography>
|
|
// </Grid>
|
|
// <Grid size={12}>
|
|
// <Typography variant="h5">Experience</Typography>
|
|
// </Grid>
|
|
// {profile.experiences.length > 0 && profile.experiences.map((experience) => {
|
|
// return (
|
|
// <>
|
|
// <Grid size={6}>
|
|
// <Typography variant='h6'>{experience.jobTitle}</Typography>
|
|
// </Grid>
|
|
// <Grid display='flex' justifyContent='right' size={6}>
|
|
// <Typography variant='body1'>{`${experience.startDate}-${experience.endDate}`}</Typography>
|
|
// </Grid>
|
|
// <Grid size={6}>
|
|
// <Typography variant='body1'>{experience.company}</Typography>
|
|
// </Grid>
|
|
// <Grid display='flex' justifyContent='right' size={6}>
|
|
// <Typography variant='body1'>{experience.location}</Typography>
|
|
// </Grid>
|
|
// </>
|
|
// )
|
|
// })}
|
|
// {profile.experiences.length > 0 && profile.education.map((education) => {
|
|
// return (
|
|
// <>
|
|
// <Grid size={6}>
|
|
// <Typography variant='h6'>{education.school}</Typography>
|
|
// </Grid>
|
|
// <Grid display='flex' justifyContent='right' size={6}>
|
|
// <Typography variant='body1'>{education.location}</Typography>
|
|
// </Grid>
|
|
// <Grid size={6}>
|
|
// <Typography variant='body1'>{education.degree}</Typography>
|
|
// </Grid>
|
|
// <Grid display='flex' justifyContent='right' size={6}>
|
|
// <Typography variant='body1'>{education.fieldOfStudy}</Typography>
|
|
// </Grid>
|
|
// </>
|
|
// )
|
|
// })}
|
|
// </Grid>
|
|
// </Box>
|
|
// </Container>
|
|
// )
|
|
// }
|
|
|
|
// export default Profile;
|