Author displays incorrectly

[matt-nervos]

I believe the syntax in this file is correct but authors are not formatted properly when rendered on the Knowledge Base

https://raw.githubusercontent.com/NervosEducationHub/EducationHubArticles/main/nervosdao_withdrawal_process_explained/index.md

[Keith-CY]

Tracked by Magickbase/nervos-official-website#192

[Keith-CY]

Fixed by cc29371

The metadata of an article follows YAML's syntax, so a whitespace is required between - and item

[matt-nervos]

thanks @Keith-CY . I wanted to check if there was a way to display (or just to access) the multiple authors' names? Right now I see the 2 identicons but there's no way to find the second author

[Keith-CY]

thanks @Keith-CY . I wanted to check if there was a way to display (or just to access) the multiple authors' names? Right now I see the 2 identicons but there's no way to find the second author

It's designed to show the first author followed by etc.(https://github.com/Magickbase/nervos-official-website/blob/develop/src/pages/knowledge-base/index.page.tsx#L115)

And I didn't see the UX of author list at https://www.figma.com/file/NuMAXnrvH4SQVRJfuZhZVw/Nervos.org-R3?type=design&node-id=3477-33699&t=NQUhHadBSU9OElcE-0. Do we have a discussion about how to expand authors? @WhiteMinds

[matt-nervos]

@WhiteMinds just want to follow up on this one

[WhiteMinds]

@WhiteMinds just want to follow up on this one

Sorry for coming late, as I didn't receive an email about this mention (probably due to some of my GitHub settings).

I have reviewed the previous discussion, and we do lack a design draft for multiple authors. The previous solution was just a temporary one I wrote. We discussed it on Discord: https://discord.com/channels/@me/1074822398941085746/1094875620963528715

[matt-nervos]

thanks @WhiteMinds , appreciate you checking. Is there any way you can see to make their names viewable?

[WhiteMinds]

thanks @WhiteMinds , appreciate you checking. Is there any way you can see to make their names viewable?

Need designers to provide solutions for display

[matt-nervos]

can we add a mouse over that displays the names?

[Keith-CY]

can we add a mouse over that displays the names?

How about the avatar group as https://codepen.io/scp-nm/pen/rNVKBVO

Or using a fluent design(https://react.fluentui.dev/?path=/docs/components-avatargroup--default)

[matt-nervos]

yea i think either of these would work @Keith-CY

[Keith-CY]

yea i think either of these would work @Keith-CY

Sure, we'll start this work

[Keith-CY]

yea i think either of these would work @Keith-CY

Sure, we'll start this work

Design is ready at https://www.figma.com/file/6XNoimRDbFTTNm016rbIdU/Magickbase?type=design&node-id=22063-22333&mode=design&t=QVukDjtD0TrhNv05-0

Ref: Magickbase/visual-style-guide#29 (comment)

[matt-nervos]

@Keith-CY design looks good to me, can you share how we should update the descriptions and include the appropriate links?

[Keith-CY]

@Keith-CY design looks good to me, can you share how we should update the descriptions and include the appropriate links?

The description of the author is not covered in the design, but we can add it if necessary.

---

The metadata of the markdown file follows the yaml syntax(https://docs.ansible.com/ansible/latest/reference_appendices/YAMLSyntax.html), so an object is valid in the author list, e.g.

title: Nervos DAO — Withdrawal Process Explained
coverImage: images/image1.png
category: popular
date: '2023-06-12T16:00:00.000Z'
author:
  - github:alejandroRbit
  - github:ChemaESP
  - name: keiht-cy
    url: https://github.com/keith-cy
    platform: github

But the update of metadata should be held on until the feature is ready. Or the object will be rendered into plain text({"name":"keiht-cy","url":"https://github.com/keithc-y","platform":"github"}) rather than structural data.