Back to top

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 Fragment

Huge Gopher

Huge Gopher

Lead Gopherineer
Okkur Labs
Reports to CTO
Lives in Munich, Germany

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](https://www.google.com/maps/place/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.

Members fragment - Multiple members

Tiny Gopher

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

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

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

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

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

Huge Gopher

Lead Gopherineer
Reports to CTO
Lives in Munich, Germany

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](https://www.google.com/maps/place/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.

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 object](https://about.okkur.org/syna/docs/global-variables/#asset)

Social media and other icons.

asset

type: [asset object](https://about.okkur.org/syna/docs/global-variables/#asset)
size: 250x250

Member avatar.

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