{"_id":"@awolf81/gatsby-theme-scrollycoding","_rev":"2-c3331d2dba1c5a6d70ce8a6b2fb666ee","name":"@awolf81/gatsby-theme-scrollycoding","dist-tags":{"next":"0.3.0-next.11-rc1-1","latest":"0.3.0-next.11-rc1"},"versions":{"0.3.0-next.11-rc1":{"name":"@awolf81/gatsby-theme-scrollycoding","version":"0.3.0-next.11-rc1","main":"index.js","author":{"name":"Alexander Wolf","email":"awolf2904@gmail.com","url":"@awolf81"},"license":"MIT","peerDependencies":{"gatsby":"^3.3.0","@code-hike/scrollycoding":"0.3.0-next.11"},"_id":"@awolf81/gatsby-theme-scrollycoding@0.3.0-next.11-rc1","dist":{"shasum":"284b6c59930bbd6bd732bc95942b8f473fac4864","integrity":"sha512-CrhJH/IJp/YNVCfUXnugnIg569+IlYzjCPoJ7yloBeL1XnXH0RrO+1XGCK0BOwzPABue2+BviZ5BhEGU2RHOwg==","tarball":"https://registry.npmjs.org/@awolf81/gatsby-theme-scrollycoding/-/gatsby-theme-scrollycoding-0.3.0-next.11-rc1.tgz","fileCount":19,"unpackedSize":5793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhD9tYCRA9TVsSAnZWagAAdiUP/jOUgllGfkFhny5iQhlD\nqkPe20s7BCEUtWnT4TOc+8zmYJRmO/EDCsVBlcdf3odgRmCYj5LA5tFSqzOR\n/gqMI6vhJoYgWQj5iYScn4/fOw9ruIJaexoZqyr0hkJ7FmSuukF0qDYqrgtb\n6azu6NBsHCzKc7KW10eGV7/iBOx1IaJSEwmZLZ2toi/lwdLvtNYjk9jRP4pe\nqjeABw9tI9HVKtmRu9c/nCtl9p6X2hIvH5bL3GSmbAWb1neWnq9qpBPbz7jw\n/RVAYJfcpumqeqIdyRoeJN77MA4TfjjpAD25WObCg+ENlQ69AU8LZLpsbG12\n53gvQxF1gKc5r/hbB+KjuW/Dya6Ds0UHyUAt38NSDd5GnE4wMi+MredEf8JJ\nkyJp+PLDoE5t/P0i0Ake7q93a1JmOIz5nA9TMYKbsDUHMEYkhmBwSX3Rlal6\n4emuOfVKqyFSf4WGfuJU3ZgdCTBNJ9hcwLtlVzRlC3elHslQEu4R/eoRvYD/\nqFG76MZUq01p0+B6GfB4dI/igOC/zGzNrp2PZdZ5JE+61+01ZIwbdKimoS8a\nle0W5COTGSSqEheyr20d1gq3IPJLjo/X/kWlF8CUdA9KP4wyib6wjVALCTv0\nvbaJGNt1TKRgGwTX0uVYp9kZ1EtCOep3zwTWmj3Fy8odMPVm23n8Wu46tVjz\n627q\r\n=XBB9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBkC2HUXpkmnk+a45h0zHwt7LojetNt+Bh4gagBvR38VAiA3nRO3E4l53lffXxajI2op08COVyp3P7begxPbRnrI1w=="}]},"_npmUser":{"name":"awolf81","email":"awolf2904@gmail.com"},"directories":{},"maintainers":[{"name":"awolf81","email":"awolf2904@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gatsby-theme-scrollycoding_0.3.0-next.11-rc1_1628429144661_0.8108372497934053"},"_hasShrinkwrap":false},"0.3.0-next.11-rc1-1":{"name":"@awolf81/gatsby-theme-scrollycoding","version":"0.3.0-next.11-rc1-1","main":"index.js","author":{"name":"Alexander Wolf","email":"awolf2904@gmail.com","url":"@awolf81"},"license":"MIT","peerDependencies":{"@code-hike/scrollycoding":"0.3.0-next.11","gatsby":"^3.3.0"},"dependencies":{"prism-themes":"^1.8.0","prismjs":"^1.24.1"},"readmeFilename":"README.md","readme":"# Gatsby theme for ScrollyCoding \nThis is a theme to add [@code-hike/scrollycoding](https://www.npmjs.com/package/@code-hike/scrollycoding) to your Gatbsy site.\n\n## Version info\nThis is alpha software and the version is oriented on scrollycoding version to know which version is working with the theme.\n\n## Examples\nCheckout the examples in `https://github.com/AWolf81/gatsby-theme-scrollycoding-workspace`.\n\n## Usage\nRun `npm install @awolf81/gatsby-theme-scrollycoding gatsby-plugin-postcss` to install the theme.\nInstall ScrollyCoding with `npm install @code-hike/scrollycoding@0.3.0-next.11` \n(Note: Exact version required as Scrollycoding is pretty young and may change at any time)\n\nPostcss added so we can use Tailwindcss for styling.\n\nRun `npx tailwindcss init -p` so you can configure Tailwind later.\n\nNext, add the theme to your `gatsby-config.js`:\n```js\nmodule.exports = {\n // rest of your config...\n plugins: [\n '@awolf81/gatsby-theme-scrollycoding',\n 'gatsby-plugin-postcss',\n {\n resolve: `gatsby-source-filesystem`,\n options: {\n name: `pages`,\n path: `${__dirname}/src/pages/`\n }\n },\n {\n resolve: 'gatsby-plugin-mdx',\n options: {\n defaultLayouts: {\n pages: require.resolve('./src/components/posts-layout.jsx')\n // default: require.resolve(\"./src/components/default-page-layout.js\"),\n }\n }\n }\n ]\n}\n```\n\nNow, we can create our layout component in `./src/components/posts-layout.jsx`:\n```jsx\nimport React from 'react'\nimport { ScrollycodingContextProviderComponent } from '@awolf81/gatsby-theme-scrollycoding/src/context'\nimport '../styles/global.css'\n\nconst classes = {\n 'ch-hike-step-content-unfocused': 'opacity-25 transition-opacity',\n 'ch-hike-step-content': 'border-none',\n 'ch-frame-button': 'bg-gray-300 border-gray-600'\n}\n\nconst preset = {\n template: 'react',\n customSetup: {\n dependencies: { \n 'react-svg-curve': 'latest',\n }\n }\n}\n\n// codeProps is optional --> defaults to minColumns: 40\nconst codeProps = {\n minColumns: 40,\n minZoom: 0.7\n}\n\nexport default function Layout({ children, ...props }) {\n return (\n \n
\n

Blog

\n {children}\n
\n \n )\n}\n```\n\nFor styling add `src/styles/global.css`:\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\n# License\nMIT\n\n# Issues\nIf you're having issues or if there is something to improve, please add an issue at Github [AWolf81/gatsby-theme-scrollycoding-workspace](https://github.com/AWolf81/gatsby-theme-scrollycoding-workspace).","description":"This is a theme to add [@code-hike/scrollycoding](https://www.npmjs.com/package/@code-hike/scrollycoding) to your Gatbsy site.","_id":"@awolf81/gatsby-theme-scrollycoding@0.3.0-next.11-rc1-1","dist":{"shasum":"abcc0d005521391bf8810af6c26d9e2d647c4144","integrity":"sha512-KQBu2VQuPzzY3K3Xgo5M97cTOZQ800xro1tsvpVtNXXb5gCqSDdLgd1OEGwHnUvPyR4VcKgI7GB3QGhJQN8diA==","tarball":"https://registry.npmjs.org/@awolf81/gatsby-theme-scrollycoding/-/gatsby-theme-scrollycoding-0.3.0-next.11-rc1-1.tgz","fileCount":20,"unpackedSize":8750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhD+G4CRA9TVsSAnZWagAAUEYP/1jv0GSSKXE+G5NFA4et\nrIup99tCHnquNG1HwEFoM1pl3ZpVsqjnN38N1WcAShzzTxlNitw4WZilVolo\nAgjPSKYLwQ4G4lr+VWZGK1d1+tPBnQQ2KxBVUCtpNvjURgmnMhm1mOTgf+I1\nKmpI0ZSvDoxn32BKMko111o247ewV2kf8imsHlVBFuxX+dPjJ5e1m7cx2B+z\nVuDPtjDj5hw5Q4s3ZKHjfWIUtigT0b7Obx9el+5oWNaSJ5fOtKecNOJUxjaY\nFimcXi9E6Ru6iBLP0k41y8XWNteix0L+tFD2StCcFDLV6GZDwDouu7E5/kR7\nj3MQJ2Vv08fSRRD5kAwe3ij67E+gK68C0p6uejb7jzDIVLjCAG72cKoUvzGM\nTNub3E9C5TJ5eDm63M6QJQsgfjkZBU3NQ2SNXMz/D5S0Y0GP51uGber89CX2\ngbxlHjRlwfZ0dF6qizgzL9AOSeo7dHHmCj7VobJrkevvKx3hHa0bUXyY50a8\niP1D3lw6Dh8lRJk13Z0Y8HW9fGolN6yQm2F6Kl70XXvipnKesVEf9NZ5vxLm\nyYy3Phsfk1C+MWkmx5mXU0TOl50RO5RZcPIratTFi3Mtc88gZE5olXrcqEPR\n6qe4joYhUUu/mzOXGzj5OFoZK3LSVGS13yeFsGxx/lAkMOAz7hi7YuPAOKhT\nA1qM\r\n=EpNZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC4wQES6F3Hdoh5F+/UPx2S/nvPwbpZFHcAqz6i/Y937AiEA//eH42/m5O7NjGiLXA6/rvWTdCdzz7r88G6nhO6Cztk="}]},"_npmUser":{"name":"awolf81","email":"awolf2904@gmail.com"},"directories":{},"maintainers":[{"name":"awolf81","email":"awolf2904@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gatsby-theme-scrollycoding_0.3.0-next.11-rc1-1_1628430776442_0.5325432456219481"},"_hasShrinkwrap":false}},"time":{"created":"2021-08-08T13:25:44.593Z","0.3.0-next.11-rc1":"2021-08-08T13:25:44.827Z","modified":"2022-04-04T16:51:26.439Z","0.3.0-next.11-rc1-1":"2021-08-08T13:52:56.586Z"},"maintainers":[{"name":"awolf81","email":"awolf2904@gmail.com"}],"author":{"name":"Alexander Wolf","email":"awolf2904@gmail.com","url":"@awolf81"},"license":"MIT","readme":"","readmeFilename":""}