create contributor cards

[itsjayway]

convert https://cdn.discordapp.com/attachments/884267157800747028/885386938616524810/unknown.png

to another page called "Contributors"

using https://dash-bootstrap-components.opensource.faculty.ai/docs/components/card/

please reach out for picture assets

[itsjayway]

1. add a tab on sidebar for Contributors
2. Within contributors page, use object-oriented design principles to create cards

i.e:

import os


class Contributor:
    def __init__(self, name: str, iamge_filename: str, contributions: str, **links):
        self.name = name
        self.image_filename = os.cwd() + "/assets/" + iamge_filename
        self.contributions = contributions
        self.links = links

    def img_to_html(self):
        def b64_image(image_filename):
            with open(image_filename, "rb") as f:
                image = f.read()
            return "data:image/png;base64," + base64.b64encode(image).decode("utf-8")

        return html.Img(
            src=b64_image(self.image_filename),
            style={"width": "30rem", "margin": "0"},
        )


class Card:
    def __init__(self, contributor: Contributor):
        self.contributor = contributor
        # ...

[itsjayway]

Card: person's name links to their link of choice (linkedin?). Maintains style without showing it is a hyperlink (not blue nor underlined)