A repository dedicated to the development of the Rostros Físicos website. Rostros Físicos is an outreach project dedicated to expanding upon the representation of Hispanic/Latinx-identifying peoples in physics by interviewing and creating videos about Hispanic/Latinx physicists at all points in the physics career trajectories.
This website was created using GatsbyJS's starter template "gatsby-starter-hello-world". More templates, as well as many Gatsby tutorials and how-to guides, can be found at this link on their website.
If a file is not listed, it is either a file that is generated by GatsbyJS, or in my use case I did not need to edit it.
- in the /src/data tab, a .csv file imported from Excel/Google Sheets will have entries that correspond to each person interviewed by Rostros Fisicos. Each row in the .csv is a "Person".
- the createPages() routine, found in /gatbsy-node.js, creates a GraphQL query which reads the CSV, will extract the columns (pre-identified in the code) and then have each column set as a "node".
- the createPages() routine will then
See these tutorials (in my order of preference):
(gatsby-plugin-translate plugin) Compatible with GraphQL, which should be used in the implementation of the physicist database.
(manual implementation). A more thorough implementation, but requires more manual coding and handling of createPages() methods and such.
File | Description |
---|---|
.gitignore | this file is used to let know Git which files need to be ignored when pushing code to GitHub. |
gatsby-browser.js | File used by Gatsby to implement global routines, I was using this for a global.css file but decided to have each type of page have its own .css file instead |
gatsby-config.js | This is where you will add your plugins and manually configure them |
gatsby-node.js | This is where the createPages() method is, and I usedd it to implement a template for each Person in the database, and then |