{"_id":"@arene/gatsby-theme-intro","_rev":"2-fca7283168047825cd7d611bea53ea60","name":"@arene/gatsby-theme-intro","dist-tags":{"latest":"3.0.2"},"versions":{"3.0.0":{"name":"@arene/gatsby-theme-intro","description":"Personal branding theme for developers","version":"3.0.0","author":"Wojciech Kocjan ","dependencies":{"@babel/core":"^7.21.3","autoprefixer":"^10.4.14","color":"^4.2.3","gatsby-plugin-image":"^3.8.0","gatsby-plugin-postcss":"^6.8.0","gatsby-plugin-react-svg":"^3.3.0","gatsby-plugin-sharp":"^5.8.0","gatsby-source-filesystem":"^5.8.0","gatsby-transformer-sharp":"^5.8.0","gatsby-transformer-yaml":"^5.8.0","postcss":"^8.4.21","postcss-input-range":"^5.0.0","prettier":"^2.8.7","prop-types":"^15.8.1","react-icons":"^4.8.0","tailwindcss":"^3.2.7"},"peerDependencies":{"gatsby":"^5.3.3","react":"^18.2.0","react-dom":"^18.0.1"},"keywords":["gatsby","gatsby-plugin","gatsby-theme","gatsby-theme-intro","personal","react","website"],"engines":{"node":">=18.0.0"},"license":"MIT","scripts":{"build":"gatsby build","develop":"gatsby develop","format":"prettier --write \"**/*.{js,jsx,json,md}\"","serve":"gatsby serve","clean":"gatsby clean"},"repository":{"type":"git","url":"https://github.com/wkocjan/gatsby-theme-intro"},"bugs":{"url":"https://github.com/wkocjan/gatsby-theme-intro/issues"},"_id":"@arene/gatsby-theme-intro@3.0.0","gitHead":"399cdb14a286185c1d95f84f96e3b90283892275","dist":{"shasum":"60b7f0db272a6093f8f216f2783c500861c93e64","integrity":"sha512-gsixNTMDhywuWaDu+4dPxFW2Hwl51bBQMKl3F+CaOCeQmwJ7apbXDdyz3WbW14XTRk7qQ8c0ns7hF6343e7Ceg==","tarball":"https://registry.npmjs.org/@arene/gatsby-theme-intro/-/gatsby-theme-intro-3.0.0.tgz","fileCount":61,"unpackedSize":195025,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjMWeg38WGoXg5v2YohgBHQYMnD/vREvU0H5Y5McL17QIgaGMJJvLwy9axFye2V1pDXz/4QdqmY1VL1gHLnxVKdUI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHdzwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/kw/7Bqpgqe7YFeQHS0Et8WDfLcGwpRvBfHegHVx79GC5Bx//KbLU\r\n6G3n1kBNKY+493MbzGEdSFm0u8qJ7/EmpnGSoqBQGidoszoOHFpxRQlDf5TB\r\n9bZIzDZWAGPThN2gbJWmq8NTHwz/FxHTCxaM0B6U3AAI+Iq8h+a/BL4CHqdk\r\nPpsC6ZGcxq5nHZHg1Cej5iBGELr4eYPTZHR85SZavY5r54Tm0j6xUnMT4Pgs\r\nvN9RjNwuLp/Z6CUxzpBdoMYorBSYyZUJi1vn9ZugE0NrM/dv0EHAZFypBuXL\r\nZQCPU+SAibcAWBJeBK9/vR5hjcwDObgm37dYFuQDcv6LWkdth9V9aJHMHga2\r\nUVobvUn3TKslqIa5EfYYT6SGgTSFPbSQFZ5hvENYWWpo8e0x4/ekBu1XZRl1\r\nl4oo6Znsq9RB3786oanSOF7njNxcSorfOaDEvZaXG78hfuvTnpMNofvlJefv\r\nU78/SU8whrImjTKky0UGP2UxazWw3Uw3Yj1ZJPdS3LTFex3jdaNHpShyqzBZ\r\nRGfj676JU/Aur1OZfk2Azoq4+thvT8nOABhjIMQXSIQTfWKcBrotHhORwh9f\r\nsgxv4C3i5p/pv3HPb+mWOStedNYNvVXm8LO4SQdDZ6PlOSgxeoSx/HzZDGMw\r\nE1tviNC+muNcacH4hUVgW1iB3GYiCzTaOng=\r\n=D7hf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"arene","email":"alex.c.rene@gmail.com"},"directories":{},"maintainers":[{"name":"arene","email":"alex.c.rene@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gatsby-theme-intro_3.0.0_1679678703888_0.667849602751418"},"_hasShrinkwrap":false},"3.0.1":{"name":"@arene/gatsby-theme-intro","description":"Personal branding theme for developers","version":"3.0.1","author":"Wojciech Kocjan ","main":"index.js","dependencies":{"@babel/core":"^7.21.3","autoprefixer":"^10.4.14","color":"^4.2.3","gatsby-plugin-image":"^3.8.0","gatsby-plugin-postcss":"^6.8.0","gatsby-plugin-react-svg":"^3.3.0","gatsby-plugin-sharp":"^5.8.0","gatsby-source-filesystem":"^5.8.0","gatsby-transformer-sharp":"^5.8.0","gatsby-transformer-yaml":"^5.8.0","postcss":"^8.4.21","postcss-input-range":"^5.0.0","prettier":"^2.8.7","prop-types":"^15.8.1","react-icons":"^4.8.0","tailwindcss":"^3.2.7"},"peerDependencies":{"gatsby":"^5.3.3","react":"^18.0.0","react-dom":"^18.0.0"},"keywords":["gatsby","gatsby-plugin","gatsby-theme","gatsby-theme-intro","personal","react","website"],"engines":{"node":">=18.0.0"},"license":"MIT","scripts":{"build":"gatsby build","develop":"gatsby develop","format":"prettier --write \"**/*.{js,jsx,json,md}\"","serve":"gatsby serve","clean":"gatsby clean"},"repository":{"type":"git","url":"https://github.com/alcrene/gatsby-theme-intro"},"bugs":{"url":"https://github.com/alcrene/gatsby-theme-intro/issues"},"_id":"@arene/gatsby-theme-intro@3.0.1","gitHead":"754096b224a6ce7528bef8dc2ee128cf6c7c6b97","dist":{"shasum":"bba1a48361b3a83d744e97420c784937155f785d","integrity":"sha512-RPULqvQ7bjLi70WSzidt6vTVXnLrVr0IGfRG9ASfgfXQTKLDqsHdzGU04var1riLekh0TyDoucr4HGIyNKTMxA==","tarball":"https://registry.npmjs.org/@arene/gatsby-theme-intro/-/gatsby-theme-intro-3.0.1.tgz","fileCount":62,"unpackedSize":195001,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6K7Kr73jgq994GC8mRtD0pCy70M3v0Y3mOk23IGn1lQIhALjx9HEBVRP3J7k8J5IL4bmt8eVLWJbkBG1QjXRUXUz0"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIMgBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0WA//XGAOFl8WiiD2SJIgHo07AjbAedHC2Nc+oVZ7pGjndmlMRolj\r\nIWA5LFAt/ChDBJwKZn0pn2JLtdWJkhg/KZ06XyYwwpDFPIL58GWwgHHxTXUu\r\nOuoC03CcNp/WB+frP6m19pNPR7lPmmmOHVSRq45gLcntTcrq8IMJfH4c7dnP\r\n2nTM08yodQHlJhE73clrh36MDpNJqcQ49J5rXgzkCF1zYZtUokD9CyD8OL09\r\nyJUvbAANvvJgXFYc8uAsgny7J1QyX9NQ7MTNstT3G0dqajmYtEoSsocrNY0n\r\nltqP/wRYsdKfaNm2L3k/6o8rAbzEhuQDlD1dApQlL7zxBou1WDeLkhOEKjwT\r\nEqXys8btJFLY2i5ooYLqnR/PFwDijyyS4jQM8zRgEyHnQaAFEAgw8ekKpy3p\r\nYFtIsOiR/WlFG2g3Ha9PARk44LdbTHxFvL1UU+gCPieEkbLpWg5KQ5d0FVQw\r\nh3vcXMQ4hNNLTpRmL8QKy5FoZkV+Lyi1EhUBNReUQboEkIiowrlwZA4uswBN\r\nBgQdSYaU0FA12D5pgcSxklwFhAFH2WYij4P9BvZe4qewLeexnKcQohmq4xEN\r\nbTCbjfv7FTXvuuqeHvhzBB9ckIwVvybPULSuheLjZfIqAf7U0sMBNcoK9BLJ\r\nrIr+9h+8SAtgOKHh2aOYkk7Sua8o+P3bKI0=\r\n=6uv/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"arene","email":"alex.c.rene@gmail.com"},"directories":{},"maintainers":[{"name":"arene","email":"alex.c.rene@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gatsby-theme-intro_3.0.1_1679869953335_0.3354356580800315"},"_hasShrinkwrap":false},"3.0.2":{"name":"@arene/gatsby-theme-intro","description":"Personal branding theme for developers","version":"3.0.2","author":{"name":"Wojciech Kocjan","email":"wojciech@kocjan.net"},"main":"index.js","dependencies":{"@babel/core":"^7.21.3","autoprefixer":"^10.4.14","color":"^4.2.3","gatsby-plugin-image":"^3.8.0","gatsby-plugin-postcss":"^6.8.0","gatsby-plugin-react-svg":"^3.3.0","gatsby-plugin-sharp":"^5.8.0","gatsby-source-filesystem":"^5.8.0","gatsby-transformer-sharp":"^5.8.0","gatsby-transformer-yaml":"^5.8.0","postcss":"^8.4.21","postcss-input-range":"^5.0.0","prettier":"^2.8.7","prop-types":"^15.8.1","react-icons":"^4.8.0","tailwindcss":"^3.2.7"},"peerDependencies":{"gatsby":"^5.3.3","react":"^18.0.0","react-dom":"^18.0.0"},"keywords":["gatsby","gatsby-plugin","gatsby-theme","gatsby-theme-intro","personal","react","website"],"engines":{"node":">=18.0.0"},"license":"MIT","scripts":{"build":"gatsby build","develop":"gatsby develop","format":"prettier --write \"**/*.{js,jsx,json,md}\"","serve":"gatsby serve","clean":"gatsby clean"},"repository":{"type":"git","url":"git+https://github.com/alcrene/gatsby-theme-intro.git"},"bugs":{"url":"https://github.com/alcrene/gatsby-theme-intro/issues"},"_id":"@arene/gatsby-theme-intro@3.0.2","gitHead":"4544fc1c94efe2ba5ef5cb5443599a41d31cd423","homepage":"https://github.com/alcrene/gatsby-theme-intro#readme","_nodeVersion":"18.14.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-LNvw4tnnGOMYkQaVyeDotgP/red3GPlND1tBoX75IKhu7Nk9INm7PpE/44OLAF3ToMakK3+Igs2/f+7xpCZP3A==","shasum":"bc5b1c9c8199951256f9a7bbf31ee7458737e63c","tarball":"https://registry.npmjs.org/@arene/gatsby-theme-intro/-/gatsby-theme-intro-3.0.2.tgz","fileCount":62,"unpackedSize":195659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAq+4ydLKhGpgDof4+mrvqS4zhZFgApo6PFuaV71CtwuAiEA6QDq2jyJ4Vi+Al7whE067iOKISx9y7GQCvDe3IEewmo="}]},"_npmUser":{"name":"arene","email":"alex.c.rene@gmail.com"},"directories":{},"maintainers":[{"name":"arene","email":"alex.c.rene@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gatsby-theme-intro_3.0.2_1693171400926_0.642172042138752"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-24T17:25:03.791Z","3.0.0":"2023-03-24T17:25:04.120Z","modified":"2023-08-27T21:23:21.333Z","3.0.1":"2023-03-26T22:32:33.505Z","3.0.2":"2023-08-27T21:23:21.131Z"},"maintainers":[{"name":"arene","email":"alex.c.rene@gmail.com"}],"description":"Personal branding theme for developers","keywords":["gatsby","gatsby-plugin","gatsby-theme","gatsby-theme-intro","personal","react","website"],"repository":{"type":"git","url":"git+https://github.com/alcrene/gatsby-theme-intro.git"},"author":{"name":"Wojciech Kocjan","email":"wojciech@kocjan.net"},"bugs":{"url":"https://github.com/alcrene/gatsby-theme-intro/issues"},"license":"MIT","readme":"[![Version](https://img.shields.io/npm/v/@arene/gatsby-theme-intro)](https://www.npmjs.com/package/@arene/gatsby-theme-intro)\n[![Downloads](https://img.shields.io/npm/dt/@arene/gatsby-theme-intro)](https://www.npmjs.com/package/@arene/gatsby-theme-intro)\n![License](https://img.shields.io/npm/l/@arene/gatsby-theme-intro)\n\n# Intro - Personal branding theme for developers\n\nIntro is an open source [Gatsby](https://www.gatsbyjs.org/) theme built specially for developers.\n\nTell your story by showing your skills, projects and career path.\n\n## Preview\n\n[![Intro Theme](https://github.com/wkocjan/gatsby-theme-intro/blob/master/intro.png?raw=true)](https://www.youtube.com/watch?v=03rKddYHazo)\n\n### Live Demo\n\nLive demo is available at:\nhttps://weeby.studio/intro/preview\n\n## Features\n\n- Show your skills, tools, projects & career path\n- 10 predefined color versions\n- YAML files as a data source\n- Contact form integrated with [Formspree](https://formspree.io/)\n- Uses utility-first [TailwindCSS](https://tailwindcss.com/) framework\n- Responsive design (desktop / mobile)\n\n## 🚀 Getting Started\n\n### Install theme & dependencies\n\n```shell\nmkdir my-site\ncd my-site\nyarn init -2\nyarn add gatsby react react-dom @arene/gatsby-theme-intro\n```\n\n### Enable theme\n\nThen add the theme to your `gatsby-config.js`.\n\n```javascript\nmodule.exports = {\n plugins: [\n {\n resolve: \"@arene/gatsby-theme-intro\",\n options: {\n theme: \"classic\",\n darktheme: \"dark-blue\",\n },\n },\n ],\n}\n```\n\n### Run your site\n\nThat's it, you can now run your site using\n\n```shell\ngatsby develop\n```\n\nThis process will create `content/` directory within your site with a sample data.\n\n### Edit content\n\nYou can change the website's content by editing `.yaml` files in `content/` directory:\n\n#### `profile.yaml`\n\nFollow existing convention to provide your profile information, skills & tools.\n\nDo not remove existing parameters from the file, as it may break the website.\n\n#### `projects.yaml`\n\nFor each project you can provide:\n\n| Parameter | Value | Is required? |\n| ----------- | ------------------------------ | ------------ |\n| name | Name of the project | yes |\n| url | URL of the project | no |\n| description | Project's description | no |\n| status | Either `in progress` or `live` | no |\n| tags | List of tags | no |\n| icon | Either `github` or `website` | no |\n| image | Path to the image | no |\n\n#### `work-history.yaml`\n\nFor each entry you can provide:\n\n| Parameter | Value | Is required? |\n| --------- | ---------------------------- | ------------ |\n| company | Name of the company | yes |\n| period | Start / End date | no |\n| position | Your position at the company | no |\n| url | URL of the company | no |\n\n#### `social.yaml`\n\nList of your social media accounts. Please just fill the url parameter or leave it empty.\n\nDo not add custom items to the list.\n\n### Enable email notifications\n\nContact form is integrated with [Formspree](https://formspree.io/). To enable form submissions to your e-mail, please sign up for a Formspree account and create a new form in your dashboard.\n\nOnce you do it, you'll get your unique endpoint - please add it to `gatsby-config.js`, within a `siteMetadata` object.\n\n## Configuration\n\nHere is the list of configuration options you can set in `gatsby-config.js`:\n\n```javascript\nmodule.exports = {\n siteMetadata: {\n description: \"Personal page of John Doe\",\n title: \"John Doe\",\n formspreeEndpoint: \"https://formspree.io/f/{your-id}\",\n },\n plugins: [\n {\n resolve: \"@arene/gatsby-theme-intro\",\n options: {\n basePath: \"/\",\n contentPath: \"content/\",\n showThemeLogo: true,\n theme: \"classic\",\n darktheme: \"dark-blue\",\n lang: null,\n tailwindConfig: null\n },\n },\n ],\n}\n```\n\nAfter modyfying `gatsby-config.js` it may be required to restart `gatsby develop` process.\n\n- The `siteMetadata` section is responsible for SEO settings.\n- By modifying `basePath` parameter you can run the website on different URL (e.g. `https://mydomain.com/profile`). It may be useful when integrating with existing Gatsby site.\n- By setting `showThemeLogo` to `false` you can hide the Intro logo in the footer area.\n- If provided, the value of `lang` is added to the `` element.\n- Change the `theme` parameter to load different color variant. Please refer to the list below for available values.\n- `darktheme` is an alternative theme, defined in the same way as `theme`. It is activited using Tailwind CSS's [dark mode machinery](https://tailwindcss.com/docs/dark-mode).\n- If provided, `tailwindConfig` should be an object. Any field it provides will completely overwrite the correspond field in `gatsy-theme-intro`'s default Tailwind configuration.\n\n### Available color variants\n\n| Name | Preview |\n| ------------------- | ----------------------------------------------------------------- |\n| `blue` | [click here](https://weeby.studio/intro/themes/blue.jpg) |\n| `bright-green` | [click here](https://weeby.studio/intro/themes/bright-green.jpg) |\n| `bright-orange` | [click here](https://weeby.studio/intro/themes/bright-orange.jpg) |\n| `bright-red` | [click here](https://weeby.studio/intro/themes/bright-red.jpg) |\n| `classic` (default) | [click here](https://weeby.studio/intro/themes/classic.jpg) |\n| `dark-blue` | [click here](https://weeby.studio/intro/themes/dark-blue.jpg) |\n| `dark-green` | [click here](https://weeby.studio/intro/themes/dark-green.jpg) |\n| `dark-pink` | [click here](https://weeby.studio/intro/themes/dark-pink.jpg) |\n| `gh-inspired` | [click here](https://weeby.studio/intro/themes/gh-inspired.jpg) |\n| `warm-red` | [click here](https://weeby.studio/intro/themes/warm-red.jpg) |\n\n### Dark mode\n\nBy default, TailwindCSS uses its `\"media\"` mode for activating dark mode, which on modern OSes should toggle dark mode automatically according to OS preference. To [toggle dark mode manually](https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually), add the following to your configuration:\n\n```javascript\n ...\n plugins: [\n {\n resolve: \"@arene/gatsby-theme-intro\",\n options: {\n ...\n tailwindConfig: {\n darkMode: \"class\",\n content: ...\n ...\n }\n }\n }\n ]\n```\n\nThen add the necessary UI to add/remove the `\"dark\"` class to the `` element. Remember to update the `content` field so that the files used to define this UI are [scanned](https://tailwindcss.com/docs/content-configuration) by Tailwind CSS.\n\n## Customization\n\n### Component shadowing\n\nYou can use Gatsby component shadowing technique to customize the theme.\n\n- All components are located in `src/components` directory.\n- All parameters accepted by components are defined using [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html). You can find types definitions in one centeral `src/types` location.\n- Code you want to overwrite should be placed within `src/@arene/gatsby-theme-intro/` directory.\n- *Important* In order to use TailwindCSS classes in your new files, they must be be listed in the the `content` field of `tailwindConfig`, as in the [example above](#dark-mode).\n\nPlease refer to [the official documentation](https://www.gatsbyjs.org/docs/themes/shadowing/) to learn more.\n\n\n### Custom color variant\n\nAs `theme` parameter in theme configuration (`gatsby-config.js`) you can pass either the name of the existing theme or an object of colors.\n\nExample:\n\n```javascript\nmodule.exports = {\n (...)\n plugins: [\n {\n resolve: \"@arene/gatsby-theme-intro\",\n options: {\n (...)\n theme: {\n 'back': '#edf0f3',\n 'front': '#2b3137',\n 'lead': '#2781ed',\n 'lead-text': '#ffffff',\n 'line': '#ced9e3',\n 'skill-1': '#405060',\n 'skill-2': '#fc8732',\n 'skill-3': '#2ebc50',\n },\n },\n },\n ],\n (...)\n}\n```\n\nPlease remember, that after modyfying `gatsby-config.js` file it may be required to restart `gatsby develop` process.\n\n## Updating dependencies\n\n- Running `yarn upgrade-interactive` will check for any out-of-data packages, and propose to update them. It automatically updates the version ranges in `package.json` files.\n\n\n## Changelog\n\n### 3.0.0\n\nThe theme is now compatible with Gatsby v3, TailwindCSS v3 and yarn v2+.\n\n### 2.0.0\n\nThe theme is now compatible with Gatsby v3 and TailwindCSS v2.\n\n### 1.1.0\n\nThe version introduces required changes to make the contact form work after [latest changes](https://help.formspree.io/hc/en-us/articles/360056076314-Phasing-out-legacy-forms-email-URLs-) from Formspree.\n\nTo upgrade, please add `formspreeEndpoint` property to `siteMetadata` object in your `gatsby-config.js`. For more information about configuring Formspree, please refer to the documentation above.\n\n## About\n\nIntro. is a theme created by [Wojciech Kocjan](https://kocjan.net) from [Weeby Studio](https://weeby.studio).\n\nThe theme has been initially [launched](https://www.producthunt.com/posts/intro-8) in 2018 as a commercial project written in JavaScript. In 2020 it's been rewritten to Gatsby and open sourced.\n\n**Thank you for using it!**\n","readmeFilename":"README.md","homepage":"https://github.com/alcrene/gatsby-theme-intro#readme"}