-
Notifications
You must be signed in to change notification settings - Fork 42
Adding People (carousel and pages)
Jared C Cunha edited this page Feb 27, 2019
·
2 revisions
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
.
- 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!
- Save the image to the images folders
- 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]
Here is a some context that shows how the information in the code snippet above is used on the site:
People detail page (enlarge)
- Adding and Editing Content
- Adding a simple page
- Refreshing base images for visual tests
- Adding people (carousel and pages)
- Adding projects (carousel and pages)
- File naming for carousel content
- Images: adding or editing
- Images: creative direction & types
- Resources Page Content (WIP)
- Writing YML
- Publishing a Release to usds.gov
- Reverting a Release Published to usds.gov