Skip to content

Commit

Permalink
Tweak design + fix typo's
Browse files Browse the repository at this point in the history
  • Loading branch information
@marlonbaeten
marlonbaeten committed Sep 26, 2024
1 parent 46e16f9 commit b869d1b
Show file tree
Hide file tree
Showing 5 changed files with 56 additions and 34 deletions.
5 changes: 3 additions & 2 deletions src/App.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,8 +55,9 @@ export default function App() {
</div>

<p className="actions">
Ook je vaardigheden in kaart brengen? Klik: <br />
<button onClick={() => navigate(true)}>
Vaardighedenkompas
Vaardighedencheck
</button>
</p>

Expand Down Expand Up @@ -88,7 +89,7 @@ export default function App() {
<svg>
<use xlinkHref="#icon-printer" />
</svg>
Printen
Printen of opslaan PDF
</button>
</p>
</div>
Expand Down
6 changes: 3 additions & 3 deletions src/SkillTable.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,9 +35,9 @@ export default function SkillTable({ state, select, mark }: SkillTableProps) {
<tr>
<th
colSpan={6}
className="skillCategory"
className={`theme ${category.name.toLowerCase()}`}
>
Lijst vaardigheden: {category.name}
<h3>Lijst vaardigheden: {category.name}</h3>
</th>
</tr>
{category.groups.map((group) => (
Expand All @@ -47,7 +47,7 @@ export default function SkillTable({ state, select, mark }: SkillTableProps) {
colSpan={6}>{group.name}</th>
</tr>
{group.items.map((item, index) => (
<tr className="selectable" key={item.name}>
<tr className={`selectable ${item.basic ? 'basic' : ''}`} key={item.name}>
<th scope="row">{index + 1}</th>
<td className="skill-grade">
<label data-tooltip={item.basic === null ? '*' : (item.basic ? 'Basisvaardigheid' : 'Facultatieve vaardigheid')}>
Expand Down
9 changes: 3 additions & 6 deletions src/Skills.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ export default function Skills({ state, selectSkill, markSkill, navigate, noteSk
<>
<header>
<div>
<h1>Vaardighedenkompas</h1>
<h1>Vaardighedencheck</h1>
<p>
Overzicht vaardigheden per ICPC-categorie
</p>
Expand All @@ -38,10 +38,7 @@ export default function Skills({ state, selectSkill, markSkill, navigate, noteSk
<code>F</code> = Facultatieve vaardigheid
</p>
<p>
<code>*</code> = Ten tijde van de inventarisatie om het huidige overzicht in te delen,
ontbrak het onderdeel 'palliatieve en terminale zorg' in dit overzicht en is dus
niet meegenomen in de indeling. In 2024 vindt een herijking van deze lijst plaats,
dan zal het onderdeel 'palliatieve en terminale zorg' meegenomen worden.
<code>*</code> = nog niet landelijke bepaald of deze vaardigheid tot de basis behoort
</p>
</div>

Expand Down Expand Up @@ -99,7 +96,7 @@ export default function Skills({ state, selectSkill, markSkill, navigate, noteSk
<svg>
<use xlinkHref="#icon-printer" />
</svg>
Printen
Printen of opslaan PDF
</button>
</p>
</div>
Expand Down
32 changes: 16 additions & 16 deletions src/data.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1078,7 +1078,7 @@
"name": "Ogen",
"items": [
{
"name": "inspectie (conjuntiva, sclerae, cornea, diepte/helderheid VOK, iris, pupil/pupilreacties, oogleden, adnexen, traansysteem)",
"name": "inspectie (conjunctiva, sclerae, cornea, diepte/helderheid VOK, iris, pupil/pupilreacties, oogleden, adnexen, traansysteem)",
"basic": true
},
{
Expand Down Expand Up @@ -1147,7 +1147,7 @@
"basic": true
},
{
"name": "beoordeling gehoorgang en trommelvlies(otoscopie)",
"name": "beoordeling gehoorgang en trommelvlies (otoscopie)",
"basic": true
},
{
Expand Down Expand Up @@ -1181,7 +1181,7 @@
"name": "Mammae",
"items": [
{
"name": "inspectie. Palpatie (incl. regionale lymfklieren) ",
"name": "inspectie, palpatie (incl. regionale lymfklieren) ",
"basic": true
}
]
Expand All @@ -1207,7 +1207,7 @@
"name": "Bloedsomloop",
"items": [
{
"name": "hart(palpatie ictus, percussie hartgrenzen, auscultatie harttonen/souffles)",
"name": "hart (palpatie ictus, percussie hartgrenzen, auscultatie harttonen/souffles)",
"basic": true
},
{
Expand Down Expand Up @@ -1244,7 +1244,7 @@
"basic": true
},
{
"name": "meningeale prikkeling, HZ, coördinatie",
"name": "meningeale prikkeling, hersenzenuwen, coördinatie",
"basic": true
},
{
Expand Down Expand Up @@ -1281,7 +1281,7 @@
"name": "Abdomen",
"items": [
{
"name": "inspectie, auscultatie(darmgeruis, souffles), percussie, palpatie (milt, lever, lymfklieren)",
"name": "inspectie, auscultatie (darmgeruis, souffles), percussie, palpatie (milt, lever, lymfklieren)",
"basic": true
},
{
Expand Down Expand Up @@ -1313,7 +1313,7 @@
"basic": true
},
{
"name": "zwangerschap: uitwendig onderzoek. Uterus (fundushoogte, contracties/tonus, cortonen)",
"name": "zwangerschap: uitwendig onderzoek uterus (fundushoogte, contracties/tonus, cortonen)",
"basic": false
},
{
Expand Down Expand Up @@ -1391,15 +1391,15 @@
"basic": true
},
{
"name": "KOH preparaat huid, haren, nagels",
"name": "KOH-preparaat huid, haren, nagels",
"basic": false
},
{
"name": "stansbiopt",
"basic": true
},
{
"name": "shave biopt",
"name": "shavebiopt",
"basic": true
},
{
Expand Down Expand Up @@ -1475,7 +1475,7 @@
"name": "Ogen",
"items": [
{
"name": "EHBO oogletsel (spoelen, medicatie,verband)",
"name": "EHBO oogletsel (spoelen, medicatie, verband)",
"basic": true
},
{
Expand Down Expand Up @@ -1542,7 +1542,7 @@
"name": "Bloedsomloop",
"items": [
{
"name": "Handelingen bij tachycardie",
"name": "handelingen bij tachycardie",
"basic": true
}
]
Expand All @@ -1555,7 +1555,7 @@
"basic": true
},
{
"name": "toedienen/instructie medicatie via inhalatie (voorzetkamer.verneveling)",
"name": "toedienen/instructie medicatie via inhalatie (voorzetkamer, verneveling)",
"basic": true
},
{
Expand All @@ -1580,7 +1580,7 @@
"name": "Abdomen",
"items": [
{
"name": "Incisie perianaal abces",
"name": "incisie perianaal abces",
"basic": true
},
{
Expand Down Expand Up @@ -1645,7 +1645,7 @@
"name": "Bewegingsapparaat",
"items": [
{
"name": "aanleggen vingerspalk (bij Malletvinger)",
"name": "aanleggen vingerspalk (bij malletvinger)",
"basic": true
},
{
Expand All @@ -1665,7 +1665,7 @@
"basic": true
},
{
"name": "Injectie schouder (gewricht)",
"name": "injectie schouder (gewricht)",
"basic": true
},
{
Expand Down Expand Up @@ -1733,7 +1733,7 @@
"basic": false
},
{
"name": "Inbrengen/ verwijderen subcut. anticonceptie",
"name": "inbrengen/verwijderen subcutane anticonceptie",
"basic": false
},
{
Expand Down
38 changes: 31 additions & 7 deletions src/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ header h1 {
.legenda {
display: inline-block;
padding: 1rem;
margin-bottom: 0.5rem;
margin-bottom: 1.5rem;
border: 1px solid #eaeaea;
background-color: #fafafa;
max-width: 40rem;
Expand Down Expand Up @@ -297,21 +297,45 @@ table.form tr.selectable:hover {
background: #fafafa;
}

table.form.skills .skillCategory {
font-size: 2rem;
font-weight: bold;
padding-left: 0;
table.form.skills tr.selectable {
color: #46506d;
}

table.form.skills tr.selectable.basic {
color: #0c3197;
}

table.form.skills .theme {
border: none;
}

table.form.skills .theme h3 {
text-shadow: none;
}

table.form.skills .skillGroup {
background: #DAECF3;
color: #3eacd6;
background: #beedff;
color: #2284aa;
font-weight: bold;
border: none;
}

table.form.skills .theme.diagnostiek {
background-color: #9ad48c;
}

table.form.skills .theme.diagnostiek h3 {
color: #405a3a;
}

table.form.skills .theme.therapie {
background-color: #f3e074;
}

table.form.skills .theme.therapie h3 {
color: #74682f;
}

@media screen and (max-width: 768px) {
table.form thead th {
padding: 0.25rem;
Expand Down

0 comments on commit b869d1b

Please sign in to comment.