expanding the skill set

This commit is contained in:
2024-04-10 23:44:06 +01:00
parent 7f9fec9cbe
commit 1d3f2345de
4 changed files with 78 additions and 38 deletions

View File

@@ -1,4 +1,6 @@
import styles from "../styling/extraLinks.module.scss";
import TechnologyDisplay, {ProficiencyLevel} from "@/src/portfolio/helpers/TechnologyDisplay";
import {TechnologyEnum} from "@/src/portfolio/helpers/Project";
const SkillsAndLinks = () => {
const moreInfoLinks = [
@@ -30,7 +32,41 @@ const SkillsAndLinks = () => {
return (
<div className={styles.section} id={"skills"}>
<div data-aos = {"fade-left"} className={styles.otherLinks}>
<h2>Programming Languages</h2>
<TechnologyDisplay name={TechnologyEnum.python} level={ProficiencyLevel.master} />
<TechnologyDisplay name={TechnologyEnum.typescript} level={ProficiencyLevel.expert} />
<TechnologyDisplay name={TechnologyEnum.javascript} level={ProficiencyLevel.expert} />
<TechnologyDisplay name={TechnologyEnum.java} level={ProficiencyLevel.advanced} />
<TechnologyDisplay name={TechnologyEnum.cpp} level={ProficiencyLevel.intermediate} />
<TechnologyDisplay name={TechnologyEnum.php} level={ProficiencyLevel.beginner} />
<h2>Frameworks/Libraries</h2>
<b>Artificial Intelligence/Data Analysis</b>
<TechnologyDisplay name={TechnologyEnum.pytorch} level={ProficiencyLevel.master} />
<TechnologyDisplay name={TechnologyEnum.numpy} level={ProficiencyLevel.master} />
<TechnologyDisplay name={TechnologyEnum.plt} level={ProficiencyLevel.advanced} />
<TechnologyDisplay name={TechnologyEnum.spaCy} level={ProficiencyLevel.intermediate} />
<TechnologyDisplay name={TechnologyEnum.tensorflow} level={ProficiencyLevel.beginner} />
<b>Web Development</b>
<TechnologyDisplay name={TechnologyEnum.react} level={ProficiencyLevel.master} />
<TechnologyDisplay name={TechnologyEnum.graphql} level={ProficiencyLevel.expert} />
<TechnologyDisplay name={TechnologyEnum.express} level={ProficiencyLevel.advanced} />
<h2>Human Languages</h2>
<TechnologyDisplay name={TechnologyEnum.english} level={ProficiencyLevel.master}/>
<TechnologyDisplay name={TechnologyEnum.polish} level={ProficiencyLevel.master}/>
<TechnologyDisplay name={TechnologyEnum.german} level={ProficiencyLevel.advanced}/>
<h2>Miscellaneous</h2>
<TechnologyDisplay name={TechnologyEnum.latex} level={ProficiencyLevel.master}/>
<TechnologyDisplay name={TechnologyEnum.webscrape} level={ProficiencyLevel.master}/>
<TechnologyDisplay name={TechnologyEnum.research} level={ProficiencyLevel.expert}/>
<TechnologyDisplay name={TechnologyEnum.photoshop} level={ProficiencyLevel.advanced}/>
<TechnologyDisplay name={TechnologyEnum.videoEditing} level={ProficiencyLevel.advanced}/>
<TechnologyDisplay name={TechnologyEnum.design3d} level={ProficiencyLevel.beginner}/>
</div>
<div data-aos = {"fade-right"} className={styles.otherLinks}>
<h2>Find out more about me:</h2>
<ul>
{
@@ -46,8 +82,6 @@ const SkillsAndLinks = () => {
)
}
</ul>
</div>
<div data-aos = {"fade-right"} className={styles.otherLinks}>
<h2>Contact me through:</h2>
<ul>
{
@@ -64,31 +98,6 @@ const SkillsAndLinks = () => {
}
</ul>
</div>
{/*
<h2>Programming Languages</h2>
<Skill name={"Java"} score={95} />
<Skill name={"Python"} score={90} />
<Skill name={"JavaScript"} score={85} />
<Skill name={"Typescript"} score={80} />
<Skill name={"C++"} score={60} />
<Skill name={"PHP"} score={30} />
<h2>Human Languages</h2>
<Skill name={"English"} score={80} customScore={"Fluent"}/>
<Skill name={"Polish"} score={100} customScore={"Native"}/>
<Skill name={"German"} score={65} customScore={"Intermediate"}/>
</div>
<div className={"col-md-4"}>
<h2>Other Skills</h2>
<Skill name={"HTML"} score={100} />
<Skill name={"CSS"} score={100} />
<Skill name={"SQL"} score={95} />
<Skill name={"React.js"} score={90} />
<Skill name={"Bootstrap"} score={70} />
<Skill name={"Photo-editing"} score={65} />
<Skill name={"Express.js"} score={60} />
<Skill name={"Linux"} score={55} />
<Skill name={"3D Design"} score={50} />
*/}
</div>
);
};