-
Notifications
You must be signed in to change notification settings - Fork 64
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)
π usds.gov Wiki
- 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