Add pronouns to person layout (close #5)

osmus · Apr 17, 2024 · b0ebcfa · b0ebcfa
1 parent 19556ef
commit b0ebcfa
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 4 deletions.
diff --git a/_layouts/person.html b/_layouts/person.html
@@ -16,8 +16,8 @@
         <div class="avatar hero-avatar" role="img" {%- if page.image -%}style="background-image: url('{{page.image | absolute_url}}'), url('{{site.url}}{{site.baseurl}}/assets/avatar.jpg')"{%- endif -%}></div>
       </div>
       <div>
-        <div class="section-body name-header">
-          <h1>{{page.title}}</h1>
+        <div class="section-body name-section">
+          <div class="name-header"><h1>{{page.title}}</h1>{%- if page.pronouns -%} <span class="pronouns">{{ page.pronouns }}</span>{%- endif -%}</div>
           {%- if page.osm -%}
             <a href="https://www.openstreetmap.org/user/{{page.osm}}">@{{page.osm}}</a>
           {%- endif -%}

diff --git a/_people/darla-dogson.md b/_people/darla-dogson.md
@@ -1,5 +1,6 @@
 ---
 title: Darla Dogson
+pronouns: she/her
 image: /img/people/Morisot.jpg
 roles:
   - title: Team Lead

diff --git a/_people/walter-woodman.md b/_people/walter-woodman.md
@@ -1,5 +1,6 @@
 ---
 title: Walter Woodman
+pronouns: he/they
 image: /img/people/Renoir.jpg
 roles:
   - title: Team Lead

diff --git a/_sass/dogwood/_layout.scss b/_sass/dogwood/_layout.scss
@@ -950,9 +950,18 @@ table.schedule {
       border-bottom: 0;
     }
 
-    .name-header {
+    .name-section {
       padding-top: 0;
     }
+    .name-header {
+      display: flex;
+      align-items: baseline;
+    }
+    .pronouns {
+      margin-left: 8px;
+      font-weight: 600;
+      color: #777;
+    }
   }
   .connect-links a:not(:last-child) {
     margin-right: $sp;
@@ -970,9 +979,12 @@ table.schedule {
       top: 1px;
       bottom: initial;
     }
-    .name-header {
+    .name-section {
       text-align: center;
     }
+    .name-header {
+      justify-content: center;
+    }
     .sections {
       padding-left: $sp*0.75;
     }

diff --git a/_tools/frontmatter-validator/schemas/person.json b/_tools/frontmatter-validator/schemas/person.json
@@ -5,6 +5,9 @@
       "title": {
         "type": "string"
       },
+      "pronouns": {
+        "type": "string"
+      },
       "updated": {
         "type": "string",
         "format": "date-time"