diff --git a/src/app/components/AboutBrief.tsx b/src/app/components/AboutBrief.tsx index 4330534..1b4e71a 100644 --- a/src/app/components/AboutBrief.tsx +++ b/src/app/components/AboutBrief.tsx @@ -7,7 +7,7 @@ export default function AboutBrief() { const person = usePersonContext() return ( -

{person.name}

+

{person.name}

{md(person.brief)}
) diff --git a/src/app/components/Skills.tsx b/src/app/components/Skills.tsx index 80769cf..f71540a 100644 --- a/src/app/components/Skills.tsx +++ b/src/app/components/Skills.tsx @@ -6,7 +6,7 @@ import TagCloud from './TagCloud'; export default function Skills() { const person = useContext(PersonContext) return ( - +

Skills

{person.skills.secondary && ( diff --git a/src/app/components/TagCloud.tsx b/src/app/components/TagCloud.tsx index 10c2d8a..43543a2 100644 --- a/src/app/components/TagCloud.tsx +++ b/src/app/components/TagCloud.tsx @@ -12,9 +12,9 @@ export type Props = { export default function TagCloud(props: Props) { const containerClasses = ['tag-cloud', 'cloud-' + (props.style || 'standard')] return ( - +

{props.icon && ( )}{props.title}

- + {props.tags.map((tag: string) => () )} diff --git a/src/app/globals.css b/src/app/globals.css index dd891a9..1c4b15a 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -8,6 +8,15 @@ body { padding-top: 1rem; padding-bottom: 0.2rem; } + +.person-name { + margin-top: 1rem; + font-weight: bold; +} +.brief { + font-size: 120%; +} + .footer { margin-top: 2rem; filter: opacity(75%) @@ -55,6 +64,7 @@ body { } .tag-badges > span { margin: 0.4em; + color: #222; } .contacts .contact { margin: 0.75em; @@ -65,6 +75,14 @@ body { .accordion { margin: 1rem; } +.main-container .accordion-button:not(.collapsed) { + color: #222; + background-color: RGBA(217, 216, 216, 0.3); +} +.main-container .accordion-button.collapsed { + color: #0e489d; + background-color: RGBA(153, 165, 213, 0.3); +} .multiline { white-space: pre-line; }