diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-23 20:36:00 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-23 20:36:00 +0100 |
| commit | 30244bbc9077ac2835540a2228151412f718947f (patch) | |
| tree | 95ec9345ca55cf176bba8d38b1569dc081cd4082 | |
| parent | a025b8dbb746b20a434b43d37c4c6855ea73953e (diff) | |
Nicer committee roles styling
| -rw-r--r-- | public/css/utils.css | 4 | ||||
| -rw-r--r-- | src/pages/[locale]/index.astro | 10 |
2 files changed, 10 insertions, 4 deletions
diff --git a/public/css/utils.css b/public/css/utils.css index 074815c..a05a216 100644 --- a/public/css/utils.css +++ b/public/css/utils.css @@ -1,3 +1,7 @@ .italic { font-style: italic; } + +.font-weight-lighter { + font-weight: lighter; +} diff --git a/src/pages/[locale]/index.astro b/src/pages/[locale]/index.astro index b47a045..4a093b7 100644 --- a/src/pages/[locale]/index.astro +++ b/src/pages/[locale]/index.astro @@ -52,10 +52,12 @@ const mostRecentNewsItem = await getMostRecentNewsItem(locale); /> )} <div class="committee__member__text"> - <h4>{member.name}</h4> - <p class="italic"> - {member.roles.map((role) => t(tRole, { key: CommitteeRole[role] })).join(', ')} - </p> + <h4> + {member.name} + <span class="font-weight-lighter"> + |{member.roles.map((role) => t(tRole, { key: CommitteeRole[role] })).join(', ')} + </span> + </h4> {member.bio && <p set:html={member.bio[locale]} />} </div> </li> |