{"version":3,"file":"component---src-pages-works-jsx-b2f8da41f5f2443ef63a.js","mappings":"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","sources":["webpack://tzarino_official/./node_modules/@babel/runtime/helpers/arrayLikeToArray.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/construct.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/defineProperty.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/iterableToArray.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/nonIterableSpread.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/toConsumableArray.js","webpack://tzarino_official/./node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js","webpack://tzarino_official/./node_modules/gatsby-plugin-mdx/index.js","webpack://tzarino_official/./node_modules/gatsby-plugin-mdx/mdx-renderer.js","webpack://tzarino_official/./src/components/NavBar.jsx","webpack://tzarino_official/./src/components/NavBar.module.css","webpack://tzarino_official/./src/components/windowHooks.jsx","webpack://tzarino_official/./src/components/Layout.jsx","webpack://tzarino_official/./src/pages/works.jsx","webpack://tzarino_official/./src/components/Works.module.css","webpack://tzarino_official/./src/icon/twitter.svg","webpack://tzarino_official/./src/icon/youtube.svg"],"sourcesContent":["function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}\n\nmodule.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\n\nfunction _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}\n\nmodule.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var setPrototypeOf = require(\"./setPrototypeOf.js\");\n\nvar isNativeReflectConstruct = require(\"./isNativeReflectConstruct.js\");\n\nfunction _construct(Parent, args, Class) {\n  if (isNativeReflectConstruct()) {\n    module.exports = _construct = Reflect.construct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n  } else {\n    module.exports = _construct = function _construct(Parent, args, Class) {\n      var a = [null];\n      a.push.apply(a, args);\n      var Constructor = Function.bind.apply(Parent, a);\n      var instance = new Constructor();\n      if (Class) setPrototypeOf(instance, Class.prototype);\n      return instance;\n    }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n  }\n\n  return _construct.apply(null, arguments);\n}\n\nmodule.exports = _construct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nmodule.exports = _defineProperty, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n\n  try {\n    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}\n\nmodule.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nmodule.exports = _iterableToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nmodule.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayWithoutHoles = require(\"./arrayWithoutHoles.js\");\n\nvar iterableToArray = require(\"./iterableToArray.js\");\n\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray.js\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread.js\");\n\nfunction _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}\n\nmodule.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","/**\n * Welcome to gatsby-plugin-mdx!\n *\n * Start reading in gatsby-node.js\n */\n\nconst MDXRenderer = require(`./mdx-renderer`)\n\nmodule.exports = {\n  MDXRenderer: MDXRenderer,\n}\n","const React = require(`react`)\nconst { mdx } = require(`@mdx-js/react`)\nconst { useMDXScope } = require(`./context`)\n\nmodule.exports = function MDXRenderer({\n  scope,\n  children,\n  ...props\n}) {\n  const mdxScope = useMDXScope(scope)\n\n  // Memoize the compiled component\n  const End = React.useMemo(() => {\n    if (!children) {\n      return null\n    }\n\n    const fullScope = {\n      // React is here just in case the user doesn't pass them in\n      // in a manual usage of the renderer\n      React,\n      mdx,\n      ...mdxScope,\n    }\n\n    const keys = Object.keys(fullScope)\n    const values = keys.map(key => fullScope[key])\n    const fn = new Function(`_fn`, ...keys, `${children}`)\n\n    return fn({}, ...values)\n  }, [children, scope])\n\n  return React.createElement(End, {...props })\n}\n","import React, { useState, useRef, useEffect } from \"react\";\nimport { Link } from \"gatsby\";\nimport * as styles from \"./NavBar.module.css\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport YouTubeIcon from \"../icon/youtube.svg\";\nimport TwitterIcon from \"../icon/twitter.svg\";\nimport { useWindowDimensions } from \"./windowHooks\";\n\nconst NavLink = ({ name, to }) => {\n  return (\n    <Link\n      className={styles.navbarItem}\n      activeClassName={styles.navbarItemActive}\n      to={to}\n    >\n      {name}\n    </Link>\n  );\n};\n\nconst BurgerMenu = () => {\n  const [open, setOpen] = useState(false);\n  const menuRef = useRef(null);\n  const menuClick = () => {\n    setOpen(!open);\n  };\n  useEffect(() => {\n    open && menuRef.current.focus();\n  }, [open]);\n\n  return (\n    <>\n      <button\n        aria-label=\"toggle burger menu\"\n        className={styles.burgerIcon}\n        onClick={menuClick}\n        onKeyDown={menuClick}\n      >\n        <span></span>\n      </button>\n      <div\n        className={`${styles.burgerMenu} ${open ? styles.open : \"\"} `}\n        onClick={menuClick}\n        onKeyDown={menuClick}\n        ref={menuRef}\n        onBlur={() => setOpen(false)}\n        tabIndex={0}\n        role=\"group\"\n      >\n        <NavLink to=\"/\" name=\"About\" />\n        <NavLink to=\"/works\" name=\"Works\" />\n        <NavLink to=\"/guideline\" name=\"Guideline\" />\n        <NavLink to=\"/secret\" name=\"？？？\" />\n      </div>\n    </>\n  );\n};\n\nconst NavBar = () => {\n  const { width } = useWindowDimensions();\n  const isSSR = typeof window === \"undefined\";\n  return (\n    <nav className={styles.navbarContainer}>\n      <div className={styles.logo}>\n        <Link to={\"/\"}>\n          <StaticImage\n            src=\"../images/logo.png\"\n            width={300}\n            placeholder=\"none\"\n            loading=\"eager\"\n          />\n        </Link>\n      </div>\n      <div className={styles.icons}>\n        <a href=\"http://twitter.com/Yoshgan_Tzarino\">\n          <TwitterIcon />\n        </a>\n        <a href=\"http://youtube.com/channel/UCy0-r48VVqXoSXNw_b5lh8Q\">\n          <YouTubeIcon />\n        </a>\n      </div>\n      {!isSSR &&\n        (width < 670 ? (\n          <BurgerMenu />\n        ) : (\n          <div className={styles.links}>\n            <NavLink to=\"/\" name=\"About\" />\n            <NavLink to=\"/works\" name=\"Works\" />\n            <NavLink to=\"/guideline\" name=\"Guideline\" />\n            <NavLink to=\"/secret\" name=\"？？？\" />\n          </div>\n        ))}\n    </nav>\n  );\n};\n\nexport default NavBar;\n","// extracted by mini-css-extract-plugin\nexport var navbarContainer = \"NavBar-module--navbarContainer--dbeMF\";\nexport var logo = \"NavBar-module--logo--E9FrA\";\nexport var links = \"NavBar-module--links--iIPYf\";\nexport var navbarItem = \"NavBar-module--navbarItem--hzGus\";\nexport var navbarItemActive = \"NavBar-module--navbarItemActive--89PvE NavBar-module--navbarItem--hzGus\";\nexport var icons = \"NavBar-module--icons--6t6tk\";\nexport var burgerIcon = \"NavBar-module--burgerIcon--rR5d3\";\nexport var burgerMenu = \"NavBar-module--burgerMenu--GRu58\";\nexport var open = \"NavBar-module--open--GSnfK\";","import { useState, useEffect, useCallback } from \"react\";\n\nexport const useWindowDimensions = () => {\n  const isClient = typeof window === \"object\";\n\n  const getWindowDimensions = useCallback(() => {\n    return {\n      width: isClient ? window?.innerWidth : 2000,\n      height: isClient ? window?.innerHeight : 2000,\n    };\n  }, [isClient]);\n\n  const [windowDimensions, setWindowDimensions] = useState(\n    getWindowDimensions()\n  );\n  useEffect(() => {\n    const onResize = () => {\n      setWindowDimensions(getWindowDimensions());\n    };\n    window.addEventListener(\"resize\", onResize);\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, [getWindowDimensions]);\n  return windowDimensions;\n};\n","import * as React from \"react\";\nimport NavBar from \"./NavBar\";\nimport Seo from \"./Seo\";\n\nconst Layout = ({ pageTitle, children }) => {\n  return (\n    <>\n      <Seo title={pageTitle} />\n      <NavBar />\n      <main>{children}</main>\n    </>\n  );\n};\n\nexport default Layout;\n","import * as React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Layout from \"../components/Layout\";\nimport { MDXRenderer } from \"gatsby-plugin-mdx\";\nimport { StaticImage, GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport * as style from \"../components/Works.module.css\";\n\nconst Works = ({ data }) => {\n  return (\n    <Layout pageTitle=\"Works\">\n      <div className={style.start}>\n        <h2 className={style.header}>Works</h2>\n        <a className={style.githubLink} href=\"https://github.com/Tzarino\">\n          <StaticImage\n            className={style.githubImg}\n            src=\"../images/githubLogo.png\"\n            alt=\"github logo\"\n          />\n          GitHub\n        </a>\n      </div>\n\n      <div className={style.contentWrapper}>\n        {data.allMdx.nodes.map((node) => {\n          const thumbnail = getImage(node.frontmatter.thumbnail);\n          return (\n            <article key={node.id} className={style.card}>\n              <GatsbyImage\n                image={thumbnail}\n                alt={node.frontmatter.thumbnail_alt}\n                className={style.cardImage}\n              />\n              <div className={style.cardTexts}>\n                <a href={node.frontmatter.link} className={style.cardTitle}>\n                  {node.frontmatter.title}\n                  <StaticImage\n                    src=\"../images/link.png\"\n                    alt=\"link\"\n                    className={style.linkImg}\n                  />\n                </a>\n\n                <p className={style.useLanguage}>\n                  {node.frontmatter.use_language}\n                </p>\n                <MDXRenderer>{node.body}</MDXRenderer>\n              </div>\n            </article>\n          );\n        })}\n      </div>\n    </Layout>\n  );\n};\n// TODO : graphqlでデータフェッチ。画像やテキストを取得。その後data.allMDX....とかで.....\n\nexport const query = graphql`\n  {\n    allMdx(\n      filter: { fields: { sourceInstanceName: { eq: \"works\" } } }\n      sort: { order: ASC, fields: frontmatter___order }\n    ) {\n      nodes {\n        frontmatter {\n          link\n          title\n          thumbnail_alt\n          thumbnail {\n            childImageSharp {\n              gatsbyImageData\n            }\n          }\n          use_language\n        }\n        body\n        id\n      }\n    }\n  }\n`;\n\nexport default Works;\n","// extracted by mini-css-extract-plugin\nexport var card = \"Works-module--card--KCNwT\";\nexport var cardTitle = \"Works-module--cardTitle--DF92H\";\nexport var cardImage = \"Works-module--cardImage--3PS25\";\nexport var cardTexts = \"Works-module--cardTexts--1yF6b\";\nexport var contentWrapper = \"Works-module--contentWrapper--o1lZy\";\nexport var linkImg = \"Works-module--linkImg--lkGjY\";\nexport var githubImg = \"Works-module--githubImg--tRgRl\";\nexport var useLanguage = \"Works-module--useLanguage--PuqtT\";\nexport var start = \"Works-module--start--BNjs0\";\nexport var header = \"Works-module--header--+I5Sh\";\nexport var githubLink = \"Works-module--githubLink--5d1zV\";","var React = require('react');\n\nfunction Twitter (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z\"}));\n}\n\nTwitter.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = Twitter;\n\nTwitter.default = Twitter;\n","var React = require('react');\n\nfunction Youtube (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z\"}));\n}\n\nYoutube.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = Youtube;\n\nYoutube.default = Youtube;\n"],"names":["module","exports","arr","len","length","i","arr2","Array","__esModule","arrayLikeToArray","isArray","setPrototypeOf","isNativeReflectConstruct","_construct","Parent","args","Class","Reflect","construct","a","push","apply","instance","Function","bind","prototype","arguments","obj","key","value","Object","defineProperty","enumerable","configurable","writable","sham","Proxy","Boolean","valueOf","call","e","iter","Symbol","iterator","from","TypeError","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","o","minLen","n","toString","slice","constructor","name","test","MDXRenderer","require","React","mdx","useMDXScope","scope","children","props","mdxScope","End","fullScope","keys","values","fn","NavLink","to","Link","className","activeClassName","BurgerMenu","useState","open","setOpen","menuRef","useRef","menuClick","useEffect","current","focus","onClick","onKeyDown","styles","ref","onBlur","tabIndex","role","isClient","getWindowDimensions","windowDimensions","setWindowDimensions","width","window","useCallback","innerWidth","height","innerHeight","onResize","addEventListener","removeEventListener","isSSR","S","src","placeholder","loading","href","pageTitle","Seo","title","data","Layout","alt","allMdx","nodes","map","node","thumbnail","getImage","frontmatter","id","G","image","thumbnail_alt","link","use_language","body","Twitter","createElement","defaultProps","default","Youtube"],"sourceRoot":""}