{"id":16232476,"url":"https://github.com/geocine/gatsby-theme-organization","last_synced_at":"2025-08-16T10:44:43.537Z","repository":{"id":36449528,"uuid":"201860469","full_name":"geocine/gatsby-theme-organization","owner":"geocine","description":"Create a landing page for your Github Organization","archived":false,"fork":false,"pushed_at":"2023-01-04T06:56:10.000Z","size":1748,"stargazers_count":6,"open_issues_count":26,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-01T14:51:56.505Z","etag":null,"topics":["gatsby","gatsby-plugin","gatsby-theme","github"],"latest_commit_sha":null,"homepage":"https://gatsby-starter-organization.netlify.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/geocine.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-12T04:57:11.000Z","updated_at":"2023-06-28T16:21:06.000Z","dependencies_parsed_at":"2023-01-17T01:45:18.219Z","dependency_job_id":null,"html_url":"https://github.com/geocine/gatsby-theme-organization","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/geocine/gatsby-theme-organization","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fgatsby-theme-organization","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fgatsby-theme-organization/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fgatsby-theme-organization/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fgatsby-theme-organization/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geocine","download_url":"https://codeload.github.com/geocine/gatsby-theme-organization/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geocine%2Fgatsby-theme-organization/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270702471,"owners_count":24630873,"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","status":"online","status_checked_at":"2025-08-16T02:00:11.002Z","response_time":91,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","gatsby-plugin","gatsby-theme","github"],"created_at":"2024-10-10T13:09:08.978Z","updated_at":"2025-08-16T10:44:43.494Z","avatar_url":"https://github.com/geocine.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gatsby Theme Organization\n\nCreate a landing page for your Github Organization\n\n![screenshot](https://i.imgur.com/AbGyhZr.png)\n\n## What you get from this theme\n\n- Style \u0026 Theming integration through [theme-ui](https://theme-ui.com/), [react-boostrap](https://react-bootstrap.github.io/), and [emotionjs](https://emotion.sh)\n- A landing page with all your organization projects, configurable through a YML file. \n- Configurable logo, favicon, organization name and title\n\n## Installation\n\nTo use this theme in your Gatsby sites, follow these instructions:\n\n1.  Install the theme\n\n    ```sh\n    npm install --save @geocine/gatsby-theme-organization\n    ```\n    \u003e NOTE: If you are starting a new gatsby project, you should also install `react`, `react-dom` and `gatsby`. You may also use the [gasby-starter-organization](https://github.com/geocine/gatsby-starter-organization) if you don't want to set this up.\n\n2.  Add the theme to your `gatsby-config.js`. For more options, [see below](#theme-options):\n\n    ```js\n    module.exports = {\n      plugins: ['@geocine/gatsby-theme-organization'],\n    };\n    ```\n    \u003e NOTE: If you are starting a new gatsby project, you should create the `gatsby-config.js` file first and the contents shown above\n    \n3. Create a `data/projects.yml` file. See [details here](#how-to-customize-the-projects).\n\n4.  Start your site\n    ```sh\n    gatsby develop\n    ```\n\n## Usage\n\n### Theme options\n\n| option       | default                          | description                                                                                 |\n|--------------|----------------------------------|---------------------------------------------------------------------------------------------|\n| contentPath  | data                             | The directory where your `projects.yml` will be stored                                      |\n| url          | /                                | The website of your oganization                                                             |\n| organization | Organization                     | Your organization name                                                                      |\n| title        | The best organization out there! | A short description of your organization                                                    |\n| iconName     | icon.svg                         | The icon that shows on the `NavBar`. This the name of the file that needs to be shadowed    |\n| logoName     | logo.svg                         | The logo that shows on the `Jumbotron`. This the name of the file that needs to be shadowed |\n\n```js\nmodule.exports = {\n  plugins: [\n   { \n     resolve: '@geocine/gatsby-theme-organization' \n     options: {\n       contentPath: 'data',\n       organization: 'Organization',\n       url: 'http://organization-site/',\n       title: 'An awesome organization',\n       iconName: 'icon.png'\n       logoName: 'logo.svg'\n     }\n   }\n  ],\n};\n```\n\nTODO: Currently working on exposing theme properties through [theme-ui](https://theme-ui.com/) to extend via [component shadowing](https://www.gatsbyjs.org/blog/2019-04-29-component-shadowing/) \n\n### How to customize the logo\n\nYou need to do [component shadowing](https://www.gatsbyjs.org/blog/2019-04-29-component-shadowing/), create a folder at the following path in your site:\n\n```\nsrc/@geocine/gatsby-theme-organization/assets\n```\nYour file tree would look like this\n\n```\n.\n├── src\n│   └── @geocine\n│       └── gatsby-theme-organization\n│           ├── logo.svg // this will be your logo\n│           ├── icon.svg // this will be the icon for the navbar\n│           └── favicon.ico // this willbe your favicon\n├── .gitignore\n├── gatsby-config.js\n├── package.json\n└── yarn.lock\n```\n\n### How to customize the projects\n\nYou need to create a `data` folder on your root directory. Inside the `data` folder , create a `projects.yml` file. Your file tree would now look like this.\n\n```\n.\n├── data\n│   └── projects.yml // You need to create this file\n├── src\n│   └── @geocine\n│       └── gatsby-theme-organixation\n│           └── ...\n├── .gitignore\n├── gatsby-config.js\n├── package.json\n└── yarn.lock\n```\n\nThis is an example content of your `projects.yml` file\n\n```\n- name: project1\n  url: https://github.com/organization/project1\n  description: The Project 1\n\n- name: project2\n  url: https://github.com/organization/project2\n  description: The Project 2\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeocine%2Fgatsby-theme-organization","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeocine%2Fgatsby-theme-organization","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeocine%2Fgatsby-theme-organization/lists"}