\n COPY filename\n.\n| Table Header 1 | \nTable Header 2 | \nTable Header 3 | \n
|---|---|---|
| Division 1 | \nDivision 2 | \nDivision 3 | \n
| Division 1 | \nDivision 2 | \nDivision 3 | \n
| Division 1 | \nDivision 2 | \nDivision 3 | \n
<?php bloginfo('stylesheet_url'); ?>, or within a <pre> block. Because we have more specific typographic needs for code, we'll specify Consolas and Monaco ahead of the browser-defined monospace font.\n\n #container {\n float: left;\n margin: 0 -240px 0 0;\n width: 100%;\n }\n\n---\n\n## Blockquotes\n\nLet's keep it simple.\n\n> Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you'd like to hear it I can sing it for you. — [HAL 9000](https://en.wikipedia.org/wiki/HAL_9000)\n\nAnd here's a bit of trailing text.\n\n---\n\n## Text-level semantics\n\nThe a element example\nThe abbr element and abbr element with title examples\nThe b element example\nThe cite element example\nThe code element example\nThe q elementexample\nTheinsidea q element
\r\n }\r\n />\r\n
\r\n \r\n )\r\n}\r\n\r\nconst Description: React.FC<{ data: ContactQuery_site_siteMetadata_contact }> = ({ data }) => {\r\n return (\r\n \r\n {data.description && (\r\n
\r\n )\r\n}\r\n\r\nconst IconRight = ({ spin = false }) => {\r\n if(spin) {\r\n return (\r\n \r\n {data.description}
\r\n )}\r\n- \r\n {data.mail && (\r\n
- \r\n \r\n
\r\n \r\n \r\n {data.mail}\r\n \r\n \r\n )}\r\n {data.phone && (\r\n - \r\n \r\n
\r\n \r\n \r\n {data.phone}\r\n \r\n \r\n )}\r\n {data.address && (\r\n - \r\n \r\n
\r\n \r\n {data.address}
\r\n \r\n )}\r\n - \r\n
\r\n \r\n
{message}
\r\n}\r\n\r\nexport { Form, Description }\r\n" }, { "path": "src/components/cookie.tsx", "content": "import React from \"react\"\nimport { Link } from \"gatsby\";\n\ninterface Props {\n onChange: React.MouseEventHandler\n}\n\nconst CookieBox = ({ onChange}: Props) => {\n return (\n\n
\n )\n}\n\nexport default CookieBox;\n"
},
{
"path": "src/components/footer.tsx",
"content": "import React from \"react\"\r\nimport { useStaticQuery, graphql, Link } from \"gatsby\"\r\nimport { Logo } from \"./utils\"\r\nimport Navlinks from \"./navigation-list\"\r\nimport { FooterLinksQuery, FooterLinksQuery_site_siteMetadata_footerLinks } from \"./__generated__/FooterLinksQuery\"\r\n\r\n\r\nexport default function() {\r\n const query = useStaticQuery\n
\n \n This website uses cookies to ensure you get the best experience on our website.
\n Privacy policy\n\n
\n )\n}\n\nexport default ItemBlog;"
},
{
"path": "src/components/item-portfolio.tsx",
"content": "import React, { useState, useEffect, useRef } from \"react\"\nimport { Button } from \"./ui\"\nimport Img from \"gatsby-image\"\nimport { ArrowRight } from \"react-feather\"\n\nimport Parallax from \"../utils/parallax\"\nimport { IndexPageQuery_portfolio_edges_node } from \"../pages/__generated__/IndexPageQuery\"\n\ntype ItemPortfolioProps = { data: IndexPageQuery_portfolio_edges_node, even: boolean };\nexport const ItemPortfolio: React.FC\n changeFocused(true)} onBlur={() => changeFocused(false)}>\n
\n \n
\n \n
\n \n \n {data.frontmatter.title}\n
\n\n \n
\n {data.frontmatter.date}
\n\n {data.frontmatter.description}\n
\n\n \n
\n \n \n
\n \n \n
\n \n \n \n \n {data.frontmatter.title}\n
\n\n {data.frontmatter.description}\n
\n\r\n \r\n }\r\n
\r\n \r\n \r\n {children}\r\n \r\n
\r\n {\r\n (query.site.siteMetadata.cookiePolicy && !cookieShown) && - {list}
\n
\n \n \n
\n \n
\n \n
\n \n \n {navPlaceholder && (\n \n )}\n - \n
\r\n
\r\n )\r\n } else {\r\n return - \r\n {pageContext.currentPage !== 1 && (\r\n
- } title=\"Previous Page\"/>\r\n )}\r\n {listItems}\r\n {pageContext.currentPage !== pageContext.numPages && (\r\n
- } title=\"Next Page\"/>\r\n )}\r\n
\n {children}\n
\n )\n}\n\nconst Col = ({ children }) => {\n return (\n \n {children}\n
\n )\n}\n\nexport { Row, Col }"
},
{
"path": "src/components/sidebar.tsx",
"content": "import React from \"react\"\n\ntype SideBarState = { touchDown?: boolean, sidebarOpen?: boolean, opening?: boolean, progress?: number, touchX?: number, touchTime?: number, lastTouch?: number, transitionTime?: number, screenWidth?: number };\ntype SettingsProps = { sensitivity?: number; overlayColor?: string; sidebarWidth?: string; swipeDistance?: number; }\ntype SideBarProps = { settings?: SettingsProps, open: boolean, onChange: Function };\n\nexport default class SideBar extends React.Component\n
\n )\n }\n}\n"
},
{
"path": "src/components/ui.tsx",
"content": "import React, { useState } from \"react\"\nimport { Link } from \"./utils\"\n\ntype ButtonProps = { title: string, to?: string, type?: any, label?: string, disabled?: boolean, iconLeft?: JSX.Element, iconRight?: JSX.Element };\nconst Button: React.FC\n {this.props.children}\n
\n {\n if(e.which === 27) this.closeSidebar();\n }}\n >\n\n
\n {label}
\n\n {elem}\n
\n {footer && \n <>{footer}\n }\n \n )\n}\n\nexport { Button, TextInput }\n"
},
{
"path": "src/components/utils.tsx",
"content": "import React from \"react\"\n\nimport { useStaticQuery, graphql, Link as GatsbyLink } from \"gatsby\"\nimport { LogoQuery } from \"./__generated__/LogoQuery\"\n\nconst Logo = ({ className = \"logo\" }) => {\n const data = useStaticQuery\n
\n \n )\n}\n"
},
{
"path": "src/pages/__generated__/ContactQuery.d.ts",
"content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: ContactQuery\n// ====================================================\n\nexport interface ContactQuery_site_siteMetadata_contact {\n api_url: string | null;\n description: string | null;\n mail: string | null;\n phone: string | null;\n address: string | null;\n}\n\nexport interface ContactQuery_site_siteMetadata {\n contact: ContactQuery_site_siteMetadata_contact | null;\n}\n\nexport interface ContactQuery_site {\n siteMetadata: ContactQuery_site_siteMetadata | null;\n}\n\nexport interface ContactQuery {\n site: ContactQuery_site | null;\n}\n"
},
{
"path": "src/pages/__generated__/IndexPageQuery.d.ts",
"content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: IndexPageQuery\n// ====================================================\n\nexport interface IndexPageQuery_site_siteMetadata_contact {\n api_url: string | null;\n description: string | null;\n mail: string | null;\n phone: string | null;\n address: string | null;\n}\n\nexport interface IndexPageQuery_site_siteMetadata_social {\n name: string | null;\n url: string | null;\n icon: string | null;\n}\n\nexport interface IndexPageQuery_site_siteMetadata {\n title: string | null;\n description: string | null;\n capitalizeTitleOnHome: boolean | null;\n titleImage: string | null;\n ogImage: string | null;\n twoColumnWall: boolean | null;\n introTag: string | null;\n about: string | null;\n contact: IndexPageQuery_site_siteMetadata_contact | null;\n social: (IndexPageQuery_site_siteMetadata_social | null)[] | null;\n}\n\nexport interface IndexPageQuery_site {\n siteMetadata: IndexPageQuery_site_siteMetadata | null;\n}\n\nexport interface IndexPageQuery_portfolio_edges_node_frontmatter_image_childImageSharp_fluid {\n base64: string | null;\n aspectRatio: number;\n src: string;\n srcSet: string;\n sizes: string;\n}\n\nexport interface IndexPageQuery_portfolio_edges_node_frontmatter_image_childImageSharp {\n fluid: IndexPageQuery_portfolio_edges_node_frontmatter_image_childImageSharp_fluid | null;\n}\n\nexport interface IndexPageQuery_portfolio_edges_node_frontmatter_image {\n childImageSharp: IndexPageQuery_portfolio_edges_node_frontmatter_image_childImageSharp | null;\n}\n\nexport interface IndexPageQuery_portfolio_edges_node_frontmatter {\n title: string;\n description: string | null;\n image: IndexPageQuery_portfolio_edges_node_frontmatter_image | null;\n}\n\nexport interface IndexPageQuery_portfolio_edges_node_fields {\n slug: string | null;\n}\n\nexport interface IndexPageQuery_portfolio_edges_node {\n id: string;\n frontmatter: IndexPageQuery_portfolio_edges_node_frontmatter | null;\n fields: IndexPageQuery_portfolio_edges_node_fields | null;\n}\n\nexport interface IndexPageQuery_portfolio_edges {\n node: IndexPageQuery_portfolio_edges_node;\n}\n\nexport interface IndexPageQuery_portfolio {\n edges: IndexPageQuery_portfolio_edges[];\n}\n\nexport interface IndexPageQuery_blog_edges_node_frontmatter_image_childImageSharp_fluid {\n base64: string | null;\n aspectRatio: number;\n src: string;\n srcSet: string;\n sizes: string;\n}\n\nexport interface IndexPageQuery_blog_edges_node_frontmatter_image_childImageSharp {\n fluid: IndexPageQuery_blog_edges_node_frontmatter_image_childImageSharp_fluid | null;\n}\n\nexport interface IndexPageQuery_blog_edges_node_frontmatter_image {\n childImageSharp: IndexPageQuery_blog_edges_node_frontmatter_image_childImageSharp | null;\n}\n\nexport interface IndexPageQuery_blog_edges_node_frontmatter {\n title: string;\n description: string | null;\n date: any | null;\n image: IndexPageQuery_blog_edges_node_frontmatter_image | null;\n}\n\nexport interface IndexPageQuery_blog_edges_node_fields {\n slug: string | null;\n}\n\nexport interface IndexPageQuery_blog_edges_node {\n id: string;\n frontmatter: IndexPageQuery_blog_edges_node_frontmatter | null;\n fields: IndexPageQuery_blog_edges_node_fields | null;\n}\n\nexport interface IndexPageQuery_blog_edges {\n node: IndexPageQuery_blog_edges_node;\n}\n\nexport interface IndexPageQuery_blog {\n edges: IndexPageQuery_blog_edges[];\n}\n\nexport interface IndexPageQuery {\n site: IndexPageQuery_site | null;\n portfolio: IndexPageQuery_portfolio;\n blog: IndexPageQuery_blog;\n}\n"
},
{
"path": "src/pages/contact.tsx",
"content": "import React from \"react\"\r\nimport { graphql, PageProps } from \"gatsby\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport { Form, Description } from \"../components/contact\"\r\nimport { ContactQuery } from \"./__generated__/ContactQuery\"\r\n\r\nexport default ({data, location}: PageProps\n
\n \n 404\n
\n\n
\n Oops! That page does not exist. 😞
\n\n \n
\n\r\n
\r\n \r\n )\r\n}\r\n\r\nexport const query = graphql`\r\n query ContactQuery {\r\n site {\r\n siteMetadata {\r\n contact {\r\n api_url\r\n description\r\n mail\r\n phone\r\n address\r\n }\r\n }\r\n }\r\n }\r\n`\r\n"
},
{
"path": "src/pages/index.tsx",
"content": "import React, { useEffect, useRef, useState } from \"react\"\nimport { graphql, PageProps } from \"gatsby\"\n\nimport { ArrowRight } from \"react-feather\"\nimport ScrollIntoView from \"react-scroll-into-view\"\n\nimport Layout from \"../components/layout\"\nimport { Button } from \"../components/ui\"\n\nimport ItemPortfolio from \"../components/item-portfolio\"\nimport ItemBlog from \"../components/item-blog\"\nimport { Form, Description as ContactDescription } from \"../components/contact\"\nimport { IndexPageQuery } from \"./__generated__/IndexPageQuery\"\n\nexport default ({ data, location }: PageProps\r\n
\r\n \r\n Contact\r\n
\r\n\r\n {hasContactForm &&\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \n {portfolioList}\n
\n \n \n \n {data.title}\n \n
\n \n {data.introTag}\n
\n{data.description}
\n\n
\n \n {innerComponents}\n
\n \n )\n }\n\n return (\n \n
\n )\n}\n\nconst Blog = ({ children }) => {\n return (\n \n
\n \n About\n
\n{data}
\n\n
\n )\n}\n\nconst Contact = ({ data }) => {\n const hasContactForm = data.api_url\n return (\n \n
\n \n Blog\n
\n{children}
\n \n
\n \n )\n}\n\nexport const query = graphql`\n query IndexPageQuery {\n site: site {\n siteMetadata {\n title\n description\n capitalizeTitleOnHome\n titleImage\n ogImage\n twoColumnWall\n introTag\n description\n about\n contact {\n api_url\n description\n mail\n phone\n address\n }\n social {\n name\n url\n icon\n }\n }\n }\n portfolio: allMdx(\n filter: { fields: { sourceName: { eq: \"portfolio\" } } }\n limit: 6\n ) {\n edges {\n node {\n id\n frontmatter {\n title\n description\n image {\n childImageSharp {\n fluid(maxWidth: 1000) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n fields {\n slug\n }\n }\n }\n }\n blog: allMdx(\n filter: { fields: { sourceName: { eq: \"blog\" } } }\n limit: 6\n ) {\n edges {\n node {\n id\n frontmatter {\n title\n description\n date(formatString: \"DD MMMM YYYY\")\n image {\n childImageSharp {\n fluid(maxWidth: 1000) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n fields {\n slug\n }\n }\n }\n }\n }\n`\n"
},
{
"path": "src/style/index.css",
"content": "@import \"tailwindcss/base\";\n@import \"tailwindcss/utilities\";\n@import \"tailwindcss/components\";\n\nbody {\n font-family: \"Raleway\", sans-serif;\n}\n\np {\n line-height: 165%;\n}\n\n.boxed {\n @apply max-w-screen-lg w-full mx-auto;\n}\n\n.large-container {\n max-width: 2100px;\n}\n\n@screen lg {\n .boxed {\n @apply max-w-screen-md;\n }\n}\n\n@screen xl {\n .boxed {\n @apply max-w-screen-lg;\n }\n}\n\n.nav .nav-links li{\n @apply relative inline-block mx-2;\n}\n\n.nav .nav-links li a{\n @apply inline-block p-1 relative z-10;\n}\n\n.nav .nav-links li:before{\n content: \"\";\n @apply absolute w-0 h-0 rounded-full bg-primary left-0 right-0 bottom-0 top-0 m-auto opacity-25;\n transition: width .25s, height .25s;\n}\n\n.nav .nav-links li.active:before ,.nav .nav-links li:hover:before {\n @apply w-8 h-8;\n}\n\n.nav .nav-links .theme-switcher:before{\n display: none;\n}\n\n.nav .line {\n width: 0;\n transition: width 0.50s;\n}\n\n.nav.scrolled .line{\n @apply w-full;\n}\n\n.title h1{\n @apply text-color-1 font-black;\n}\n\n\n.supports-blend .title h1 {\n color: #000;\n background: #fff;\n mix-blend-mode: multiply;\n}\n\n.supports-blend .title h1 span {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n @apply bg-gradient-primary;\n mix-blend-mode: screen;\n}\n\n.theme-dark .supports-blend .title h1 {\n color: #fff;\n background: #000;\n mix-blend-mode: lighten;\n}\n\n.theme-dark .supports-blend .title h1 span {\n mix-blend-mode: multiply;\n}\n\n.btn {\n @apply h-12 px-6 outline-none inline-flex relative overflow-hidden items-center;\n}\n\n.btn.disabled {\n @apply opacity-50;\n}\n\n.btn span {\n @apply relative z-10;\n}\n\n.btn:before{\n content: \"\";\n @apply absolute w-full h-full top-0;\n left: 100%;\n transition: left 0.25s;\n transition-timing-function: cubic-bezier(1, 2.13, 1, -0.1);\n z-index: 1;\n}\n\n.btn .icon-right {\n @apply ml-3;\n}\n\n.btn .icon-left {\n @apply mr-3;\n}\n\n.btn:focus {\n @apply outline-none;\n}\n\n.btn-primary {\n @apply bg-primary my-4;\n color: #fff;\n}\n\n.btn-primary:before {\n @apply bg-secondary;\n}\n\n.btn-primary:hover:before,.btn-primary:focus:before {\n left: 0;\n}\n\n.portfolio-item .image {\n clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);\n transition: clip-path 0.50s;\n transition-timing-function: ease-in-out;\n z-index: 3;\n transform: translateY(0);\n}\n\n.portfolio-item.even .image {\n clip-path: polygon(100% 0, 100% 0, 100% 99%, 100% 100%);\n}\n\n\n.portfolio-item.begin-animation .image{\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\n}\n\n.portfolio-item .to-up {\n transform: translate(0, 50px);\n transition: transform 0.25s;\n}\n\n.portfolio-item .to-up:nth-child(2){\n transition-delay: 0.2s;\n}\n\n.portfolio-item.begin-animation .to-up {\n transform: translate(0, 0px);\n}\n\n.footer-links li{\n @apply mx-3;\n}\n\n.animated-link-parent a {\n @apply inline-block relative;\n}\n\n.animated-link-parent a:after {\n content: \"\";\n transition-property: width;\n @apply absolute bg-gradient-primary duration-300 w-0 left-0 bottom-0;\n height: 2px;\n}\n\n.animated-link-parent a:hover:after,.animated-link-parent a:focus:after,.animated-link-parent a:active:after {\n @apply w-full;\n}\n\n.post-content p {\n @apply my-3;\n}\n\n.post-content h1, h2, h3, h4, h5, h6 {\n @apply font-black text-color-2 my-4;\n}\n\n.post-content h1 {\n @apply text-5xl;\n}\n\n.post-content h2 {\n @apply text-4xl;\n}\n\n.post-content h3 {\n @apply text-3xl;\n}\n\n.post-content h4 {\n @apply text-2xl;\n}\n\n.post-content h5 {\n @apply text-xl;\n}\n\n.post-content h5 {\n @apply text-lg;\n}\n\n.post-content hr {\n @apply my-4 border-medium;\n}\n\n.post-content ul {\n list-style: disc\n}\n\n.post-content ol {\n list-style: decimal;\n}\n\n.post-content ul, .post-content ol {\n @apply ml-4;\n}\n\n.post-content ul ul, .post-content ol ol {\n @apply ml-3;\n}\n\n.post-content li {\n @apply my-2;\n}\n\n.post-content table {\n @apply w-full my-6;\n}\n\n.post-content table tr {\n border-bottom: 2px solid #eee;\n @apply border-medium;\n}\n\n.theme-dark .post-content table tr {\n border-bottom: 2px solid #444;\n}\n\n.post-content table tr td, .post-content table tr th {\n @apply p-2 py-3 text-left;\n}\n\n.post-content blockquote{\n @apply border-l-4 border-primary p-3;\n}\n\n.post-content iframe {\n max-width: 100%;\n}\n\n.input.focused {\n @apply px-4;\n}\n\n.theme-dark .input.focused {\n background: theme(\"themes.dark.medium\");\n}\n\n.theme-dark .blog-item .focused{\n background: theme(\"themes.dark.medium\");\n}\n\n.spin {\n animation: spin 1s infinite linear;\n}\n\n@keyframes spin {\n 0%{\n transform: rotate(0deg);\n }\n 100%{\n transform: rotate(360deg);\n }\n}\n\n@media (max-width: 640px) {\n html {\n font-size: 15px;\n }\n}"
},
{
"path": "src/templates/__generated__/BasePagesQuery.d.ts",
"content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: BasePagesQuery\n// ====================================================\n\nexport interface BasePagesQuery_mdx_frontmatter_image {\n /**\n * Copy file to static directory and return public url to it\n */\n publicURL: string | null;\n}\n\nexport interface BasePagesQuery_mdx_frontmatter {\n title: string;\n image: BasePagesQuery_mdx_frontmatter_image | null;\n description: string | null;\n}\n\nexport interface BasePagesQuery_mdx {\n body: string;\n frontmatter: BasePagesQuery_mdx_frontmatter | null;\n}\n\nexport interface BasePagesQuery {\n mdx: BasePagesQuery_mdx | null;\n}\n\nexport interface BasePagesQueryVariables {\n slug: string;\n}\n"
},
{
"path": "src/templates/__generated__/BlogListQuery.d.ts",
"content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: BlogListQuery\n// ====================================================\n\nexport interface BlogListQuery_allMdx_edges_node_frontmatter_image_childImageSharp_fluid {\n srcSet: string;\n base64: string | null;\n aspectRatio: number;\n src: string;\n sizes: string;\n}\n\nexport interface BlogListQuery_allMdx_edges_node_frontmatter_image_childImageSharp {\n fluid: BlogListQuery_allMdx_edges_node_frontmatter_image_childImageSharp_fluid | null;\n id: string;\n}\n\nexport interface BlogListQuery_allMdx_edges_node_frontmatter_image {\n /**\n * Copy file to static directory and return public url to it\n */\n publicURL: string | null;\n childImageSharp: BlogListQuery_allMdx_edges_node_frontmatter_image_childImageSharp | null;\n}\n\nexport interface BlogListQuery_allMdx_edges_node_frontmatter {\n title: string;\n description: string | null;\n date: any | null;\n image: BlogListQuery_allMdx_edges_node_frontmatter_image | null;\n}\n\nexport interface BlogListQuery_allMdx_edges_node_fields {\n slug: string | null;\n}\n\nexport interface BlogListQuery_allMdx_edges_node {\n id: string;\n frontmatter: BlogListQuery_allMdx_edges_node_frontmatter | null;\n fields: BlogListQuery_allMdx_edges_node_fields | null;\n}\n\nexport interface BlogListQuery_allMdx_edges {\n node: BlogListQuery_allMdx_edges_node;\n}\n\nexport interface BlogListQuery_allMdx {\n edges: BlogListQuery_allMdx_edges[];\n}\n\nexport interface BlogListQuery {\n allMdx: BlogListQuery_allMdx;\n}\n\nexport interface BlogListQueryVariables {\n skip: number;\n limit: number;\n}\n"
},
{
"path": "src/templates/__generated__/BlogQuery.d.ts",
"content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: BlogQuery\n// ====================================================\n\nexport interface BlogQuery_mdx_frontmatter_banner_childImageSharp_fluid {\n srcSet: string;\n base64: string | null;\n aspectRatio: number;\n src: string;\n sizes: string;\n}\n\nexport interface BlogQuery_mdx_frontmatter_banner_childImageSharp {\n fluid: BlogQuery_mdx_frontmatter_banner_childImageSharp_fluid | null;\n id: string;\n}\n\nexport interface BlogQuery_mdx_frontmatter_banner {\n /**\n * Copy file to static directory and return public url to it\n */\n publicURL: string | null;\n childImageSharp: BlogQuery_mdx_frontmatter_banner_childImageSharp | null;\n}\n\nexport interface BlogQuery_mdx_frontmatter {\n title: string;\n date: any | null;\n description: string | null;\n banner: BlogQuery_mdx_frontmatter_banner | null;\n}\n\nexport interface BlogQuery_mdx {\n body: string;\n frontmatter: BlogQuery_mdx_frontmatter | null;\n}\n\nexport interface BlogQuery {\n mdx: BlogQuery_mdx | null;\n}\n\nexport interface BlogQueryVariables {\n slug: string;\n}\n"
},
{
"path": "src/templates/__generated__/PortfolioListQuery.d.ts",
"content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: PortfolioListQuery\n// ====================================================\n\nexport interface PortfolioListQuery_allMdx_edges_node_frontmatter_image_childImageSharp_fluid {\n srcSet: string;\n base64: string | null;\n aspectRatio: number;\n src: string;\n sizes: string;\n}\n\nexport interface PortfolioListQuery_allMdx_edges_node_frontmatter_image_childImageSharp {\n fluid: PortfolioListQuery_allMdx_edges_node_frontmatter_image_childImageSharp_fluid | null;\n id: string;\n}\n\nexport interface PortfolioListQuery_allMdx_edges_node_frontmatter_image {\n /**\n * Copy file to static directory and return public url to it\n */\n publicURL: string | null;\n childImageSharp: PortfolioListQuery_allMdx_edges_node_frontmatter_image_childImageSharp | null;\n}\n\nexport interface PortfolioListQuery_allMdx_edges_node_frontmatter {\n title: string;\n description: string | null;\n image: PortfolioListQuery_allMdx_edges_node_frontmatter_image | null;\n}\n\nexport interface PortfolioListQuery_allMdx_edges_node_fields {\n slug: string | null;\n}\n\nexport interface PortfolioListQuery_allMdx_edges_node {\n id: string;\n frontmatter: PortfolioListQuery_allMdx_edges_node_frontmatter | null;\n fields: PortfolioListQuery_allMdx_edges_node_fields | null;\n}\n\nexport interface PortfolioListQuery_allMdx_edges {\n node: PortfolioListQuery_allMdx_edges_node;\n}\n\nexport interface PortfolioListQuery_allMdx {\n edges: PortfolioListQuery_allMdx_edges[];\n}\n\nexport interface PortfolioListQuery {\n allMdx: PortfolioListQuery_allMdx;\n}\n\nexport interface PortfolioListQueryVariables {\n skip: number;\n limit: number;\n}\n"
},
{
"path": "src/templates/__generated__/PortfolioQuery.d.ts",
"content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: PortfolioQuery\n// ====================================================\n\nexport interface PortfolioQuery_mdx_frontmatter_banner_childImageSharp_fluid {\n srcSet: string;\n base64: string | null;\n aspectRatio: number;\n src: string;\n sizes: string;\n}\n\nexport interface PortfolioQuery_mdx_frontmatter_banner_childImageSharp {\n fluid: PortfolioQuery_mdx_frontmatter_banner_childImageSharp_fluid | null;\n id: string;\n}\n\nexport interface PortfolioQuery_mdx_frontmatter_banner {\n /**\n * Copy file to static directory and return public url to it\n */\n publicURL: string | null;\n childImageSharp: PortfolioQuery_mdx_frontmatter_banner_childImageSharp | null;\n}\n\nexport interface PortfolioQuery_mdx_frontmatter {\n title: string;\n date: any | null;\n description: string | null;\n banner: PortfolioQuery_mdx_frontmatter_banner | null;\n}\n\nexport interface PortfolioQuery_mdx {\n body: string;\n frontmatter: PortfolioQuery_mdx_frontmatter | null;\n}\n\nexport interface PortfolioQuery {\n mdx: PortfolioQuery_mdx | null;\n}\n\nexport interface PortfolioQueryVariables {\n slug: string;\n}\n"
},
{
"path": "src/templates/basepages.tsx",
"content": "import React from \"react\";\nimport { graphql, PageProps } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport { MDXProvider } from \"@mdx-js/react\"\nimport { MDXRenderer } from \"gatsby-plugin-mdx\"\nimport { BasePagesQuery } from \"./__generated__/BasePagesQuery\";\n\nexport default function basePages({ data, location }: PageProps\n
\n \n Contact\n
\n\n {hasContactForm && (\n \n
\n \n \n
\n )}\n \n
\n \n
\n {data.mdx.frontmatter.title}
\n\n \n {data.mdx.body} \n \n
\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport const query = graphql`\r\n query BlogListQuery($skip: Int!, $limit: Int!) {\r\n allMdx(\r\n filter: { fields: { sourceName: { eq: \"blog\" } } }\r\n sort: { fields: [frontmatter___date], order: DESC }\r\n limit: $limit\r\n skip: $skip\r\n ) {\r\n edges {\r\n node {\r\n id\r\n frontmatter {\r\n title\r\n description\r\n date(formatString: \"DD MMMM YYYY\")\r\n image {\r\n publicURL\r\n childImageSharp {\r\n fluid(maxWidth: 1920) {\r\n srcSet\r\n ...GatsbyImageSharpFluid\r\n }\r\n id\r\n }\r\n }\r\n }\r\n fields {\r\n slug\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`\r\n"
},
{
"path": "src/templates/blog.tsx",
"content": "import React from \"react\"\r\nimport { MDXProvider } from \"@mdx-js/react\"\r\nimport { graphql, PageProps } from \"gatsby\"\r\nimport Layout from \"../components/layout\"\r\nimport Img from \"gatsby-image\"\r\nimport { Calendar } from \"react-feather\"\r\nimport { MDXRenderer } from \"gatsby-plugin-mdx\"\r\n\r\nimport { Row, Col } from \"../components/shortcodes/index\"\r\n\r\nimport Comments from \"../components/comments\"\r\nimport { BlogQuery } from \"./__generated__/BlogQuery\"\r\n\r\nexport default function blog({ location, data }: PageProps\r\n
\r\n \r\n Blog\r\n
\r\n{blogItems}
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport const query = graphql`\r\n query BlogQuery($slug: String!) {\r\n mdx(fields: { slug: { eq: $slug } }) {\r\n body\r\n frontmatter {\r\n title\r\n date(formatString: \"DD MMMM YYYY\")\r\n description\r\n banner {\r\n publicURL\r\n childImageSharp {\r\n fluid(maxWidth: 1920) {\r\n srcSet\r\n ...GatsbyImageSharpFluid\r\n }\r\n id\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`\r\n"
},
{
"path": "src/templates/portfolio-list.tsx",
"content": "import React, { useEffect } from \"react\"\r\nimport { graphql, PageProps } from \"gatsby\"\r\nimport Layout from \"../components/layout\"\r\nimport PortfolioItem from \"../components/item-portfolio\"\r\nimport Pagination from \"../components/pagination\"\r\nimport { PortfolioListQuery } from \"./__generated__/PortfolioListQuery\"\r\n\r\nexport default function portfolioList({ data, pageContext, location }: PageProps\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {data.mdx.frontmatter.title}\r\n
\r\n\r\n
\r\n {data.mdx.frontmatter.description}\r\n
\r\n\r\n \r\n {data.mdx.body} \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport const query = graphql`\r\n query PortfolioListQuery($skip: Int!, $limit: Int!) {\r\n allMdx(\r\n filter: { fields: { sourceName: { eq: \"portfolio\" } } }\r\n sort: { fields: [frontmatter___date], order: DESC }\r\n limit: $limit\r\n skip: $skip\r\n ) {\r\n edges {\r\n node {\r\n id\r\n frontmatter {\r\n title\r\n description\r\n image {\r\n publicURL\r\n childImageSharp {\r\n fluid(maxWidth: 1920) {\r\n srcSet\r\n ...GatsbyImageSharpFluid\r\n }\r\n id\r\n }\r\n }\r\n }\r\n fields {\r\n slug\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`\r\n"
},
{
"path": "src/templates/portfolio.tsx",
"content": "import React from \"react\"\r\nimport { MDXProvider } from \"@mdx-js/react\"\r\nimport { graphql, PageProps } from \"gatsby\"\r\nimport Layout from \"../components/layout\"\r\nimport Img from \"gatsby-image\"\r\nimport { Calendar } from \"react-feather\"\r\nimport { MDXRenderer } from \"gatsby-plugin-mdx\"\r\n\r\nimport { Row, Col } from \"../components/shortcodes/index\"\r\nimport { PortfolioQuery } from \"./__generated__/PortfolioQuery\"\r\n\r\nexport default function porfolio ({ location, data }: PageProps\r\n
\r\n \r\n Portfolio\r\n
\r\n{portfolioItems}
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport const query = graphql`\r\n query PortfolioQuery($slug: String!) {\r\n mdx(fields: { slug: { eq: $slug } }) {\r\n body\r\n frontmatter {\r\n title\r\n date(formatString: \"DD MMMM YYYY\")\r\n description\r\n banner {\r\n publicURL\r\n childImageSharp {\r\n fluid(maxWidth: 1920) {\r\n srcSet\r\n ...GatsbyImageSharpFluid\r\n }\r\n id\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`\r\n"
},
{
"path": "src/templates/single-page.tsx",
"content": "import React from \"react\";\r\n\r\nexport default function singlePage() {\r\n return \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {data.mdx.frontmatter.title}\r\n
\r\n\r\n
\r\n {data.mdx.frontmatter.description}\r\n
\r\n\r\n \r\n {data.mdx.body} \r\n \r\n
\r\n Hello World!
;\r\n}\r\n" }, { "path": "src/utils/__generated__/SeoQuery.d.ts", "content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: SeoQuery\n// ====================================================\n\nexport interface SeoQuery_site_siteMetadata {\n title: string | null;\n description: string | null;\n author: string | null;\n ogImage: string | null;\n}\n\nexport interface SeoQuery_site {\n siteMetadata: SeoQuery_site_siteMetadata | null;\n}\n\nexport interface SeoQuery {\n site: SeoQuery_site | null;\n}\n" }, { "path": "src/utils/__generated__/SocialQuery.d.ts", "content": "/* tslint:disable */\n/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n// ====================================================\n// GraphQL query operation: SocialQuery\n// ====================================================\n\nexport interface SocialQuery_site_siteMetadata_social {\n name: string | null;\n url: string | null;\n icon: string | null;\n}\n\nexport interface SocialQuery_site_siteMetadata {\n social: (SocialQuery_site_siteMetadata_social | null)[] | null;\n}\n\nexport interface SocialQuery_site {\n siteMetadata: SocialQuery_site_siteMetadata | null;\n}\n\nexport interface SocialQuery {\n site: SocialQuery_site | null;\n}\n" }, { "path": "src/utils/parallax.tsx", "content": "import React from \"react\"\n\n// Stolen from https://github.com/rrutsche/react-parallax\nexport function canUseDOM() {\n return !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n}\n\ntype ParallaxProps = { changePercentage: ({ percentage: number }) => void };\nexport default class Parallax extends React.Component{this.props.children}
\n }\n}\n"
},
{
"path": "src/utils/seo.tsx",
"content": "import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Helmet } from \"react-helmet\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport { SeoQuery } from \"./__generated__/SeoQuery\"\n\nexport type SEOProps = { description?: string, lang?: string, meta?: any, title?: string, image?: any };\nfunction SEO({ description, lang, meta, title, image }: SEOProps) {\n const { site } = useStaticQuery- {list}