feat: update contributors fields and display (fix #103) (#125)

* feat: update contributors fields and display (fix #103)

* fix: remove test data

Author: greatislander

src/_includes/layouts/home.njk

@@ -47,14 +47,21 @@
   <div class="[ wrapper ]">
     <div class="[ contributors ]">
       {% for contributor in contributors.contributors %}
-        <a href="{{ contributor.link }}" rel="external">
-        {% if contributor.image %}
-        <img src="{{ contributor.image }}" width="150" height="150" alt="" />
-        {% else %}
-        <img src="https://source.boringavatars.com/ring/150/{{ contributor.name | replace(' ', '%20') }}?colors=516d95,d2a27a,882211,337777,f75322" width="150" height="150" alt="" />
-        {% endif %}
-        <span>{{ contributor.name }}</span>
-        </a>
+        <div class="[ contributor ]">
+          {% if contributor.link %}
+          <a href="{{ contributor.link }}" rel="external">
+            {{ contributor.name }}
+            {%- if contributor.organization %}<br />
+            <strong>{{ contributor.organization }}</strong>
+            {% endif %}
+          </a>
+          {% else %}
+          {{ contributor.name }}
+          {%- if contributor.organization %}<br />
+          <strong>{{ contributor.organization }}</strong>
+          {% endif %}
+          {% endif %}
+        </div>
       {% endfor %}
     </div>
   </div>

src/admin/config.yml

@@ -38,8 +38,7 @@ collections:
               - label: Content
                 name: content
                 widget: markdown
-                buttons:
-                  [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
+                buttons: [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
                 editor_components: [image]
 
           - label: Ground Rules
@@ -50,8 +49,7 @@ collections:
               - label: Content
                 name: content
                 widget: markdown
-                buttons:
-                  [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
+                buttons: [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
                 editor_components: [image]
 
           - label: How To
@@ -62,8 +60,7 @@ collections:
               - label: Content
                 name: content
                 widget: markdown
-                buttons:
-                  [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
+                buttons: [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
                 editor_components: [image]
 
           - label: Contributors
@@ -74,8 +71,7 @@ collections:
               - label: Content
                 name: content
                 widget: markdown
-                buttons:
-                  [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
+                buttons: [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
                 editor_components: [image]
 
           - label: Connect
@@ -87,8 +83,7 @@ collections:
               - label: Content
                 name: content
                 widget: markdown
-                buttons:
-                  [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
+                buttons: [heading-three, heading-four, bold, italic, link, bulleted-list, numbered-list]
                 editor_components: [image]
 
       - label: Planning
@@ -214,5 +209,5 @@ collections:
             summary: "{{fields.name}}"
             fields:
               - {label: Name, name: name, widget: string}
-              - {label: Link, name: link, widget: string}
-              - {label: Photo, name: photo, widget: image, required: false}
+              - {label: Organization, name: organization, widget: string, required: false}
+              - {label: Link, name: link, widget: string, required: false}

src/assets/styles/pages/_home.scss

@@ -7,31 +7,23 @@
 }
 
 .home .contributors {
+  column-gap: var(--space-xl);
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: 1fr;
   margin-inline: auto;
-  row-gap: calc(5 * var(--space-md));
+  max-inline-size: 75ch;
+  row-gap: var(--space-md);
 
-  a {
-    display: block;
-    font-weight: bold;
-    text-align: center;
-
-    img {
-      border-radius: 50%;
-      display: block;
-      margin-inline: auto;
-    }
-
-    span {
-      display: block;
-      margin-block-start: var(--space-sm);
-    }
+  .contributor {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    text-align: start;
   }
 }
 
 @media (min-width: 960px) {
   .home .contributors {
-    grid-template-columns: repeat(5, 1fr);
+    grid-template-columns: repeat(2, 1fr);
   }
 }