{"id":15545601,"url":"https://github.com/davbree/magnificent-saturn","last_synced_at":"2026-04-12T09:51:15.393Z","repository":{"id":140317496,"uuid":"321954082","full_name":"davbree/magnificent-saturn","owner":"davbree","description":"Jamstack site created with Stackbit","archived":false,"fork":false,"pushed_at":"2020-12-16T10:58:32.000Z","size":8665,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-29T14:11:51.572Z","etag":null,"topics":["gatsby","git","headless","jamstack","ssg","stackbit","static"],"latest_commit_sha":null,"homepage":"https://jamstack.new","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/davbree.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-16T10:58:21.000Z","updated_at":"2020-12-16T10:58:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"c9492ea2-b76b-4794-b047-d23c15cdadcb","html_url":"https://github.com/davbree/magnificent-saturn","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davbree%2Fmagnificent-saturn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davbree%2Fmagnificent-saturn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davbree%2Fmagnificent-saturn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davbree%2Fmagnificent-saturn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davbree","download_url":"https://codeload.github.com/davbree/magnificent-saturn/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245237575,"owners_count":20582697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gatsby","git","headless","jamstack","ssg","stackbit","static"],"created_at":"2024-10-02T12:51:42.261Z","updated_at":"2026-04-12T09:51:10.372Z","avatar_url":"https://github.com/davbree.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# gatsby-starter-scientist\n\nThis is a website template built with Gatsby for a typical scientist or laboratory profile/portfolio site.\n\n[Demo](https://knightjdr.github.io/gatsby-start-scientist)\n\n## Setup\n\n### Prerequisites\n\n* [Node.js](https://nodejs.org/en/download/)\n* [git](https://git-scm.com/downloads)\n* [GitHub account](https://github.com/)\n* code editor, e.g [VS Code](https://code.visualstudio.com/)\n\n### Project creation\n\n1. Fork this project on GitHub by navigating to the project page `https://github.com/knightjdr/gatsby-starter-scientist` and clicking the `Fork` button in the upper right corner.\n\n2. (Optional) Rename the repository from the `Settings` menu. For example to `yourname-lab`.\n\n3. Clone repository from command line. If you changed the repository name in step 2, be sure to update the url. This will create a folder on your machine in the current directory with the project's code.\n```\ngit clone https://github.com/[your-user-name]/gatsby-starter-scientist.git\n```\n\n4. Move into project directory and install dependencies.\n```\ncd gatsby-starter-scientist\nnpm install\n```\n\n## Development server\n\n`npm run develop` will start a local development server that you can access from `http://localhost:8000`. Any changes you make to project files will be automatically reflected in your browser.\n\nAny changes you make will only affect files on your local machine. It is a good idea to sync those changes with GitHub. This can be done from the command line by committing your changes\n\n```\ngit add .\ngit commit -m \"Description of the changes\"\n```\n\nAnd pushing them to GitHub\n\n```\ngit push\n```\n\nYou can also do this using [GitHub's Desktop client](https://desktop.github.com/).\n\n## Deployment\n\nAfter making changes to your site, you need to build an optimized version and deploy it to the hosting server. The site is hosted by default on GitHub, which is free.\n\n1. Build the site for production\n```\nnpm run build\n```\n\n2. Deploy the site. You will be asked for your GitHub credentials.\n```\nnpm run deploy\n```\n\nThe site can now be accessed at `https://[your-user-name].github.io/gatsby-starter-scientist`. If you changed the repository name, the URL will be adjusted accordingly.\n\n## Customization\n\n### gatsby-config.js\n\nBasic configuration for the site is found in the `siteMetadata` object in this file. The `author` and `description` fields are used to construct the text on the landing image. Update the `siteUrl` to the site's final address. The `title` field is displayed in browser tabs and search results as the title of the site. The other `siteMetadata` fields have comments to explain their purpose.\n\nIf your site will have a path prefix, for example `https://mysite.org/path-prefix`, be sure to add the prefix to the `pathPrefix` field in this file. If it will not have a prefix, for example `https://mysite.org`, delete this field.\n\nDo not change any of the other fields in this file.\n\n### Background/landing image\n\nThe background image on the homepage can be changed by replacing the image `src/images/hero.png`. Make sure the image is big to ensure it will look good on large 4K monitors. The image in this starter is 5184 × 3456 pixels. The image has to be a `png`, so convert from other formats if needed.\n\nIt should be dark so that text will have sufficient contrast (a filter will be automatically applied to darken it further, so simply avoiding light images should be fine). You can find royalty free images at [unsplash.com](https://unsplash.com) and [pexels.com](https://www.pexels.com).\n\n### General notes about text\n\nThe text for many of the sections described below is located in `src/markdown`. You can enter plain text as you'd like it to appear on the site or add links and other html elements using markdown styling. For example, you can specify a linkg with `[link text](https://link-to-whatever.com)`. See [Markdown cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) for details.\n\n### About section\n\nThe title, text and image in the `About` section can be customized in the markdown file `src/markdown/about.md`. The image for this section should be placed in the `src/images` folder and its path specified as `../images/[your-picture.png]`. The image should be square and at least 1050 x 1050 pixels and either PNG or JPG. The image will be automatically converted to a circle.\n\nThis section is optional, as is the section title and image. Delete or rename the `about.md` file if you do not want this section or delete the title and/or image fields if you do not want them.\n\n### Research subsection\n\nThe research subsections are declared in the `src/markdown/research` folder. You should create one file for each subsection with an optional title and image. You must specify the order of each subsection in its corresponding file.\n\nThe images for each subsection should be placed in the `src/images/reaserch` folder and its path specified as `../../images/research/[your-picture.png]`. The image should be square and at least 900 x 900 pi and either PNG or JPG.\n\nThis section is optional, as are the subsection titles and images. Delete all files in this folder if you do not want this section or delete the title and/or image fields if you do not want them.\n\n### Opportunities section\n\nThe text in this section can be customized in the markdown file `src/markdown/opportunities.md`.\n\nThis section is optional. Delete or rename the `opportunities.md` file if you do not want it.\n\n### Contact section\n\nThe text in this section can be customized in the markdown file `src/markdown/contact.md`.\n\nThis section is optional. Delete or rename the `contact.md` file if you do not want it.\n\n### Footer\n\nLinks in the footer are declared in the `gatsby-config.js` file. You can include any links you like.\n\n### People page\n\nThe people page is built from markdown files in `src/markdown/people` and images in `src/images/people`. Each person in the lab should have his/her own file in the markdown folder. The person's name and order of appearance are required, while the e-mail, image and title fields are optional.\n\nImages should be square and at least 900 x 900 pixels and either PNG or JPG.\n\nThis page is optional. Delete all files in this folder if you do not want this page. This will also remove the `People` link from the navigation bar.\n\n### Publications page\n\nPublications for this page are automatically retrieved from PubMed via PMIDs specified in the `gatsby-config.js` file. They will be ordered by publication date. The IDs should be placed in the `publications` field in the `siteMetadata` object.\n\nThis page is optional. Delete all links from the array or delete the field to remove the page. This will also remove the `Publications` link from the navigation bar.\n\n### Favicon\n\nThe favourite icon (favicon) is used in a few places. Most notably it is the small icon present in the browser tab and located next to the website title on bookmarks.\n\nIt can be changed by replacing the image `src/images/favicon.png`. It should be a square image 512 x 512 pixels in `png` format. To be consistent with the style of the current icon, create a background circle with the hex colour `#ffffff` and give the foreground image the colour `#3d8183`.\n\n### Logo\n\nThe site logo is located in the top left of the navigation bar and can be changed by replacing the image `src/images/logo.inline.svg`. It should be an svg to allow the site to colour the image based on the theme (light/dark) and mouse state (hover or focus).\n\n### Theme\n\nThe colour theme can be changed by editing `src/components/layout/layout.css`. You should only edit the `color-primary` variables and ensure the resulting selections have sufficient contrast with the background colour in both the light and dark modes. You can use a site like [contrast finder](https://app.contrast-finder.org/?lang=en) to test the contrast of your theme.\n```\nbody.light-mode {\n  --color-background: #fff;\n  --color-primary: #3d8183;\n}\nbody.dark-mode {\n  --color-background: #252429;\n  --color-primary: #ff7A8A;\n}\n```\n\n## Custom URL\n\nA custom URL that you purchased can be configured for the site by following the instructions at [GitHub - managing-a-custom-domain](https://help.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain)\n\n## Troubleshooting\n\nIf you run into issues with images not displaying correctly in the development server, try running the command `npm run clean` and restarting the development server.\n\n## Credits\n\n* Vector cartoons are by [Lukasz Adam](https://lukaszadam.com/)\n* Icons are from the free repository at [FontAwesome](https://fontawesome.com/)\n* Hero image is courtesy of [Ramón Salinero on Unsplash](https://unsplash.com/photos/vEE00Hx5d0Q).\n* Wooden robot image is courtesy of [Kaboompics.com from Pexels](https://www.pexels.com/photo/wooden-robot-6069/)\n* Hourglass image is courtesy of [Aron Visuals on Unsplash](https://unsplash.com/photos/BXOXnQ26B7o)\n* Robot army image is courtesy of [Mina FC on Unsplash](https://unsplash.com/photos/3QKsG0fDrC8)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavbree%2Fmagnificent-saturn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavbree%2Fmagnificent-saturn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavbree%2Fmagnificent-saturn/lists"}