{"componentChunkName":"component---src-pages-tools-js","path":"/tools/","result":{"data":{"site":{"siteMetadata":{"title":"Process Mastery"}},"contentfulLinksPage":{"linksContent":{"childMarkdownRemark":{"html":"<h1>Ui/UX<br/></h1>\n<p><a href=\"https://css-tricks.com/\">css-tricks</a><br/>\n<a href=\"https://css-tricks.com/snippets/html/glyphs/\">css-glyphs</a><br/>\n<a href=\"https://codepen.io/collection/nMgKxJ/\">codepens for evrydey frontend developer</a><br/></p>\n<h1>animations<br/></h1>\n<p><a href=\"https://www.react-spring.io/\">react-spring</a><br/>\n<a href=\"https://www.hongkiat.com/blog/svg-animations/\">svg-animation examples</a><br/>\n<a href=\"https://codepen.io/matchboxhero/pen/LzdgOv?editors=1100\">svg bubbles</a><br/>\n<a href=\"https://codepen.io/digistate/pen/KZWYwo\">cool javascript slider</a><br/>\n<a href=\"https://codepen.io/ainalem/pen/LJYRxz\">css mobile menu animations</a><br/>\n<a href=\"https://codepen.io/jascha/pen/yponz\">cool css animation</a><br/>\n<a href=\"https://daneden.github.io/animate.css/\">animate css</a><br/>\n<a href=\"https://cubic-bezier.com/#.17,.67,.83,.67\">cubic bazier generator</a><br/>\n<a href=\"https://easings.net/en\">easing functions cheat sheeat</a><br/></p>\n<h1>variable fonts<br/></h1>\n<p><a href=\"https://codepen.io/jpamental/pen/MGEPEL\">FF Meta Variable Font Demo</a><br/>\n<a href=\"https://rwt.io/resources\">Jason's variable font resources</a></p>\n<h1>videos<br/></h1>\n<p><a href=\"https://www.shutterstock.com/video\">shutterstock</a><br/>\n<a href=\"https://www.videvo.net/\">videvo</a><br/></p>\n<h1>icons<br/></h1>\n<p><a href=\"https://www.flaticon.com/\">flaticon</a><br/>\n<a href=\"https://www.iconfinder.com/\">iconfinder</a><br/></p>\n<h1>images<br/></h1>\n<p><a href=\"https://pixabay.com/\">pixabay.com</a><br/>\n<a href=\"https://www.freepik.com/\">freepik</a><br/>\n<a href=\"https://maggieappleton.com/\">ilustrations</a><br/></p>\n<h1>Tools<br/></h1>\n<p><a href=\"https://spectrum.chat/gatsby-js?tab=posts\">Gatsby.js community in spectrum</a><br/>\n<a href=\"https://github.com/public-apis/public-apis\">free public API's including book's</a><br/>\n<a href=\"https://letsencrypt.org/\">free http to https domain upgrades</a><br/>\n<a href=\"https://www.cloudflare.com/\">free img hosting service</a><br/>\n<a href=\"https://react-svgr.com/playground/\">svg to react component online converter</a><br/>\n<a href=\"https://www.cssmatic.com/box-shadow\">css box shadow online</a><br/>\n<a href=\"https://bennettfeely.com/clippy/\">css clip path maker</a><br/>\n<a href=\"https://www.iubenda.com/en/\">privacy and cookie policy generator</a><br/>\n<a href=\"https://www.svgbackgrounds.com/\">svg baground tool</a><br/></p>\n<style class=\"grvsc-styles\">\n  .grvsc-container {\n    overflow: auto;\n    position: relative;\n    -webkit-overflow-scrolling: touch;\n    padding-top: 1rem;\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\n    padding-bottom: 1rem;\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\n    border-radius: 8px;\n    border-radius: var(--grvsc-border-radius, 8px);\n    font-feature-settings: normal;\n    line-height: 1.4;\n  }\n  \n  .grvsc-code {\n    display: table;\n  }\n  \n  .grvsc-line {\n    display: table-row;\n    box-sizing: border-box;\n    width: 100%;\n    position: relative;\n  }\n  \n  .grvsc-line > * {\n    position: relative;\n  }\n  \n  .grvsc-gutter-pad {\n    display: table-cell;\n    padding-left: 0.75rem;\n    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n  }\n  \n  .grvsc-gutter {\n    display: table-cell;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  \n  .grvsc-gutter::before {\n    content: attr(data-content);\n  }\n  \n  .grvsc-source {\n    display: table-cell;\n    padding-left: 1.5rem;\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\n    padding-right: 1.5rem;\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\n  }\n  \n  .grvsc-source:empty::after {\n    content: ' ';\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  \n  .grvsc-gutter + .grvsc-source {\n    padding-left: 0.75rem;\n    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n  }\n  \n  /* Line transformer styles */\n  \n  .grvsc-has-line-highlighting > .grvsc-code > .grvsc-line::before {\n    content: ' ';\n    position: absolute;\n    width: 100%;\n  }\n  \n  .grvsc-line-diff-add::before {\n    background-color: var(--grvsc-line-diff-add-background-color, rgba(0, 255, 60, 0.2));\n  }\n  \n  .grvsc-line-diff-del::before {\n    background-color: var(--grvsc-line-diff-del-background-color, rgba(255, 0, 20, 0.2));\n  }\n  \n  .grvsc-line-number {\n    padding: 0 2px;\n    text-align: right;\n    opacity: 0.7;\n  }\n  \n</style>"}}}},"pageContext":{}},"staticQueryHashes":["2871418404","3094835753"],"slicesMap":{}}