{"version":3,"sources":["webpack:///./src/pages/about.js","webpack:///./src/components/TOC.js","webpack:///./src/components/Layout.js","webpack:///./src/content/toc.yaml","webpack:///./src/assets/moon.svg","webpack:///./src/assets/sun.svg","webpack:///./src/assets/logo.svg"],"names":["About","title","href","LeftNav","styled","aside","TOC","className","toc","map","group","index","key","heading","subitems","item","to","path","name","Header","header","Burger","svg","Close","SmallScreenMenu","div","MainNavBar","Container","ThemeToggle","Layout","children","useState","isMenuOpen","setMenu","useContext","ThemeContext","theme","setTheme","onClick","src","sun","alt","moon","id","logo","xmlns","width","height","viewBox","fill","stroke-linecap","stroke-linejoin","x1","y1","x2","y2","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","module","exports"],"mappings":"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","file":"component---src-pages-about-js-33fec4e7527c608c254d.js","sourcesContent":["import React from \"react\";\nimport { Layout } from \"../components/Layout\";\nimport SEO from \"../components/SEO\";\n\nexport default function About() {\n return (\n <>\n \n \n
\n

About

\n

\n This is an example project created by{\" \"}\n Zachary Carlson.\n

\n

\n I was a bit frustrated by some fo the limitations of using\n traditional authoring tools for techincal content, such as Adobe\n FrameMaker and MadCap Flare, so I decided to see what it would take\n to build something with the tools I like using: Gatsby, React, and\n Markdown.\n

\n
\n
\n \n );\n}\n","import { Link } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { toc } from \"../content/toc.yaml\";\n\nexport const LeftNav = styled.aside`\n border-right: 10px solid var(--accent);\n\n nav {\n display: flex;\n flex-direction: column;\n margin-top: 3rem;\n margin-left: 1rem;\n }\n\n details {\n padding: 1rem 0;\n border-top: 1px solid var(--accent);\n }\n\n details:hover {\n cursor: pointer;\n color: var(--pop);\n }\n\n summary:focus {\n outline: none;\n background-color: var(--accent);\n }\n\n details ul {\n list-style: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n\n details ul li a:focus {\n outline: none;\n background-color: var(--accent);\n }\n\n a {\n color: var(--textColor);\n text-decoration: none;\n }\n\n a:hover {\n color: var(--pop);\n }\n\n a + a {\n margin-top: 1rem;\n }\n\n .heading {\n font-weight: 600;\n text-transform: uppercase;\n }\n\n .subitems {\n padding: 0 1rem 1rem 1rem;\n text-transform: capitalize;\n }\n`;\n\nexport const TOC = () => {\n return (\n \n \n \n );\n};\n","import React, { useContext, useState } from \"react\";\nimport { Link } from \"gatsby\";\nimport { TOC } from \"./TOC\";\nimport styled from \"styled-components\";\nimport { toc } from \"../content/toc.yaml\";\nimport logo from \"../assets/logo.svg\";\nimport sun from \"../assets/sun.svg\";\nimport moon from \"../assets/moon.svg\";\nimport { ThemeContext } from \"../utils/ThemeContext\";\n\nconst Header = styled.header`\n position: relative;\n padding-bottom: 1rem;\n\n .hamburger {\n display: none;\n margin: 1rem;\n }\n\n .hamburger:hover {\n cursor: pointer;\n }\n\n @media (max-width: 600px) {\n nav {\n display: none;\n }\n .hamburger {\n display: block;\n }\n\n margin-bottom: 10px;\n }\n`;\n\nconst Burger = styled.svg`\n path {\n stroke: var(--black);\n }\n\n &:hover {\n path {\n stroke: var(--pop);\n }\n }\n`;\n\nconst Close = styled.svg`\n stroke-width: 3;\n stroke: var(--pop);\n\n animation: 0.3s ease-out spin;\n\n @keyframes spin {\n from {\n transform: rotate(180deg);\n opacity: 0;\n }\n to {\n transform: rotate(0deg);\n opacity: 1;\n }\n }\n`;\n\nconst SmallScreenMenu = styled.div`\n background: var(--white);\n width: 100%;\n height: 80vh;\n position: absolute;\n top: 5rem;\n left: 0;\n z-index: 2;\n\n animation: 0.3s ease-out slideIn;\n\n @keyframes slideIn {\n from {\n left: -200px;\n opacity: 0;\n }\n to {\n left: 0px;\n opacity: 1;\n }\n }\n\n padding: 2rem;\n\n nav details {\n margin-bottom: 3rem;\n font-size: var(--h4);\n }\n\n nav details ul li {\n margin-bottom: 1rem;\n\n a {\n color: var(--black);\n text-decoration: none;\n }\n }\n\n @media (min-width: 600px) {\n display: none;\n }\n`;\n\nconst MainNavBar = styled.div`\n display: flex;\n justify-content: space-around;\n padding-bottom: 1rem;\n margin-bottom: 5rem;\n border-bottom: 1px solid var(--accent);\n a {\n text-decoration: none;\n color: var(--textColor);\n }\n\n a span {\n text-transform: uppercase;\n }\n`;\n\nconst Container = styled.div`\n display: block;\n\n @media (max-width: 600px) {\n display: none;\n }\n`;\n\nconst ThemeToggle = styled.div`\n padding-right: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n\n display: flex;\n justify-content: flex-end;\n\n img {\n height: 20px;\n }\n\n img:hover {\n cursor: pointer;\n }\n\n @media (max-width: 600px) {\n img {\n height: 15px;\n }\n }\n`;\n\nexport function Layout({ children }) {\n const [isMenuOpen, setMenu] = useState(false);\n const { theme, setTheme } = useContext(ThemeContext);\n\n return (\n <>\n {theme === \"dark\" ? (\n setTheme(\"light\")}>\n \"light\n \n ) : (\n setTheme(\"dark\")}>\n \"dark\n \n )}\n
\n \n
\n \"logo\"\n Docs Template\n
\n \n
\n {isMenuOpen ? (\n setMenu(!isMenuOpen)}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n \n \n \n ) : (\n setMenu(!isMenuOpen)}\n width=\"20\"\n height=\"14\"\n viewBox=\"0 0 20 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n \n \n \n \n )}\n
\n \n
\n
\n \n {isMenuOpen && (\n <>\n \n \n \n Home\n \n \n About\n \n \n \n \n {children}\n \n )}\n {!isMenuOpen && children}\n
\n {!isMenuOpen && (\n \n )}\n \n );\n}\n","module.exports = {\"toc\":[{\"heading\":\"Getting Started\",\"subitems\":[{\"name\":\"Overview\",\"path\":\"/get-started/overview\"},{\"name\":\"Setup\",\"path\":\"/get-started/setup\"}]},{\"heading\":\"Tutorials\",\"subitems\":[{\"name\":\"Overview\",\"path\":\"/how-to/overview\"},{\"name\":\"Demo Post\",\"path\":\"/tutorials/demo-post\"}]},{\"heading\":\"How-to Guides\",\"subitems\":[{\"name\":\"Overview\",\"path\":\"/how-to/overview\"},{\"name\":\"How to make a list\",\"path\":\"/how-to/make-list\"}]},{\"heading\":\"References\",\"subitems\":[{\"name\":\"running a blog\",\"path\":\"/configure/libraries\"},{\"name\":\"running a blog\",\"path\":\"/configure/libraries\"}]}]}","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItbW9vbiI+PHBhdGggZD0iTTIxIDEyLjc5QTkgOSAwIDEgMSAxMS4yMSAzIDcgNyAwIDAgMCAyMSAxMi43OXoiPjwvcGF0aD48L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1zdW4iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjUiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjEiIHgyPSIxMiIgeTI9IjMiPjwvbGluZT48bGluZSB4MT0iMTIiIHkxPSIyMSIgeDI9IjEyIiB5Mj0iMjMiPjwvbGluZT48bGluZSB4MT0iNC4yMiIgeTE9IjQuMjIiIHgyPSI1LjY0IiB5Mj0iNS42NCI+PC9saW5lPjxsaW5lIHgxPSIxOC4zNiIgeTE9IjE4LjM2IiB4Mj0iMTkuNzgiIHkyPSIxOS43OCI+PC9saW5lPjxsaW5lIHgxPSIxIiB5MT0iMTIiIHgyPSIzIiB5Mj0iMTIiPjwvbGluZT48bGluZSB4MT0iMjEiIHkxPSIxMiIgeDI9IjIzIiB5Mj0iMTIiPjwvbGluZT48bGluZSB4MT0iNC4yMiIgeTE9IjE5Ljc4IiB4Mj0iNS42NCIgeTI9IjE4LjM2Ij48L2xpbmU+PGxpbmUgeDE9IjE4LjM2IiB5MT0iNS42NCIgeDI9IjE5Ljc4IiB5Mj0iNC4yMiI+PC9saW5lPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzgiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDk4LjY1MTc4NyA5OC42NTE3ODciCiAgIGhlaWdodD0iOTguNjUxNzg3bW0iCiAgIHdpZHRoPSI5OC42NTE3ODdtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQuOTcxNTQzLC0yNy45MzkyMTcpIgogICAgIGlkPSJsYXllcjEiPgogICAgPGNpcmNsZQogICAgICAgdHJhbnNmb3JtPSJyb3RhdGUoMTY1KSIKICAgICAgIHI9IjQ5LjMyNTg5MyIKICAgICAgIGN5PSItOTkuMDM4MzM4IgogICAgICAgY3g9Ii03MS4wODY2NDciCiAgICAgICBpZD0icGF0aDkwMiIKICAgICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojMDk0MDY3O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjIzO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6bm9ybWFsIiAvPgogICAgPGcKICAgICAgIHN0eWxlPSJzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MS4wNTkyNDg4MTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC41NjEwNzA4NCwtMC4wNzc4LDAuMDc3OCwwLjU2MTA3MDg0LDQ5LjU0MTg3MiwzMC43Njc1MjMpIgogICAgICAgaWQ9Imc5MDAiPgogICAgICA8cGF0aAogICAgICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NC4wMDM0NTk5MztzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOm5vcm1hbCIKICAgICAgICAgZD0iTSA5Mi45OTAyMzQsMTQwLjg4ODY3IFYgNTU1Ljc2NzU4IEggNDEzLjM4MDg2IFYgMjY2LjE0NjQ4IEwgMjg4LjEyMzA1LDE0MC44ODg2NyBaIgogICAgICAgICB0cmFuc2Zvcm09InNjYWxlKDAuMjY0NTgzMzMpIgogICAgICAgICBpZD0icmVjdDgxNSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEuMDU5MjQ4ODE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MTtwYWludC1vcmRlcjpub3JtYWwiCiAgICAgICAgIGQ9Ik0gNzYuMjMyNTU0LDM3LjQ2NjAwNSBWIDcwLjYwNzEzMyBIIDEwOS4zNzM2OCBaIgogICAgICAgICBpZD0icGF0aDg2NyIgLz4KICAgIDwvZz4KICAgIDxlbGxpcHNlCiAgICAgICByeT0iMC4zNzc5NzYyMSIKICAgICAgIHJ4PSIwLjI4MzQ4MjEzIgogICAgICAgY3k9IjExMi40MTY4OSIKICAgICAgIGN4PSItODQuNzY4Nzg0IgogICAgICAgaWQ9InBhdGg5ODAiCiAgICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6IzA5ZWVmZTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC4yMztzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOm5vcm1hbCIgLz4KICA8L2c+Cjwvc3ZnPgo=\""],"sourceRoot":""}