Skip to content

Commit

Permalink
Update home skills (#83)
Browse files Browse the repository at this point in the history
* Update skills section

* Update tabbed card with tab divider. Fix skills syntax
  • Loading branch information
joseph-flinn authored Dec 27, 2023
1 parent d332e97 commit 56656fa
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 7 deletions.
28 changes: 22 additions & 6 deletions frontend/src/lib/assets/data.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,19 +8,35 @@
},
"skillsData": {
"leadership": [
"lean management",
"curiosity first",
"psychological saftey",
"organizational alignment",
"managing for high performance: purpose + expectations + feedback",
"effective feedback with PSBIQ model",
"coaching"
"strategic thinking",
"systems thinking"
],
"poeple management": [
"psychological saftey",
"output oriented",
"high performance: purpose + expectations + feedback",
"effective feedback with the PSBIQ model",
"situational leadership: delagate, support, coach, or direct"
],
"project management": [
"lean",
"continuous improvement (kaizen)",
"scrum",
"kanban",
"SAFe"
],
"technical": [
"linux",
"ci/cd",
"kubernetes",
"containerization",
"python",
"javascript"
"javascript",
"linux",
"azure",
"aws"
]
}
}
6 changes: 5 additions & 1 deletion frontend/src/lib/components/TabbedCard.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
<div class="tabs {justify === 'right' ? 'tabs-right' : 'tabs-left'}">
{#each Object.keys(data) as tab}
<div
class="tab-button {tab === selectedTab ? 'tab-active': ''}"
class="tab-button tab-button-divider {tab === selectedTab ? 'tab-active': ''}"
on:click={() => handleClick(tab)}
>
{tab}
Expand Down Expand Up @@ -52,6 +52,10 @@
background-color: #eee;
}
:not(:last-child) .tab-button-divider {
border-right: 2px solid #fff;
}
.tab-button:hover {
background-color: #ddd;
}
Expand Down

0 comments on commit 56656fa

Please sign in to comment.