{"version":3,"sources":["components/Doing.tsx","components/SuccessiveType.tsx","components/Icons.tsx","assets/images/spotify-logo.svg","state/lanyard.ts","components/Nav.tsx","pages/PageWrapper.tsx","pages/Home.tsx","components/Co.tsx","assets/images/hiven-app-icon.png","components/Repo.tsx","pages/Where.tsx","components/Technology.tsx","pages/How.tsx","pages/Etc.tsx","pages/Presence.tsx","assets/images/mai.gif","pages/Sakurajima.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["Operation","EventType","Word","word","useState","filled","setFilled","useEffect","setTimeout","WordSC","Container","styled","div","span","SuccessiveType","words","userSkipped","speed","onEnd","useSound","play","index","setIndex","splitWords","useMemo","split","shownWords","slice","length","currentWord","Math","E","map","idx","GitHubLogo","props","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","ElixirLogo","version","id","fillRule","ReactLogo","cx","cy","r","rx","ry","transform","RustLogo","preserveAspectRatio","TypescriptLogo","ChevronsRight","points","ExternalLinkIcon","x1","y1","x2","y2","MenuIcon","XIcon","SakurajimaLogo","data-name","doingAtom","atom","Doing","ref","setActive","socket","setSocket","useAtom","doing","setDoing","send","op","JSON","stringify","onmessage","data","parse","t","Hello","setInterval","Heartbeat","heartbeat_interval","Initialize","subscribe_to_id","Event","eventName","console","log","logLanyardEvent","INIT_STATE","PRESENCE_UPDATE","includes","onclose","WebSocket","currentActivity","activities","filter","activity","type","listening_to_spotify","discord_status","to","LiveDot","ActivityRow","ActivityImageContainer","ActivityImage","src","spotify","album_art_url","ActivitySecondaryImage","SpotifyLogo","ActivityInfo","song","artist","assets","application_id","large_image","small_image","name","details","state","motion","Link","fadeInOut","keyframes","img","forwardRef","pathnameOffsets","aside","openOnMobile","MobileHeader","PageIndicator","Items","Row","Title","Page","a","active","Icons","Nav","history","useHistory","pathname","useLocation","playSwitchPageSound","dragYOffset","setDragYOffset","setOpenOnMobile","presenceActive","setPresenceActive","dragConstraintsRef","useRef","pageIndicatorOffset","pageIndicatorOffsetWithDecoration","onPageIndicatorDragEnd","useCallback","_event","info","goal","offset","y","closest","Object","entries","reduce","prevPath","prevOffset","curPath","curOffset","abs","velocity","push","toggleMobileMenu","onClick","whileHover","drag","onDragEnd","dragConstraints","animate","top","href","style","display","pageVariants","initial","opacity","in","out","pageTransition","ease","duration","PageWrapper","children","forceReadableWidth","exit","variants","transition","maxWidth","undefined","minWidth","paddingBottom","BIRTH","Date","Home","floor","now","getTime","calc","x","window","innerHeight","innerWidth","trans","s","A","animated","Header","Content","Co","url","iconReference","tagline","role","what","acquired","useSpring","xys","config","mass","tension","friction","set","target","rel","onMouseMove","clientX","clientY","onMouseLeave","interpolate","alt","draggable","Column","forceWidth","noBorder","LanguageColorBlip","color","Repo","primaryLanguage","description","CoWrapper","Where","Helmet","HivenAppIcon","Head","Technology","icon","useCase","How","Etc","Presence","MaiGifImg","h1","Sakurajima","Mai","shouldPlayIntro","location","Wrapper","SuccessiveTypeContainer","ProgressContainer","MainContent","ContentWrapper","App","introEnded","setIntroEnded","onKeyDown","e","keyCode","which","preventDefault","script","document","createElement","async","body","appendChild","addEventListener","onIntroEnd","localStorage","setItem","defaultTitle","titleTemplate","canvas","AnimatePresence","exact","path","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.61ecbfd2.chunk.js","sourcesContent":["import { motion } from 'framer-motion';\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport styled, { keyframes } from 'styled-components';\nimport { Presence } from '../types/lanyard';\nimport SpotifyLogo from '../assets/images/spotify-logo.svg';\nimport { useAtom } from 'jotai';\nimport { doingAtom } from '../state/lanyard';\n\n// Thanks to Tim (https://github.com/timcole/timcole.me/blob/%F0%9F%A6%84/components/lanyard.tsx) for the types\n\nenum Operation {\n  Event,\n  Hello,\n  Initialize,\n  Heartbeat,\n}\n\nenum EventType {\n  INIT_STATE = 'INIT_STATE',\n  PRESENCE_UPDATE = 'PRESENCE_UPDATE',\n}\n\ntype SocketEvent = {\n  op: Operation;\n  t?: EventType;\n  d: Presence | unknown;\n};\n\nconst logLanyardEvent = (eventName: string, data: any) => {\n  // eslint-disable-next-line no-console\n  console.log(\n    `%cLanyard%c <~ ${eventName} %o`,\n    'background-color: #d7bb87; border-radius: 5px; padding: 3px; color: #372910;',\n    'background: none; color: #d7bb87;',\n    data\n  );\n};\n\nconst discordId = '852798440680456212';\n\nconst Doing = (\n  { setActive, ...props }: { setActive: (active: boolean) => void } & any,\n  ref: any\n) => {\n  const [socket, setSocket] = useState<WebSocket | null>(null);\n  const [doing, setDoing] = useAtom(doingAtom);\n\n  const send = (op: Operation, d?: unknown): void => {\n    if (socket !== null) socket.send(JSON.stringify({ op, d }));\n  };\n\n  useEffect(() => {\n    if (socket === null) return () => {};\n\n    socket.onmessage = function ({ data }: MessageEvent): void {\n      const { op, t, d }: SocketEvent = JSON.parse(data);\n\n      if (op === Operation.Hello) {\n        setInterval(\n          () => send(Operation.Heartbeat),\n          (d as { heartbeat_interval: number }).heartbeat_interval\n        );\n        send(Operation.Initialize, { subscribe_to_id: discordId });\n      } else if (op === Operation.Event && t) {\n        logLanyardEvent(t, d);\n\n        if ([EventType.INIT_STATE, EventType.PRESENCE_UPDATE].includes(t)) setDoing(d as Presence);\n      }\n    };\n\n    socket.onclose = () => {\n      setSocket(null);\n    };\n  }, [socket]);\n\n  useEffect(() => {\n    if (!socket) setSocket(new WebSocket('wss://api.lanyard.rest/socket'));\n  }, [socket]);\n\n  const currentActivity = useMemo(\n    () => doing?.activities.filter((activity) => activity.type === 0)[0],\n    [doing]\n  );\n\n  useEffect(() => {\n    setActive(doing?.listening_to_spotify || currentActivity);\n  }, [doing, currentActivity]);\n\n  if (!doing || !doing?.discord_status) return null;\n\n  return (\n    <>\n      {doing?.listening_to_spotify ? (\n        <Container ref={ref} to={'/presence'} {...props}>\n          <h5>\n            Listening to Spotify <LiveDot />\n          </h5>\n          <>\n            <ActivityRow>\n              <ActivityImageContainer>\n                <ActivityImage src={doing.spotify.album_art_url} />\n                <ActivitySecondaryImage src={SpotifyLogo} />\n              </ActivityImageContainer>\n\n              <ActivityInfo>\n                <h5>{doing.spotify.song}</h5>\n                <p>by {doing.spotify.artist}</p>\n              </ActivityInfo>\n            </ActivityRow>\n          </>\n        </Container>\n      ) : null}\n      {currentActivity ? (\n        <Container to={'/presence'} {...props}>\n          <h5>Şuanda</h5>\n          <ActivityRow>\n            {currentActivity.assets ? (\n              <ActivityImageContainer>\n                <ActivityImage\n                  src={`https://cdn.discordapp.com/app-assets/${currentActivity.application_id}/${currentActivity.assets.large_image}.png`}\n                />\n                <ActivitySecondaryImage\n                  src={`https://cdn.discordapp.com/app-assets/${currentActivity.application_id}/${currentActivity.assets.small_image}.png`}\n                />\n              </ActivityImageContainer>\n            ) : null}\n            <ActivityInfo>\n              <h5>{currentActivity.name}</h5>\n              {currentActivity.details ? <p>{currentActivity.details}</p> : null}\n              {currentActivity.state ? <p>{currentActivity.state}</p> : null}\n            </ActivityInfo>\n          </ActivityRow>\n        </Container>\n      ) : null}\n    </>\n  );\n};\n\nconst Container = styled(motion(Link))`\n  width: calc(100% + 2rem);\n  margin-left: -2rem;\n  background-color: transparent;\n  color: #ccc;\n  border-top: 1px solid #101010;\n  padding: 1rem;\n  cursor: pointer;\n\n  &:hover {\n    background-color: #101010;\n    color: #fff;\n  }\n\n  h5 {\n    margin: 0;\n    margin-bottom: 10px;\n  }\n`;\n\nconst fadeInOut = keyframes`\n  0% {\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0%;\n  }\n`;\n\nconst LiveDot = styled.div`\n  display: inline-block;\n  margin-left: 4px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: #ff5252;\n  animation: ${fadeInOut} 2s ease-in-out infinite;\n`;\n\nconst ActivityRow = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst ActivityImageContainer = styled.div`\n  position: relative;\n  height: 50px;\n`;\n\nconst ActivityImage = styled.img`\n  height: 50px;\n  width: 50px;\n  border-radius: 10px;\n`;\n\nconst ActivitySecondaryImage = styled.img`\n  position: absolute;\n  bottom: -5px;\n  right: -5px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background-color: #000;\n  border: 2px solid #000;\n`;\n\nconst ActivityInfo = styled.div`\n  margin-left: 1rem;\n\n  h5 {\n    color: #fff;\n    margin: 0;\n  }\n\n  p {\n    margin: 0;\n    font-size: 0.8rem;\n  }\n`;\n\nexport default forwardRef(Doing);\n","import { useEffect, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport useSound from 'use-sound';\n\nconst Word = ({ word }: { word: string }) => {\n  const [filled, setFilled] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setFilled(true);\n    }, 65);\n  }, []);\n\n  return <WordSC filled={filled}>{word}</WordSC>;\n};\n\ninterface ISuccessiveTypeProps {\n  words: string;\n  speed: number;\n  userSkipped?: boolean;\n  onEnd?: () => void;\n}\n\nconst SuccessiveType = ({ words, speed, userSkipped, onEnd }: ISuccessiveTypeProps) => {\n  const [play] = useSound('/p-static/sounds/type.ogg');\n\n  const [index, setIndex] = useState(0);\n\n  const splitWords: string[] = useMemo(() => words.split(' '), [words]);\n  const shownWords: string[] = useMemo(() => splitWords.slice(0, index + 1), [splitWords, index]);\n\n  useEffect(() => {\n    if (index === splitWords.length - 1) {\n      if (onEnd)\n        setTimeout(() => {\n          onEnd();\n        }, 1800);\n\n      return;\n    }\n\n    const currentWord = splitWords[index];\n\n    setTimeout(() => {\n      setIndex(index + 1);\n    }, currentWord.length * (Math.E * 12.5) + (currentWord[currentWord.length - 1] === '.' ? 500 : 0));\n  }, [index, splitWords]);\n\n  useEffect(() => {\n    if (!userSkipped) play();\n  }, [index, play, userSkipped]);\n\n  return (\n    <Container>\n      {shownWords.map((word: string, idx) => (\n        <Word key={idx} word={word} />\n      ))}\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  text-align: left;\n  color: #fff;\n  font-size: 20pt;\n`;\n\nconst WordSC = styled.span<{ filled: boolean }>`\n  color: ${({ filled }) => (filled ? '#ccc' : '#fff')};\n  margin-right: 4pt;\n  transition: color 0.1s ease;\n  display: inline-block;\n`;\n\nexport default SuccessiveType;\n","export const TwitterLogo = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"></path>\n  </svg>\n);\n\nexport const GitHubLogo = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\"></path>\n  </svg>\n);\n\nexport const ElixirLogo = (props: any) => (\n  <svg\n    width=\"32px\"\n    height=\"32px\"\n    viewBox=\"0 0 32 32\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <g id=\"elixir\" stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n      <path\n        d=\"M17.09765,1.5 C17.1497412,3.81765094 17.1152955,7.25457405 19.6828968,10.3853611 C22.2504981,13.5161481 25.497372,15.0920825 25.497372,19.9471981 C25.497372,26.2747555 20.7684736,29.5 16.6279496,29.5 C12.4874255,29.5 7.35194918,26.8152167 7.35194918,19.3300757 C7.35194918,15.1549422 9.36720832,9.90541524 13.054988,5.26198228 C14.2326866,3.77909413 15.6533698,2.19518803 17.09765,1.5 Z M11.3470908,26.4521125 C12.5331201,27.4321643 13.9984245,28.1077803 15.743004,28.4789605 C18.3598733,29.0357309 17.4057912,27.7081224 15.743004,27.1309646 C14.6344792,26.7461927 13.1691748,26.5199087 11.3470908,26.4521125 Z\"\n        id=\"Combined-Shape\"\n        fill=\"#fff\"\n      ></path>\n    </g>\n  </svg>\n);\n\nexport const ReactLogo = (props: any) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-11.5 -10.23174 23 20.46348\" {...props}>\n    <circle cx=\"0\" cy=\"0\" r=\"2.05\" fill=\"#61dafb\" />\n    <g stroke=\"#61dafb\" strokeWidth=\"1\" fill=\"none\">\n      <ellipse rx=\"11\" ry=\"4.2\" />\n      <ellipse rx=\"11\" ry=\"4.2\" transform=\"rotate(60)\" />\n      <ellipse rx=\"11\" ry=\"4.2\" transform=\"rotate(120)\" />\n    </g>\n  </svg>\n);\n\nexport const RustLogo = (props: any) => (\n  <svg\n    width=\"2500\"\n    height=\"2500\"\n    viewBox=\"0 0 256 256\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid\"\n    {...props}\n  >\n    <path d=\"M254.251 124.862l-10.747-6.653a145.81 145.81 0 0 0-.306-3.13l9.236-8.615a3.686 3.686 0 0 0 1.105-3.427 3.685 3.685 0 0 0-2.33-2.744l-11.807-4.415a137.355 137.355 0 0 0-.925-3.048l7.365-10.229a3.698 3.698 0 0 0-2.407-5.814l-12.45-2.025c-.484-.944-.988-1.874-1.496-2.796l5.231-11.483a3.683 3.683 0 0 0-.288-3.59 3.678 3.678 0 0 0-3.204-1.642l-12.636.44a99.848 99.848 0 0 0-1.996-2.421l2.904-12.308a3.694 3.694 0 0 0-.986-3.466 3.698 3.698 0 0 0-3.464-.986l-12.305 2.901a106.192 106.192 0 0 0-2.426-1.996l.442-12.635a3.684 3.684 0 0 0-1.64-3.205 3.693 3.693 0 0 0-3.59-.29l-11.48 5.234a133.235 133.235 0 0 0-2.796-1.5l-2.03-12.452a3.7 3.7 0 0 0-5.812-2.407l-10.236 7.365c-1.007-.32-2.02-.629-3.042-.922L155.72 4.794a3.69 3.69 0 0 0-2.745-2.336 3.707 3.707 0 0 0-3.424 1.106l-8.615 9.243a111.11 111.11 0 0 0-3.13-.306l-6.653-10.75a3.698 3.698 0 0 0-6.289 0l-6.653 10.75a110.4 110.4 0 0 0-3.133.306l-8.617-9.243a3.695 3.695 0 0 0-6.169 1.23l-4.414 11.809c-1.023.293-2.035.604-3.045.922L82.599 10.16a3.687 3.687 0 0 0-3.579-.415 3.705 3.705 0 0 0-2.235 2.822l-2.03 12.452c-.94.487-1.869.988-2.796 1.5l-11.481-5.235a3.686 3.686 0 0 0-3.588.291 3.684 3.684 0 0 0-1.642 3.205l.44 12.635a118.03 118.03 0 0 0-2.426 1.996l-12.305-2.9a3.71 3.71 0 0 0-3.466.985 3.694 3.694 0 0 0-.986 3.466l2.899 12.308c-.673.797-1.338 1.604-1.991 2.421l-12.636-.44a3.721 3.721 0 0 0-3.204 1.641 3.696 3.696 0 0 0-.291 3.59l5.234 11.484c-.509.922-1.012 1.852-1.5 2.796l-12.449 2.025a3.7 3.7 0 0 0-2.407 5.814l7.365 10.23c-.32 1.01-.631 2.024-.925 3.047l-11.808 4.415a3.702 3.702 0 0 0-1.225 6.171l9.237 8.614c-.115 1.04-.217 2.087-.305 3.131L1.75 124.862A3.695 3.695 0 0 0 0 128.007c0 1.284.663 2.473 1.751 3.143l10.748 6.653c.088 1.047.19 2.092.305 3.131l-9.238 8.617a3.697 3.697 0 0 0 1.226 6.169l11.808 4.415c.294 1.022.605 2.037.925 3.047l-7.365 10.231a3.696 3.696 0 0 0 2.41 5.812l12.447 2.025c.487.944.986 1.874 1.5 2.8l-5.235 11.48a3.691 3.691 0 0 0 .291 3.59 3.684 3.684 0 0 0 3.204 1.641l12.63-.442c.659.821 1.322 1.626 1.997 2.426l-2.899 12.31a3.682 3.682 0 0 0 .986 3.459 3.683 3.683 0 0 0 3.466.983l12.305-2.898c.8.68 1.61 1.34 2.427 1.99l-.44 12.639a3.694 3.694 0 0 0 5.229 3.492l11.481-5.231a105.49 105.49 0 0 0 2.796 1.499l2.03 12.445a3.692 3.692 0 0 0 2.235 2.825 3.706 3.706 0 0 0 3.579-.413l10.229-7.37c1.01.32 2.025.633 3.047.927l4.415 11.804a3.685 3.685 0 0 0 2.744 2.331 3.677 3.677 0 0 0 3.425-1.106l8.617-9.238c1.04.12 2.086.22 3.133.313l6.653 10.748a3.702 3.702 0 0 0 3.143 1.75 3.703 3.703 0 0 0 3.145-1.75l6.653-10.748c1.047-.093 2.092-.193 3.131-.313l8.615 9.238a3.68 3.68 0 0 0 3.424 1.106 3.69 3.69 0 0 0 2.744-2.331l4.415-11.804c1.022-.294 2.038-.607 3.048-.927l10.231 7.37a3.7 3.7 0 0 0 5.812-2.412l2.03-12.445c.939-.487 1.868-.993 2.795-1.5l11.481 5.232a3.692 3.692 0 0 0 5.23-3.492l-.44-12.638a98.76 98.76 0 0 0 2.423-1.991l12.306 2.898c1.25.294 2.56-.07 3.463-.983a3.682 3.682 0 0 0 .986-3.459l-2.898-12.31c.675-.8 1.34-1.605 1.99-2.426l12.636.442a3.681 3.681 0 0 0 3.204-1.64 3.685 3.685 0 0 0 .289-3.592l-5.232-11.478c.511-.927 1.013-1.857 1.497-2.8l12.45-2.026a3.682 3.682 0 0 0 2.822-2.236 3.696 3.696 0 0 0-.415-3.576l-7.365-10.23c.318-1.011.629-2.026.925-3.048l11.806-4.415a3.684 3.684 0 0 0 2.331-2.745 3.677 3.677 0 0 0-1.106-3.424l-9.235-8.617c.112-1.04.215-2.086.305-3.13l10.748-6.654a3.69 3.69 0 0 0 1.751-3.143c0-1.281-.66-2.472-1.749-3.145zm-71.932 89.156c-4.104-.885-6.714-4.93-5.833-9.047.878-4.112 4.92-6.729 9.023-5.844 4.104.879 6.718 4.931 5.838 9.04-.88 4.11-4.926 6.73-9.028 5.851zm-3.652-24.699a6.929 6.929 0 0 0-8.23 5.332l-3.816 17.807c-11.775 5.344-24.85 8.313-38.621 8.313-14.086 0-27.446-3.116-39.43-8.688l-3.814-17.806c-.802-3.747-4.486-6.134-8.228-5.33l-15.72 3.376a93.272 93.272 0 0 1-8.128-9.58h76.49c.865 0 1.442-.157 1.442-.945v-27.057c0-.787-.577-.944-1.443-.944H106.8v-17.15h24.195c2.208 0 11.809.63 14.878 12.902.962 3.774 3.072 16.05 4.516 19.98 1.438 4.408 7.293 13.213 13.533 13.213h38.115c.433 0 .895-.049 1.382-.137a93.92 93.92 0 0 1-8.669 10.17l-16.082-3.456zm-105.79 24.327c-4.105.886-8.146-1.731-9.029-5.843-.878-4.119 1.732-8.162 5.836-9.047 4.105-.878 8.148 1.739 9.028 5.85.878 4.11-1.734 8.16-5.836 9.04zM43.86 95.986c1.703 3.842-.03 8.345-3.867 10.045-3.837 1.705-8.328-.03-10.03-3.875-1.703-3.845.029-8.34 3.867-10.045a7.598 7.598 0 0 1 10.03 3.874zm-8.918 21.14l16.376-7.277a6.942 6.942 0 0 0 3.524-9.158l-3.372-7.626h13.264v59.788H37.973a93.7 93.7 0 0 1-3.566-25.672c0-3.398.183-6.756.535-10.056zm71.862-5.807V93.696h31.586c1.632 0 11.52 1.886 11.52 9.28 0 6.139-7.584 8.34-13.821 8.34h-29.285v.003zm114.792 15.862c0 2.338-.086 4.652-.257 6.948h-9.603c-.961 0-1.348.632-1.348 1.573v4.41c0 10.38-5.853 12.638-10.982 13.213-4.884.55-10.3-2.045-10.967-5.034-2.882-16.206-7.683-19.667-15.265-25.648 9.41-5.975 19.2-14.79 19.2-26.59 0-12.74-8.734-20.765-14.688-24.7-8.352-5.506-17.6-6.61-20.095-6.61H58.279c13.467-15.03 31.719-25.677 52.362-29.551l11.706 12.28a6.923 6.923 0 0 0 9.799.226l13.098-12.528c27.445 5.11 50.682 22.194 64.073 45.633l-8.967 20.253c-1.548 3.505.032 7.604 3.527 9.157l17.264 7.668c.298 3.065.455 6.161.455 9.3zM122.352 24.745c3.033-2.905 7.844-2.79 10.748.247 2.898 3.046 2.788 7.862-.252 10.765-3.033 2.906-7.844 2.793-10.748-.25a7.621 7.621 0 0 1 .252-10.762zm88.983 71.61a7.594 7.594 0 0 1 10.028-3.872c3.838 1.702 5.57 6.203 3.867 10.045a7.595 7.595 0 0 1-10.03 3.875c-3.833-1.703-5.565-6.2-3.865-10.048z\" />\n  </svg>\n);\n\nexport const RabbitMQLogo = (props: any) => (\n  <svg\n    width=\"2362\"\n    height=\"2500\"\n    viewBox=\"0 0 256 271\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid\"\n    {...props}\n  >\n    <path\n      d=\"M245.44 108.308h-85.09a7.738 7.738 0 0 1-7.735-7.734v-88.68C152.615 5.327 147.29 0 140.726 0h-30.375c-6.568 0-11.89 5.327-11.89 11.894v88.143c0 4.573-3.697 8.29-8.27 8.31l-27.885.133c-4.612.025-8.359-3.717-8.35-8.325l.173-88.241C54.144 5.337 48.817 0 42.24 0H11.89C5.321 0 0 5.327 0 11.894V260.21c0 5.834 4.726 10.56 10.555 10.56H245.44c5.834 0 10.56-4.726 10.56-10.56V118.868c0-5.834-4.726-10.56-10.56-10.56zm-39.902 93.233c0 7.645-6.198 13.844-13.843 13.844H167.69c-7.646 0-13.844-6.199-13.844-13.844v-24.005c0-7.646 6.198-13.844 13.844-13.844h24.005c7.645 0 13.843 6.198 13.843 13.844v24.005z\"\n      fill=\"#fff\"\n    />\n  </svg>\n);\n\nexport const TypescriptLogo = (props: any) => (\n  <svg\n    id=\"Layer_1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 400 400\"\n    width=\"2500\"\n    height=\"2500\"\n    {...props}\n  >\n    <path fill=\"#007acc\" d=\"M0 200V0h400v400H0\" />\n    <path\n      fill=\"#fff\"\n      d=\"M87.7 200.7V217h52v148h36.9V217h52v-16c0-9 0-16.3-.4-16.5 0-.3-31.7-.4-70.2-.4l-70 .3v16.4l-.3-.1zM321.4 184c10.2 2.4 18 7 25 14.3 3.7 4 9.2 11 9.6 12.8 0 .6-17.3 12.3-27.8 18.8-.4.3-2-1.4-3.6-4-5.2-7.4-10.5-10.6-18.8-11.2-12-.8-20 5.5-20 16 0 3.2.6 5 1.8 7.6 2.7 5.5 7.7 8.8 23.2 15.6 28.6 12.3 41 20.4 48.5 32 8.5 13 10.4 33.4 4.7 48.7-6.4 16.7-22 28-44.3 31.7-7 1.2-23 1-30.5-.3-16-3-31.3-11-40.7-21.3-3.7-4-10.8-14.7-10.4-15.4l3.8-2.4 15-8.7 11.3-6.6 2.6 3.5c3.3 5.2 10.7 12.2 15 14.6 13 6.7 30.4 5.8 39-2 3.7-3.4 5.3-7 5.3-12 0-4.6-.7-6.7-3-10.2-3.2-4.4-9.6-8-27.6-16-20.7-8.8-29.5-14.4-37.7-23-4.7-5.2-9-13.3-11-20-1.5-5.8-2-20-.6-25.7 4.3-20 19.4-34 41-38 7-1.4 23.5-.8 30.4 1l-.2.2z\"\n    />\n  </svg>\n);\n\nexport const SolidityLogo = (props: any) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"800\"\n    width=\"1200\"\n    viewBox=\"-78.58515 -203.242 681.0713 1219.452\"\n    {...props}\n  >\n    <path d=\"M391.93 0L261.226 232.302H0L130.614 0H391.93\" opacity=\".45\" />\n    <path d=\"M261.226 232.302h261.318L391.93 0H130.614z\" opacity=\".6\" />\n    <path d=\"M130.614 464.514l130.612-232.212L130.614 0 0 232.302z\" opacity=\".8\" />\n    <path d=\"M131.879 812.967l130.704-232.303h261.318L393.196 812.967H131.879\" opacity=\".45\" />\n    <path d=\"M262.582 580.665H1.265l130.613 232.303h261.317z\" opacity=\".6\" />\n    <path d=\"M393.196 348.453L262.582 580.665l130.614 232.303L523.9 580.665z\" opacity=\".8\" />\n  </svg>\n);\n\nexport const KeyIcon = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"></path>\n  </svg>\n);\n\nexport const ChevronDown = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <polyline points=\"6 9 12 15 18 9\"></polyline>\n  </svg>\n);\n\nexport const ChevronsRight = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <polyline points=\"13 17 18 12 13 7\"></polyline>\n    <polyline points=\"6 17 11 12 6 7\"></polyline>\n  </svg>\n);\n\nexport const ExternalLinkIcon = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"></path>\n    <polyline points=\"15 3 21 3 21 9\"></polyline>\n    <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"></line>\n  </svg>\n);\n\nexport const CompassIcon = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n    <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"></polygon>\n  </svg>\n);\n\nexport const MenuIcon = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"></line>\n    <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"></line>\n    <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"></line>\n  </svg>\n);\n\nexport const XIcon = (props: any) => (\n  <svg\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=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n  </svg>\n);\n\nexport const NavigationIcon = (props: any) => (\n  <svg\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=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    {...props}\n  >\n    <polygon points=\"3 11 22 2 13 21 11 13 3 11\"></polygon>\n  </svg>\n);\n\nexport const SakurajimaLogo = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 138.74 198.88\">\n    <g id=\"e4d740e9-a8b9-4619-9423-4e730640f47e\" data-name=\"Layer 2\">\n      <g id=\"a1d15ffe-b1c6-44f7-972b-d2e7116ec5ad\" data-name=\"Layer 1\">\n        <path\n          d=\"M113.67,108.87c2.7-5.4,43.27-87.76,15.25-108.73,0,0-29.63-8-40.29,95a69.74,69.74,0,0,0-38.57.16l.06,0C39.47-7.84,9.82.14,9.82.14c-29,21.69,15.39,109,15.39,109l.06,0c-10.36,9.53-16.73,22.39-16.73,36.56,0,29.38,27.34,53.2,61.07,53.2s61.06-23.82,61.06-53.2C130.67,131.39,124.19,118.43,113.67,108.87Z\"\n          fill=\"#fff\"\n        />\n      </g>\n    </g>\n  </svg>\n);\n","export default __webpack_public_path__ + \"static/media/spotify-logo.d41c150b.svg\";","import { atom } from 'jotai';\nimport { Presence } from '../types/lanyard';\n\nexport const doingAtom = atom<Presence | null>(null);\n","import { motion, PanInfo } from 'framer-motion';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useHistory, useLocation } from 'react-router';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\nimport { GitHubLogo, KeyIcon, MenuIcon, NavigationIcon, TwitterLogo, XIcon } from './Icons';\nimport Doing from './Doing';\nimport useSound from 'use-sound';\nimport { useAtom } from 'jotai';\nimport { doingAtom } from '../state/lanyard';\nimport ContentLoader from 'react-content-loader';\n\nconst pathnameOffsets: { [key: string]: number } = {\n  '/': 0,\n  '/where': 39,\n  '/how': 78,\n  '/etc': 117,\n};\n\nconst Nav = () => {\n  const history = useHistory();\n  const { pathname } = useLocation();\n\n  const [playSwitchPageSound] = useSound('/p-static/sounds/switch-page.mp3');\n\n  const [dragYOffset, setDragYOffset] = useState(0);\n  const [openOnMobile, setOpenOnMobile] = useState(false);\n  const [presenceActive, setPresenceActive] = useState(false);\n\n  const [doing] = useAtom(doingAtom);\n\n  const dragConstraintsRef = useRef(null);\n\n  useEffect(() => {\n    if (openOnMobile) setOpenOnMobile(false);\n    playSwitchPageSound();\n  }, [pathname]);\n\n  const pageIndicatorOffset = useMemo(\n    () => (pathname ? pathnameOffsets[pathname] ?? -180 : 0),\n    [pathname]\n  );\n\n  const pageIndicatorOffsetWithDecoration = useMemo(\n    () => 71 + 33 + pageIndicatorOffset - dragYOffset,\n    [pageIndicatorOffset, dragYOffset]\n  );\n\n  const onPageIndicatorDragEnd = useCallback(\n    (_event, info: PanInfo) => {\n      const goal = pageIndicatorOffset + info.offset.y;\n\n      const closest = Object.entries(pathnameOffsets).reduce(\n        ([prevPath, prevOffset], [curPath, curOffset]) => {\n          return Math.abs(curOffset - goal) < Math.abs(prevOffset - goal)\n            ? [curPath, curOffset]\n            : [prevPath, prevOffset];\n        }\n      );\n\n      if (closest[0] === pathname) return;\n\n      setDragYOffset(dragYOffset + info.offset.y + info.velocity.y);\n      history.push(closest[0]);\n    },\n    [history, pageIndicatorOffset, dragYOffset, pathname]\n  );\n\n  const toggleMobileMenu = useCallback(() => setOpenOnMobile(!openOnMobile), [openOnMobile]);\n\n  return (\n    <>\n      <MobileHeader>\n        <Title>Türker</Title>\n        {openOnMobile ? (\n          <XIcon onClick={toggleMobileMenu} />\n        ) : (\n          <MenuIcon onClick={toggleMobileMenu} />\n        )}\n      </MobileHeader>\n      <Container openOnMobile={openOnMobile}>\n        {!openOnMobile ? (\n          <PageIndicator\n            whileHover={{ width: 3 }}\n            drag=\"y\"\n            onDragEnd={onPageIndicatorDragEnd}\n            dragConstraints={dragConstraintsRef}\n            animate={{ top: pageIndicatorOffsetWithDecoration }}\n          />\n        ) : null}\n        <Items>\n          {!openOnMobile ? (\n            <Row>\n              <Title>Türker</Title>\n              {/* <IconButton>\n              <ChevronDown />\n            </IconButton> */}\n            </Row>\n          ) : null}\n\n          <div ref={dragConstraintsRef}>\n            <Page active={pathname === '/' ? 1 : 0} to=\"/\">\n              Anasayfa\n            </Page>\n            <Page active={pathname === '/where' ? 1 : 0} to=\"/where\">\n              Projeler\n            </Page>\n            <Page active={pathname === '/how' ? 1 : 0} to=\"/how\">\n              Kullandığım Teknolojiler\n            </Page>\n            <Page active={pathname === '/etc' ? 1 : 0} to=\"/etc\">\n              Daha fazlası\n            </Page>\n          </div>\n\n          <Icons>\n            <a href=\"https://github.com/turkerpw\">\n              <GitHubLogo />\n            </a>\n          </Icons>\n          <Doing\n            style={{ display: presenceActive ? 'block' : 'none' }}\n            setActive={setPresenceActive}\n          />\n        </Items>\n      </Container>\n    </>\n  );\n};\n\nconst Container = styled.aside<{ openOnMobile: boolean }>`\n  display: inline-block;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 2rem;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 15rem;\n  border-right: 1px solid #101010;\n  height: 100vh;\n\n  @media (max-width: 850px) {\n    display: ${({ openOnMobile }) => (openOnMobile ? 'block' : 'none')};\n    background-color: rgba(0, 0, 0, 0.8);\n    backdrop-filter: blur(7px);\n    z-index: 1;\n    top: 65px;\n    width: 100%;\n    height: calc(100% - 65px);\n  }\n`;\n\nconst MobileHeader = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  display: flex;\n  padding: 2rem;\n  box-sizing: border-box;\n  width: 100%;\n  height: 65px;\n  background-color: rgba(0, 0, 0, 0.8);\n  backdrop-filter: blur(5px);\n  border-bottom: 1px solid #101010;\n  flex-shrink: 0;\n  z-index: 1;\n\n  svg {\n    margin-left: auto;\n    cursor: pointer;\n    color: #ccc;\n  }\n\n  @media (min-width: 850px) {\n    display: none;\n  }\n`;\n\nconst PageIndicator = styled(motion.div)`\n  width: 1px;\n  height: 39px;\n  background-color: #fff;\n  position: absolute;\n  right: -1px;\n  cursor: pointer;\n`;\n\nconst Items = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n`;\n\nconst Row = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nconst Title = styled.div`\n  font-weight: 600;\n  padding: 10px 0px;\n`;\n\nconst Location = styled.a`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  height: 19px;\n  font-size: 14px;\n  margin-bottom: 15px;\n  user-select: none;\n\n  color: white;\n\n  &:hover {\n    color: rgba(255, 255, 255, 0.8);\n  }\n\n  svg:first-child {\n    height: 18px;\n    width: 18px;\n    margin-right: 10px;\n    color: #ff65b2;\n  }\n`;\n\nconst Page = styled(Link)<{ active: number }>`\n  color: ${({ active }) => (active ? '#fff' : '#ccc')};\n  padding: 10px 0px;\n  display: flex;\n\n  &:hover {\n    /* background-color: #fff; */\n    color: #fff;\n  }\n`;\n\nconst Icons = styled.div`\n  margin-top: auto;\n  color: #ccc;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-evenly;\n  padding: 1rem 0;\n\n  svg {\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    color: #ccc;\n\n    &:hover {\n      color: #fff;\n    }\n  }\n`;\n\nexport default Nav;\n","import { motion } from 'framer-motion';\nimport { ReactElement } from 'react';\n\nconst pageVariants = {\n  initial: {\n    opacity: 0,\n  },\n  in: {\n    opacity: 1,\n  },\n  out: {\n    opacity: 0,\n  },\n};\n\nconst pageTransition = {\n  type: 'tween',\n  ease: 'anticipate',\n  duration: 0.4,\n};\n\nconst PageWrapper = ({\n  children,\n  forceReadableWidth,\n}: {\n  children: ReactElement | ReactElement[];\n  forceReadableWidth?: boolean;\n}) => {\n  return (\n    <motion.div\n      initial=\"initial\"\n      animate=\"in\"\n      exit=\"out\"\n      variants={pageVariants}\n      transition={pageTransition}\n      style={{\n        maxWidth: forceReadableWidth ? '65ch' : undefined,\n        minWidth: 0,\n        paddingBottom: '2rem',\n      }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n\nexport default PageWrapper;\n","import { useMemo } from 'react';\nimport { Tooltip } from 'react-tippy';\nimport PageWrapper from './PageWrapper';\n\nconst BIRTH = new Date('2008-12-28T10:15:00Z');\nconst YEAR_MILLIS = 31556952000;\n\nconst Home = () => {\n  const age = useMemo(() => Math.floor((Date.now() - BIRTH.getTime()) / YEAR_MILLIS), []);\n\n  return (\n    <PageWrapper forceReadableWidth>\n      <h1>Hoş geldin!</h1>\n      <p>Websiteme hoş geldin!</p>\n      <p>\n        Yandaki butonlardan biraz bilgi alabilirsin!\n      </p>\n    </PageWrapper>\n  );\n};\n\nexport default Home;\n","import { animated, useSpring } from 'react-spring';\nimport styled from 'styled-components';\nimport { ExternalLinkIcon } from './Icons';\n\nconst calc = (x: number, y: number) => [\n  -(y - window.innerHeight / 2) / 35,\n  (x - window.innerWidth / 2) / 35,\n  1.05,\n];\nconst trans = (x: number, y: number, s: number): string =>\n  `perspective(600px) rotateX(${x}deg) rotateY(${y}deg) scale(${s})`;\n\nconst Co = ({\n  url,\n  name,\n  iconReference,\n  tagline,\n  role,\n  what,\n  acquired,\n}: {\n  url: string;\n  name: string;\n  iconReference: string;\n  tagline: string;\n  role: string;\n  what: string;\n  acquired?: boolean;\n}) => {\n  const [props, set] = useSpring(() => ({\n    xys: [0, 0, 1],\n    config: { mass: 2, tension: 350, friction: 40 },\n  }));\n\n  return (\n    <A href={url} target=\"_blank\" rel=\"noopener\">\n      <Container\n        onMouseMove={({ clientX: x, clientY: y }: { clientX: number; clientY: number }) =>\n          set({ xys: calc(x, y) })\n        }\n        onMouseLeave={() => set({ xys: [0, 0, 1] })}\n        //@ts-ignore\n        style={{ transform: props.xys.interpolate(trans) }}\n      >\n        <Header>\n          <img alt={`${name} Logo`} draggable={false} src={iconReference} />\n          <div>\n            {acquired ? <sub>acquired</sub> : null}\n            <h3>\n              {name} <ExternalLinkIcon />\n            </h3>\n            <span>{tagline}</span>\n          </div>\n        </Header>\n        <Content>\n          <h3>Rol</h3>\n          <p>{role}</p>\n          <h3>Neden</h3>\n          <p>{what}</p>\n        </Content>\n      </Container>\n    </A>\n  );\n};\n\nconst A = styled.a`\n  text-decoration: none;\n  color: inherit;\n\n  &:hover {\n    text-decoration: none !important;\n  }\n`;\n\nconst Container = styled(animated.div)`\n  border: 1px solid #101010;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: all 0.1s ease;\n  will-change: transform;\n\n  &:hover {\n    background-color: #101010;\n  }\n`;\n\nconst Header = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 100px;\n  border-bottom: 1px solid #101010;\n  padding: 1rem;\n  /* box-sizing: border-box; */\n\n  img {\n    width: 70px;\n    height: 70px;\n    border-radius: 25%;\n    margin-right: 1rem;\n  }\n\n  div {\n    sub {\n      text-transform: uppercase;\n      color: #ff65b2;\n      letter-spacing: 2px;\n    }\n\n    h3 {\n      margin: 0;\n    }\n\n    svg {\n      width: 15px;\n      height: 15px;\n      color: #ccc;\n    }\n\n    span {\n      color: #ccc;\n    }\n  }\n`;\n\nconst Content = styled.div`\n  padding: 1rem;\n  box-sizing: border-box;\n`;\n\nexport default Co;\n","export default __webpack_public_path__ + \"static/media/hiven-app-icon.8de1b80a.png\";","import styled from 'styled-components';\n\nconst Repo = ({\n  url,\n  name,\n  primaryLanguage,\n  description,\n}: {\n  url: string;\n  name: string;\n  primaryLanguage: string;\n  description: string;\n}) => {\n  return (\n    <A href={url} target=\"_blank\" rel=\"noopener\">\n      <Container>\n        <Column forceWidth={150}>\n          <h5>isim</h5>\n          <p>{name}</p>\n        </Column>\n        <Column forceWidth={150}>\n          <h5>dil</h5>\n          <p>\n            {primaryLanguage}{' '}\n            <LanguageColorBlip\n              color={\n                primaryLanguage === 'React'\n                  ? '#9c1fa5'\n                  : primaryLanguage === 'TypeScript'\n                  ? '#007acc'\n                  : primaryLanguage === 'NextJS'\n                  ? '#dea584'\n                  : '#000'\n              }\n            />\n          </p>\n        </Column>\n        <Column noBorder>\n          <h5>açıklaması</h5>\n          <p>{description}</p>\n        </Column>\n      </Container>\n    </A>\n  );\n};\n\nconst A = styled.a`\n  text-decoration: none;\n  color: inherit;\n\n  &:hover {\n    text-decoration: none !important;\n  }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100px;\n  border: 1px solid #101010;\n  border-radius: 10px;\n  overflow: hidden;\n  margin-bottom: 1rem;\n\n  @media (max-width: 850px) {\n    flex-direction: column;\n    height: auto;\n  }\n\n  &:hover {\n    background-color: #101010;\n  }\n`;\n\nconst Column = styled.div<{ forceWidth?: number; noBorder?: boolean }>`\n  display: block;\n  height: 100%;\n  width: ${({ forceWidth }) => (forceWidth ? forceWidth + 'px' : 'fit-content')};\n  min-width: ${({ forceWidth }) => (forceWidth ? forceWidth + 'px' : undefined)};\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-right: 1px solid ${({ noBorder }) => (noBorder ? 'transparent' : '#101010')};\n  padding: 1rem;\n  box-sizing: border-box;\n  flex-shrink: ${({ noBorder }) => (noBorder ? undefined : 0)};\n\n  @media (max-width: 850px) {\n    height: 50px;\n    width: 100%;\n    border-bottom: 1px solid ${({ noBorder }) => (noBorder ? 'transparent' : '#101010')};\n    padding: 1rem;\n    flex-shrink: 0;\n    box-sizing: content-box;\n  }\n\n  h5 {\n    font-family: 'Courier New';\n    margin: 0;\n    color: #fff;\n  }\n\n  p {\n    margin: 0;\n    white-space: normal;\n  }\n`;\n\nconst LanguageColorBlip = styled.span<{ color: string }>`\n  display: inline-block;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: ${({ color }) => color};\n  margin-left: 5px;\n`;\n\nexport default Repo;\n","import PageWrapper from './PageWrapper';\nimport Co from '../components/Co';\nimport styled from 'styled-components';\nimport HivenAppIcon from '../assets/images/hiven-app-icon.png';\nimport GigglAppIcon from '../assets/images/giggl-app-icon.jpg';\nimport HonkAppIcon from '../assets/images/honk-app-icon.jpg';\nimport Repo from '../components/Repo';\nimport { Helmet } from 'react-helmet';\n\nconst Where = () => {\n  return (\n    <PageWrapper>\n      <Helmet>\n        <title>Yaptıklarım</title>\n      </Helmet>\n      <h1>Burada neler var?</h1>\n      <CoWrapper>\n        <Co\n          url=\"https://botscamp.xyz\"\n          name=\"BotsCamp\"\n          iconReference={HivenAppIcon}\n          tagline=\"Discord Bot List\"\n          role={'Takım / Geliştirici'}\n          what={'Discord botlarının bulunduğu en uygun Discord botunu bulmak için geliştirilen bir proje.'}\n        />\n      </CoWrapper>\n\n      <h3>Açık kaynaklı projelerim</h3>\n      <Repo\n        name={'Website'}\n        url={'https://github.com/turkerpw/old-website'}\n        primaryLanguage={'NextJS'}\n        description=\"Kendi websitemin nextjs eski hali.\"\n      />\n    </PageWrapper>\n  );\n};\n\nconst CoWrapper = styled.div`\n  display: grid;\n  width: 100%;\n  gap: 2rem 2rem;\n  grid-template-columns: 1fr 1fr 1fr;\n\n  @media (max-width: 1100px) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media (max-width: 900px) {\n    grid-template-columns: 1fr;\n  }\n`;\n\nexport default Where;\n","import { ReactElement } from 'react';\nimport styled from 'styled-components';\n\nconst Technology = ({\n  color,\n  icon,\n  name,\n  type,\n  useCase,\n}: {\n  color: string;\n  icon: ReactElement;\n  name: string;\n  type: string;\n  useCase: string;\n}) => {\n  return (\n    <Container>\n      <Head color={color}>{icon}</Head>\n\n      <Column forceWidth={110}>\n        <h5>isim</h5>\n        <p>{name}</p>\n      </Column>\n      <Column forceWidth={200}>\n        <h5>tür</h5>\n        <p>{type}</p>\n      </Column>\n      <Column noBorder>\n        <h5>kullanım alanı</h5>\n        <p>{useCase}</p>\n      </Column>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100px;\n  border: 1px solid #101010;\n  border-radius: 10px;\n  overflow: hidden;\n  margin-bottom: 1rem;\n\n  @media (max-width: 850px) {\n    flex-direction: column;\n    height: auto;\n  }\n\n  &:hover {\n    background-color: #101010;\n  }\n`;\n\nconst Head = styled.div<{ color: string }>`\n  height: 100%;\n  width: 100px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: #fff;\n  background-color: ${({ color }) => color};\n  flex-shrink: 0;\n\n  @media (max-width: 850px) {\n    height: 50px;\n    width: 100%;\n  }\n\n  svg {\n    height: 30px;\n    width: 30px;\n  }\n`;\n\nconst Column = styled.div<{ forceWidth?: number; noBorder?: boolean }>`\n  display: block;\n  height: 100%;\n  width: ${({ forceWidth }) => (forceWidth ? forceWidth + 'px' : 'fit-content')};\n  min-width: ${({ forceWidth }) => (forceWidth ? forceWidth + 'px' : undefined)};\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-right: 1px solid ${({ noBorder }) => (noBorder ? 'transparent' : '#101010')};\n  padding: 1rem;\n  box-sizing: border-box;\n  flex-shrink: ${({ noBorder }) => (noBorder ? undefined : 0)};\n\n  @media (max-width: 850px) {\n    height: 50px;\n    width: 100%;\n    border-bottom: 1px solid ${({ noBorder }) => (noBorder ? 'transparent' : '#101010')};\n    padding: 1rem;\n    flex-shrink: 0;\n    box-sizing: content-box;\n  }\n\n  h5 {\n    font-family: 'Courier New';\n    margin: 0;\n    color: #fff;\n  }\n\n  p {\n    margin: 0;\n    white-space: normal;\n  }\n`;\n\nexport default Technology;\n","import PageWrapper from './PageWrapper';\nimport Technology from '../components/Technology';\nimport {\n  ElixirLogo,\n  RabbitMQLogo,\n  ReactLogo,\n  RustLogo,\n  SolidityLogo,\n  TypescriptLogo,\n} from '../components/Icons';\nimport { Helmet } from 'react-helmet';\n\nconst How = () => {\n  return (\n    <PageWrapper>\n      <Helmet>\n        <title>Kullandıklarım</title>\n      </Helmet>\n      <h1>Kullandıklarım!</h1>\n      <p>\n      Kullandığım bazı şeyler\n      </p>\n\n      <Technology\n        color=\"#9c1fa5\"\n        icon={<ElixirLogo />}\n        name=\"Elixir\"\n        type=\"Gerçek zamanlı, Backend\"\n        useCase={'Birden çok düğümde ölçeklenen hataya dayanıklı gerçek zamanlı sistemler oluşturma'}\n      />\n\n      <Technology\n        color=\"#232340\"\n        icon={<ReactLogo />}\n        name=\"React\"\n        type=\"Frontend framework\"\n        useCase={'Büyük ve etkileşimli web uygulamaları için durum bilgisi olan ve dayanıklı ön uçlar oluşturma'}\n      />\n\n      <Technology\n        color=\"#dea584\"\n        icon={<RustLogo />}\n        name=\"Rust\"\n        type=\"Backend, Sistem\"\n        useCase={\n          'Rust NIF\\'leri kullanarak Elixir kodunun bölümlerini optimize etme ve verimli sistem kodu yazma'\n        }\n      />\n\n      <Technology\n        color=\"#007acc\"\n        icon={<TypescriptLogo />}\n        name=\"TypeScript\"\n        type=\"JS Framework\"\n        useCase={'JS Türleri - projeler genişlediğinde hayatınızı kurtaracak'}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default How;\n","import { Helmet } from 'react-helmet';\nimport { Link } from 'react-router-dom';\nimport PageWrapper from './PageWrapper';\n\nconst Etc = () => (\n  <PageWrapper forceReadableWidth>\n    <Helmet>\n      <title>Daha Fazlası</title>\n    </Helmet>\n    <h1>Daha Fazlası</h1>\n    <h2>Teşekkürler</h2>\n    <p>\n      Burayı ziyaret ettiğin için teşekkürler. Bu websitenin açık kaynaığını burada bulabilirsin: <a href={'#'}>turkerpw/</a>\n    </p>\n    <h2>İletişim</h2>\n    <p>\n      <a href=\"mailto:turker@botscamp.xyz\">turker@botscamp.xyz</a>.\n    </p>\n    <h2>Diğer</h2>\n    <ul>\n      <li>\n        <Link to={'/presence'}>Şu anda ne yapıyorum?</Link>\n      </li>\n    </ul>\n  </PageWrapper>\n);\n\nexport default Etc;\n","import { Helmet } from 'react-helmet';\nimport PageWrapper from './PageWrapper';\n\nconst Presence = () => (\n  <PageWrapper forceReadableWidth>\n    <Helmet>\n      <title>Şuanda ne yapıyorum?</title>\n    </Helmet>\n    <h1>👀 Discord Oynuyor</h1>\n    <p>\n    {' '}\n      <a target=\"_blank\" rel=\"noreferrer\" href={'https://github.com/phineas/lanyard'}>\n        Lanyard\n      </a>{' '}\n      tarafından yapıldı.\n    </p>\n  </PageWrapper>\n);\n\nexport default Presence;\n","export default __webpack_public_path__ + \"static/media/mai.c528249d.gif\";","import { Helmet } from 'react-helmet';\nimport PageWrapper from './PageWrapper';\n\nimport Mai from '../assets/images/mai.gif';\nimport styled from 'styled-components';\nimport { SakurajimaLogo } from '../components/Icons';\n\nconst Sakurajima = () => (\n  <PageWrapper forceReadableWidth>\n    <Helmet>\n      <title>sakuraji.ma</title>\n    </Helmet>\n    <Title>\n      <SakurajimaLogo /> sakuraji.ma\n    </Title>\n    <MaiGifImg draggable={false} src={Mai} />\n    <p>\n      Looks like you've stumbled upon sakuraji.ma! I use this domain as rDNS for the networks & IPs\n      I control, and for a few NOC/WHOIS management emails. It's short for Mai <b>Sakurajima</b>.\n    </p>\n    <h2>Authoritative Delegation</h2>\n    <p>\n      The domains <b>kaede.sakuraji.ma</b> and <b>shoko.sakuraji.ma</b> act as the authorative\n      nameservers for the following IP space:\n      <ul>\n        <li>172.110.130.0/24</li>\n        <li>162.218.156.0/24</li>\n        <li>2602:fc50::/36</li>\n      </ul>\n    </p>\n  </PageWrapper>\n);\n\nconst MaiGifImg = styled.img`\n  border-radius: 10px;\n  max-width: 100%;\n`;\n\nconst Title = styled.h1`\n  vertical-align: middle;\n  display: flex;\n  align-items: center;\n  svg {\n    height: 1em;\n    margin-right: 0.5em;\n    /* width: 1em; */\n  }\n`;\n\nexport default Sakurajima;\n","import { AnimatePresence, motion } from 'framer-motion';\nimport { KeyboardEvent, useCallback, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\nimport { Helmet } from 'react-helmet';\nimport SuccessiveType from './components/SuccessiveType';\nimport Nav from './components/Nav';\nimport Home from './pages/Home';\nimport Where from './pages/Where';\nimport How from './pages/How';\nimport Etc from './pages/Etc';\nimport Presence from './pages/Presence';\nimport Sakurajima from './pages/Sakurajima';\nimport { ChevronsRight } from './components/Icons';\n\nconst shouldPlayIntro = window.location.pathname === '/';\n\nfunction App() {\n  const [introEnded, setIntroEnded] = useState(!shouldPlayIntro);\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDocument> & any) => {\n    if ((e.keyCode === 9 || e.which === 9) && !introEnded) {\n      e.preventDefault();\n    }\n  };\n\n  useEffect(() => {\n    if (!shouldPlayIntro) return;\n\n    const script = document.createElement('script');\n\n    script.src = '/p-static/js/stars.js';\n    script.async = true;\n\n    document.body.appendChild(script);\n\n    document.addEventListener('keydown', onKeyDown);\n  }, []);\n\n  const onIntroEnd = useCallback(() => {\n    localStorage.setItem('v1:intro-completed', 'true');\n    setIntroEnded(true);\n  }, []);\n\n  return (\n    <Wrapper>\n      <Helmet defaultTitle={'Türker'} titleTemplate={'%s • Türker'} />\n      {shouldPlayIntro ? (\n        <SuccessiveTypeContainer\n          transition={{ duration: 0.85 }}\n          animate={{ y: introEnded ? -window.innerHeight : 0 }}\n        >\n          <ProgressContainer onClick={onIntroEnd}>\n            <h4>\n              Atla <ChevronsRight />\n            </h4>\n          </ProgressContainer>\n          <SuccessiveType\n            onEnd={onIntroEnd}\n            words={\n              \"Merhaba ben Türker! Websiteme hoş geldin! Websitemde bana ulaşabileceğin birkaç bilgiye ulaşabilirsin!\"\n            }\n            speed={1}\n            userSkipped={introEnded}\n          />\n        </SuccessiveTypeContainer>\n      ) : null}\n\n      <motion.canvas\n        transition={{ duration: 0.85 }}\n        animate={{ opacity: introEnded ? 0 : 0.25 }}\n        id=\"stars\"\n      />\n\n      <MainContent\n        transition={{ duration: 0.85 }}\n        initial={false}\n        animate={{ y: !introEnded ? window.innerHeight : 0 }}\n      >\n        <Router>\n          <Nav />\n\n          <ContentWrapper>\n            <AnimatePresence>\n              <Switch>\n                <Route exact path=\"/\" component={Home} />\n                <Route exact path=\"/where\" component={Where} />\n                <Route exact path=\"/how\" component={How} />\n                <Route exact path=\"/etc\" component={Etc} />\n                <Route exact path=\"/presence\" component={Presence} />\n                <Route exact path=\"/sakuraji.ma\" component={Sakurajima} />\n              </Switch>\n            </AnimatePresence>\n          </ContentWrapper>\n        </Router>\n      </MainContent>\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n\n  canvas {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 0;\n  }\n`;\n\nconst SuccessiveTypeContainer = styled(motion.div)`\n  width: 65ch;\n  height: 350px;\n  padding: 2rem;\n  position: relative;\n  z-index: 1;\n`;\n\nconst ProgressContainer = styled.div`\n  vertical-align: middle;\n  cursor: pointer;\n  transition: color 0.2s ease;\n\n  svg {\n    vertical-align: middle;\n    height: 19px;\n  }\n\n  &:hover {\n    color: #ff65b2;\n  }\n`;\n\nconst MainContent = styled(motion.div)`\n  height: 100vh;\n  width: 100%;\n  position: absolute;\n  display: flex;\n  flex-direction: row;\n  overflow-y: auto;\n\n  @media (max-width: 850px) {\n    flex-direction: column;\n    /* padding-top: 65px; */\n  }\n`;\n\nconst ContentWrapper = styled.div`\n  margin-left: 15rem;\n  padding: 2rem;\n  width: 100%;\n  box-sizing: border-box;\n  font-size: 1rem;\n\n  a {\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  @media (max-width: 850px) {\n    margin-left: 0px;\n    padding-top: 65px;\n  }\n`;\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport 'react-tippy/dist/tippy.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\nreportWebVitals();\n"],"sourceRoot":""}