Skip to content

Adding People (carousel and pages)

Jared C Cunha edited this page Feb 27, 2019 · 2 revisions

How to add people

USDSer's name will be the most important to keep in mind here. For this example, we will use the name Jane Doe.

For file names, if the person's name is Jane Doe, we use lower case jane-doe + the file extension (.jpg, .md). For text fields, we just use the person's name Jane Doe.

  1. Create a .jpg image with the USDSer's name in lowercase, replacing spaces with hyphens. (ex. jane-doe.jpg). The image must be a 1200px by 12000px square. You do not need to create a round image. The site will do that automagically with the power of CSS!
  2. Save the image to the images folders
  3. Create a page in the the _people directory. The file name for the page should be NNNN_jane-doe.md. Here is now the naming convention works. Below is a template to use for a new file.
---
# Page template info (DO NOT EDIT)
layout: default
banner_file: banner--people-projects-lg.svg
banner_file_mobile: banner--people-projects-sm.svg
people_page: true

# Page link (Edit this)
permalink: people/[FIRSTNAME]-[LASTNAME]

# People Carousel and Page (Edit this)
name: [FULL NAME]
pronouns: 
alumni: [write "yes" or "no"]
cop: 
city_of_origin: 
previously_at: 
image_name: [IMAGE NAME mentioned above].jpg
quote: "[INSERT QUOTE HERE]"
---

[WRITE STORY HERE IN MARKDOWN]

About the template above

Here is a some context that shows how the information in the code snippet above is used on the site:

Carousel

People detail page (enlarge)