Skip to content

How to edit member

StoneLin edited this page Oct 5, 2020 · 1 revision

Edit member

  1. Add a new member picture to src/res/image/member/ folder

    • follow the naming style of "First-Mid-Last.png".
    • Image should be 150x150 pixel with png format.
  2. Import image resource to src/res/data/member.js.

import FirstMidLast
  from 'src/res/image/member/First-Mid-Last.png
  1. Add a new member profile to memberData list at src/res/data/member.js.
export const memberData = [
  // PhD Students
  {
    zh: '老大',
    en: 'boss',
    dept: 0,
    deg: 0,
    image: FirstMidLast,
  },
...
]
  • zh: Chinese name

  • en: English name

  • dept: one of [0, 1, 2]

    • 0 for Computer Science and Information Engineering
    • 1 for Institute of Medical Informatics
    • 2 for Artificial Intelligence Technology Master Program
  • deg: one of [0, 1]

    • 0 for phd degree
    • 1 for master degree
  • image: Imported image.

  • year: Year of graduation.

    • Optional
    • Member with year entry will be considered as graduated.
  1. Move graduated member to graduate section of memberData and add year entry.
export const memberData = [
   ...
  // Graduate PhDs
  {
    zh: '老大',
    en: 'boss',
    dept: 0,
    deg: 0,
    image: FirstMidLast,
    year: 2020,
  },
  ...
  // Graduate Masters
  {
  ...
]
  1. Check result
npm start
  1. Commit & push & send PR
Clone this wiki locally