diff --git a/frontend/src/lib/components/education.svelte b/frontend/src/lib/components/education.svelte index f29c862..ea95891 100644 --- a/frontend/src/lib/components/education.svelte +++ b/frontend/src/lib/components/education.svelte @@ -1,23 +1,41 @@ -
- Education + Education

{title}

-

{location}

-

{option}

+ {#if location} +
+ +

{location}

+
+ {/if} + {#if speciality} +
+ +

+ {speciality} +

+
+ {/if} + {#if option} +

{option}

+ {/if}
-
\ No newline at end of file + diff --git a/frontend/src/lib/components/slideshow.svelte b/frontend/src/lib/components/slideshow.svelte index 5eb6c43..9fe6d4e 100644 --- a/frontend/src/lib/components/slideshow.svelte +++ b/frontend/src/lib/components/slideshow.svelte @@ -22,7 +22,7 @@ if (slideshow_hidden.includes(id)) { transformValue = slideshow_index * 60; } else { - transformValue = slideshow_index * 47.7; + transformValue = slideshow_index * 54.75; } element.style.transform = `translateX(-${transformValue}rem)`; }); diff --git a/frontend/src/lib/css/education.css b/frontend/src/lib/css/education.css index fd42cc6..1ad30f6 100644 --- a/frontend/src/lib/css/education.css +++ b/frontend/src/lib/css/education.css @@ -3,7 +3,7 @@ border-radius: 0.4rem; box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2); background-color: var(--color-background); - height: 18rem; + height: 20rem; margin-left: 2.5rem; margin-right: 2.5rem; z-index: 1; @@ -23,7 +23,7 @@ .education-text-container { margin: 1.5rem; - width: 18rem; + width: 25rem; } .education-title { @@ -33,11 +33,23 @@ font-size: 2rem; } +.education-subtitle-container { + display: flex; + flex-direction: row; + align-items: center; +} + +.education-aftericon { + margin-left: 0.5rem; +} + .education-subtitle { color: var(--color-text); font-family: 'Gabarito', sans-serif; font-weight: 500; font-size: 1.5rem; + margin-top: 0.75rem; + margin-bottom: 0.75rem; } .education-unactive { diff --git a/frontend/src/lib/css/slideshow.css b/frontend/src/lib/css/slideshow.css index 3b12648..112acfa 100644 --- a/frontend/src/lib/css/slideshow.css +++ b/frontend/src/lib/css/slideshow.css @@ -12,7 +12,7 @@ min-width: 5rem; min-height: 5rem; background-color: var(--color-special); - box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; + box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; justify-content: center; @@ -20,4 +20,14 @@ color: var(--color-background); border: 0; transition: all .3s ease 0s; +} + +.slideshow_btn:hover { + transform: translateY(-0.25rem); + box-shadow: 0 0.7px 3px -1px rgba(150,170,180,0.5) !important; +} + +.slideshow_btn:active { + background-color: var(--color-subtitle); + transform: translateY(0); } \ No newline at end of file