-
-
-
Other Skills
-
-
-
-
-
-
-
-
-
- */}
);
};
diff --git a/src/portfolio/sections/Experience.tsx b/src/portfolio/sections/Experience.tsx
index 57f0f20..e4caa03 100644
--- a/src/portfolio/sections/Experience.tsx
+++ b/src/portfolio/sections/Experience.tsx
@@ -6,7 +6,7 @@ import workExperienceData, {workExperienceParagraph} from "@/src/portfolio/data/
const Experience = () => {
const calcPagesOnWidth = (width : number) => {
- return Math.floor(width / 900 + 1);
+ return Math.floor(width / 700 + 1);
};
const [pages, setPages] = useState(calcPagesOnWidth(1000));
diff --git a/src/portfolio/sections/Footer.tsx b/src/portfolio/sections/Footer.tsx
index 54df543..b077c0a 100644
--- a/src/portfolio/sections/Footer.tsx
+++ b/src/portfolio/sections/Footer.tsx
@@ -3,7 +3,7 @@ import styles from "../styling/footer.module.scss";
const Footer = () => {
return (
);
};
diff --git a/src/portfolio/sections/Intro.tsx b/src/portfolio/sections/Intro.tsx
index 4d47faa..74cf15d 100644
--- a/src/portfolio/sections/Intro.tsx
+++ b/src/portfolio/sections/Intro.tsx
@@ -27,12 +27,12 @@ const Intro = () => {
Achievements
Experience
Projects
- {/*Skills*/}
+ Skills
@@ -47,7 +47,7 @@ const Intro = () => {
an aspiring
- Computer Scientist.
+ Artificial Intelligence Scientist.
and yes, the greeting is synced to your time.
diff --git a/src/portfolio/sections/Projects.tsx b/src/portfolio/sections/Projects.tsx
index aefa070..f55c340 100644
--- a/src/portfolio/sections/Projects.tsx
+++ b/src/portfolio/sections/Projects.tsx
@@ -4,21 +4,6 @@ import projectData from "@/src/portfolio/data/projectData";
import styles from "../styling/projects.module.scss";
const Projects = () => {
- const otherLinks = [
- {
- title: "Github",
- link: "https://github.com/KuchtaVR6/"
- },
- {
- title: "LinkedIn",
- link: "https://linkedin.com/in/kuchtap"
- },
- {
- title: "Curriculum Vitae",
- link: "/PatrykKuchta_CV.pdf"
- }
- ];
-
return (
{
); })
}
-
-
-
Other useful links about me:
-
- {
- otherLinks.map(({title, link}, key) => {
- return (
- -
-
- {title}
-
-
- );
- }
- )
- }
-
-
);
};
diff --git a/src/portfolio/sections/SkillsAndLinks.tsx b/src/portfolio/sections/SkillsAndLinks.tsx
new file mode 100644
index 0000000..3d907a5
--- /dev/null
+++ b/src/portfolio/sections/SkillsAndLinks.tsx
@@ -0,0 +1,96 @@
+import styles from "../styling/extraLinks.module.scss";
+
+const SkillsAndLinks = () => {
+ const moreInfoLinks = [
+ {
+ title: "Github",
+ link: "https://github.com/KuchtaVR6/"
+ },
+ {
+ title: "LinkedIn",
+ link: "https://linkedin.com/in/kuchtap"
+ },
+ {
+ title: "Curriculum Vitae",
+ link: "/PatrykKuchta_CV.pdf"
+ }
+ ];
+
+ const contactLinks = [
+ {
+ title: "Email",
+ link: "mailto:patryk@kuchta.uk"
+ },
+ {
+ title: "LinkedIn",
+ link: "https://linkedin.com/in/kuchtap"
+ }
+ ];
+
+ return (
+
+
+
+
Find out more about me:
+
+ {
+ moreInfoLinks.map(({title, link}, key) => {
+ return (
+ -
+
+ {title}
+
+
+ );
+ }
+ )
+ }
+
+
+
+
Contact me through:
+
+ {
+ contactLinks.map(({title, link}, key) => {
+ return (
+ -
+
+ {title}
+
+
+ );
+ }
+ )
+ }
+
+
+ {/*
+
Programming Languages
+
+
+
+
+
+
+
Human Languages
+
+
+
+
+
+
Other Skills
+
+
+
+
+
+
+
+
+
+ */}
+
+ );
+};
+
+export default SkillsAndLinks;
diff --git a/src/portfolio/styling/achievements.module.scss b/src/portfolio/styling/achievements.module.scss
index a77c610..6725761 100644
--- a/src/portfolio/styling/achievements.module.scss
+++ b/src/portfolio/styling/achievements.module.scss
@@ -8,8 +8,10 @@
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
- gap: $largeGap;
- padding-top: 2em;
+ gap: $smallGap;
+ padding: 1em 0 2em;
+
+ font-size: 1.15em;
& > div {
text-align: center;
@@ -28,7 +30,7 @@
flex-direction: row;
flex-wrap: wrap;
- column-gap: $largeGap;
+ column-gap: $mediumGap;
row-gap: $smallGap;
@@ -38,7 +40,7 @@
.notes {
font-size: 0.9em;
- margin: 0.4em 0 0em;
+ margin-top: 0.4em;
}
.otherDetails {
diff --git a/src/portfolio/styling/experience.module.scss b/src/portfolio/styling/experience.module.scss
index 39e8e97..b303bd0 100644
--- a/src/portfolio/styling/experience.module.scss
+++ b/src/portfolio/styling/experience.module.scss
@@ -10,10 +10,10 @@
padding-top: 2em;
p {
- text-align: left;
+ text-align: justify;
text-justify: distribute-all-lines;
margin: 0 auto 0 auto;
- width: 40em;
+ width: 42em;
max-width: 70vw;
line-height: 1.7;
}
@@ -21,8 +21,9 @@
.job {
@include lightSection;
+ width: 100%;
padding: 1em;
- margin: 1em;
+ margin: auto 1em;
.largerText {
font-size: 1.3em;
diff --git a/src/portfolio/styling/extraLinks.module.scss b/src/portfolio/styling/extraLinks.module.scss
new file mode 100644
index 0000000..f0e5a27
--- /dev/null
+++ b/src/portfolio/styling/extraLinks.module.scss
@@ -0,0 +1,21 @@
+@import "@/src/styles/helpers.scss";
+
+.section {
+ @include lightSection;
+ @include regularFont;
+
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+
+ padding: 3em 6em;
+}
+
+.section .otherLinks{
+ margin: auto 1em;
+}
+
+.section .otherLinks h2{
+ font-size: 115%;
+}
+
diff --git a/src/portfolio/styling/intro.module.scss b/src/portfolio/styling/intro.module.scss
index 98a0da6..40c5013 100644
--- a/src/portfolio/styling/intro.module.scss
+++ b/src/portfolio/styling/intro.module.scss
@@ -55,7 +55,7 @@
}
.mainContent {
- margin: auto 0 0;
+ margin: 0;
display: flex;
flex-direction: row;
@@ -70,7 +70,6 @@
.text {
line-height: 1.5;
- margin: 0 0 auto;
font-size: 2em;
}
@@ -85,7 +84,7 @@
}
.profileContainer {
- max-width: 30em;
+ max-width: 35em;
height: max-content;
display: flex;
position: relative;
diff --git a/src/portfolio/styling/projects.module.scss b/src/portfolio/styling/projects.module.scss
index 90ff3a3..2fb5451 100644
--- a/src/portfolio/styling/projects.module.scss
+++ b/src/portfolio/styling/projects.module.scss
@@ -2,12 +2,11 @@
.section {
@include lightSection;
- @include fullPage;
@include regularFont;
}
.technology {
- font-family: 'Share Tech Mono', monospace;
+ font-family: 'Ubuntu Mono', monospace;
font-size: 1.4em;
color: $black;
margin: 0.1em;
diff --git a/src/styles/helpers.scss b/src/styles/helpers.scss
index 8928a64..acbcd87 100644
--- a/src/styles/helpers.scss
+++ b/src/styles/helpers.scss
@@ -39,7 +39,7 @@ $smallGap: 15px;
@mixin regularFont {
font-family: Work Sans, sans-serif;
- font-size: 25px;
+ font-size: 20px;
@media (max-width: 768px) {
font-size: 15px;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index bf027b3..3f6fb66 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -37,4 +37,8 @@ body {
.splide__arrow.splide__arrow--prev {
height: 5em !important;
width: 5em !important;
+}
+
+.splide__slide {
+ display: flex;
}
\ No newline at end of file