diff --git a/src/portfolio/data/educationData.ts b/src/portfolio/data/educationData.ts index bce259f..93cb8ae 100644 --- a/src/portfolio/data/educationData.ts +++ b/src/portfolio/data/educationData.ts @@ -26,20 +26,6 @@ const educationData : EducationArgs[] = [ "Recipient of the Westfield Trust Academic Prize", "Graduated with overall average at 90%" ] - }, - { - title: "High-school Education", - subtitle: "advanced IT, Maths and Physics", - institution: "Zamoyski High-school", - city: "Warsaw", - startDate: "Sep 2017", - endDate: "Jul 2020", - notes: [ - "Final exam in Computer Science: 98% percentile", - "Final exam in Physics: 97% percentile", - "Final exam in Mathematics: 92% percentile" - ], - useWith: true //todo fix this (i.e. this does nothing) } ]; diff --git a/src/portfolio/styling/achievements.module.scss b/src/portfolio/styling/achievements.module.scss index 3d77194..81cfd3b 100644 --- a/src/portfolio/styling/achievements.module.scss +++ b/src/portfolio/styling/achievements.module.scss @@ -16,37 +16,4 @@ & > div { text-align: center; } -} - -.education { - text-align: left; - background-color: transparentize($gray, 0.5); - border-radius: $smallGap; - box-shadow: 0.5em 0.5em transparentize($black, 0.5); - - display: flex; - flex-direction: row; - flex-wrap: wrap; - - column-gap: $mediumGap; - row-gap: $smallGap; - - - .title { - color: $accent_colour; - } - - .notes { - font-size: 0.9em; - margin-top: 0.4em; - } - - .otherDetails { - margin: auto 0 auto auto; - - .location { - display: flex; - justify-content: space-around; - } - } } \ No newline at end of file diff --git a/src/portfolio/styling/currentWork.module.scss b/src/portfolio/styling/currentWork.module.scss index a161067..2e776ca 100644 --- a/src/portfolio/styling/currentWork.module.scss +++ b/src/portfolio/styling/currentWork.module.scss @@ -28,19 +28,15 @@ @media (min-width: 1280px) { flex-direction: row; - gap: 1.5rem; - align-items: flex-start; + gap: 2rem; + align-items: stretch; } } .currentWorkSection { - flex: 1; - padding: 0 1rem; - @media (min-width: 1280px) { - flex: 0 0 54%; - padding-right: 1.5rem; - padding-left: 0; + flex: 1 1 54%; + padding-right: 2rem; border-right: 2px solid $accent_colour; } @@ -53,18 +49,13 @@ } .educationSection { - flex: 1; - padding: 0 1rem; - @media (min-width: 1280px) { - flex: 0 0 42%; - padding-left: 1.5rem; - padding-right: 0; + flex: 1 1 42%; + margin: auto 0; } @media (max-width: 1279px) { padding-top: 2rem; - padding-bottom: 2rem; border-top: 2px solid $accent_colour; } @@ -72,67 +63,54 @@ text-align: center; font-size: 1.75rem; margin-bottom: 1.5rem; - margin-top: 0; color: $accent_colour; } +} - .educationEntry { - background-color: transparentize($gray, 0.85); - padding: 1rem; - margin-bottom: 1rem; - border-radius: 8px; - border-left: 3px solid $accent_colour; +.educationEntry { + background-color: transparentize($gray, 0.85); + padding: 1rem; + margin-bottom: 1rem; + border-radius: 8px; + border-left: 3px solid $accent_colour; - &:last-child { - margin-bottom: 0; + &:last-child { + margin-bottom: 0; + } + + .degree { + font-weight: bold; + color: $accent_colour; + font-size: 1rem; + margin-bottom: 0.3rem; + } + + .institution { + font-style: italic; + font-size: 0.9rem; + margin-bottom: 0.5rem; + color: #666; + } + + .notes { + font-size: 0.85rem; + margin: 0.5rem 0; + padding-left: 1rem; + + li { + margin-bottom: 0.25rem; } + } - .degree { - font-weight: bold; - color: $accent_colour; - font-size: 1rem; - margin-bottom: 0.3rem; - line-height: 1.4; - } - - .institution { - font-style: italic; - font-size: 0.9rem; - margin-bottom: 0.5rem; - color: #666; - } - - .notes { - font-size: 0.85rem; - margin: 0.5rem 0; - padding-left: 1rem; - - li { - margin-bottom: 0.25rem; - line-height: 1.5; - } - } - - .details { - display: flex; - justify-content: space-between; - align-items: center; - font-size: 0.8rem; - color: #999; - margin-top: 0.5rem; - flex-wrap: wrap; - gap: 0.5rem; - - .location { - color: #999; - } - - .dates { - display: flex; - gap: 0.5rem; - align-items: center; - } - } + .details { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 0.8rem; + color: #999; + margin-top: 0.5rem; + flex-wrap: wrap; + gap: 0.5rem; } } diff --git a/src/portfolio/styling/footer.module.scss b/src/portfolio/styling/footer.module.scss index f3c96a4..517cf4c 100644 --- a/src/portfolio/styling/footer.module.scss +++ b/src/portfolio/styling/footer.module.scss @@ -9,7 +9,7 @@ align-items: center; justify-content: center; gap: 0.75rem; - padding: 2rem; + padding: 1rem 2rem; p { margin: 0; @@ -19,8 +19,8 @@ .logoWrapper { position: relative; - width: 2rem; - height: 1rem; + width: 3rem; + height: 1.5rem; flex-shrink: 0; } diff --git a/src/portfolio/styling/intro.module.scss b/src/portfolio/styling/intro.module.scss index 3db838e..dc5d6cf 100644 --- a/src/portfolio/styling/intro.module.scss +++ b/src/portfolio/styling/intro.module.scss @@ -46,11 +46,17 @@ .left{ margin-left: auto; + display: flex; + align-items: center; a { font-size: 1em; font-weight: 300; } + + span { + margin-top: 0.5em; + } } .logoContainer {