diff options
| -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> |