Member

Show off your team or showcase yourself on your personal website

Member fragment can be used to display your team members, their contact information, achievements, a bio and more.

This fragment need to always be placed in a subdirectory that contains the fragment content file and the specific content files of each member.

Since member fragment can display an image per member, it has support for image resource fallthrough.

There are two modes of showing members supported by members fragment.

Single member
Multiple members

Single Member Fragment

Huge Gopher

Lead Gopherineer

Okkur Labs

Reports to CTO

Lives in Munich, Germany

UX for Food Dashboard

Maintainer for Goper Team A

Gopher Community Administration

Hugely huge Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

Code (index)

+++
fragment = "member"
#disabled = false
date = "2017-10-17"
weight = 110
background = "secondary"

title = "Single Member Fragment"
#subtitle = "Highly motivated Gophers"
#title_align = "left" # Default is center, can be left, right or center
+++

Code (subitem)

``` +++ title = "Huge Gopher" weight = 0 date = "2017-10-17"

position = “Lead Gopherineer” company = “Okkur Labs”

reports_to = “CTO” lives_in = “Munich, Germany” scope = [ “UX for Food Dashboard”, “Maintainer for Goper Team A”, “Gopher Community Administration” ]

[[icons]] icon = “fab fa-linkedin-in” text = “Linkedin” url = “#”

[asset] image = “hugegopher.png” +++

Hugely huge Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

</details>

Members fragment - Multiple members

Tiny Gopher

Gopherineer

Reports to Lead Gophineer

Lives in Iceland

Gopherineering for various tasks

Contributor for Goper Team A

Gopher Community Member

Really tiny Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

Tiny Gopher 2

Gopherineer

Reports to Lead Gophineer

Lives in Iceland

Gopherineering for various tasks

Contributor for Goper Team A

Gopher Community Member

Really tiny Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

Tiny Gopher 3

Gopherineer

Reports to Lead Gophineer

Lives in Iceland

Gopherineering for various tasks

Contributor for Goper Team A

Gopher Community Member

Really tiny Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

Tiny Gopher 4

Gopherineer

Lives in Iceland

Gopherineering for various tasks

Contributor for Goper Team A

Gopher Community Member

Really tiny Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

Tiny Gopher 5

Lives in Iceland

Really tiny Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

Huge Gopher

Lead Gopherineer

Reports to CTO

Lives in Munich, Germany

UX for Food Dashboard

Maintainer for Goper Team A

Gopher Community Administration

Hugely huge Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

Code (index)

+++
fragment = "member"
#disabled = false
date = "2017-10-17"
weight = 120
background = "secondary"

title = "Members fragment - Multiple members"
#title_align = "left" # Default is center, can be left, right or center
+++

Code (subitem)

``` +++ title = "Huge Gopher" weight = 0 date = "2017-10-17"

position = “Lead Gopherineer” reports_to = “CTO” lives_in = “Munich, Germany” scope = [ “UX for Food Dashboard”, “Maintainer for Goper Team A”, “Gopher Community Administration” ]

[[icons]] icon = “fab fa-linkedin-in” url = “#”

[asset] image = “hugegopher.png” +++

Hugely huge Gopher

Some more text to showcase the capabilities: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a lorem urna. Quisque in neque malesuada, sollicitudin nunc porttitor, ornare est. Praesent ante enim, bibendum sed hendrerit et, iaculis laoreet felis. Morbi efficitur dui sit amet orci porttitor, nec tincidunt turpis elementum.

</details>

Documentation

This fragment needs a fragment controller file and subitems. You need to create a directory for this fragment and put index.md with fragment = "member" and subitems next to that file.

Variables

index.md doesn’t use any variables. Following variables are for subitems.

position

type: string

company

type: string

reports_to

type: string

lives_in

type: string
Markdown enabled

scope

type: array of strings
Markdown enabled

icons

type: array of asset objects

Social media and other icons.

asset

type: asset object
size: 250x250

Member avatar.

Global variables are documented as well and have been omitted from this page.

Further Resources

Syna Theme

Highly customizable open source theme for Hugo based static websites