{"version":3,"sources":["webpack:///./src/components/timeline/timeline.module.css","webpack:///./node_modules/react-resize-detector/build/index.esm.js","webpack:///./src/components/sidebar/sidebar.module.css","webpack:///./src/components/stack/stack.js","webpack:///./src/components/timeline/timeline.js","webpack:///./src/pages/experience/experience.js","webpack:///./src/components/nav/nav.module.css","webpack:///./src/components/logos/smit_logo.js","webpack:///./src/components/logos/close_logo.js","webpack:///./src/components/nav/ham.js","webpack:///./src/components/sidebar/sidebar.js","webpack:///./src/components/nav/nav.js","webpack:///./src/pages/experience/experience.module.css"],"names":["module","exports","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","prototype","hasOwnProperty","call","__extends","TypeError","String","__","this","constructor","create","__assign","assign","t","s","i","n","arguments","length","apply","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","commonjsGlobal","globalThis","window","global","self","isObject_1","value","type","freeGlobal","freeSelf","root$2","Function","root$1","now_1","Date","now","reWhitespace","trimmedEndIndex","string","index","test","charAt","reTrimStart","_baseTrim","slice","replace","_Symbol","Symbol","Symbol$1","objectProto$1","nativeObjectToString$1","toString","symToStringTag$1","toStringTag","undefined","_getRawTag","isOwn","tag","unmasked","result","nativeObjectToString","getRawTag","objectToString","symToStringTag","baseGetTag","isObjectLike","baseTrim","isObject$2","isSymbol","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","parseInt","isObject$1","toNumber","other","valueOf","isBinary","nativeMax","Math","max","nativeMin","min","debounce_1","func","wait","options","lastArgs","lastThis","maxWait","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","invokeFunc","time","args","thisArg","leadingEdge","setTimeout","timerExpired","shouldInvoke","timeSinceLastCall","trailingEdge","timeWaiting","remainingWait","debounced","isInvoking","clearTimeout","cancel","flush","debounce","isObject","throttle_1","patchResizeHandler","resizeCallback","refreshMode","refreshRate","refreshOptions","isFunction","fn","isSSR","isDOMElement","element","Element","HTMLDocument","createNotifier","onResize","setSize","handleWidth","handleHeight","_a","width","height","prev","_super","ResizeDetector","props","_this","cancelHandler","resizeHandler","attachObserver","targetRef","observerOptions","current","getElement","observableElement","resizeObserver","observe","querySelector","targetDomEl","document","currentElement","getRenderType","parentElement","createResizeHandler","entries","_b","_c","notifyResize","setState","bind","forEach","entry","contentRect","skipOnMount","render","children","isArray","state","ResizeObserver","componentDidMount","componentDidUpdate","componentWillUnmount","disconnect","typedChildren","nodeType","WrapperTag","childProps","nativeProps","map","el","useEnhancedEffect","useResizeDetector","_d","skipResize","localRef","ref","_e","size","patchedResizeHandler","Stack","React","createElement","id","data-name","xmlns","viewBox","fill","transform","Timeline","_ref","activeIndex","hoverIndex","setHover","setActive","hover","grid","from","keys","key","style","border","includes","borderLeft","borderTop","borderBottom","borderRight","colors","years","endYear","_","className","styles","timeline","backgroundColor","transition","shopifyFt","onClick","onMouseOver","onMouseLeave","shopifyIntern","gmInfo","gmIt","school","dates","year","flexGrow","Header","title","color","COLOR","WHITE","font","FONT","MONO","CompanySection","role","roleTitle","department","departmentTitle","duration","notes","display","flexDirection","padding","paddingTop","Experience","setActiveIndex","useState","setHoverIndex","useCallback","winWidth","innerWidth","companyData","paddingBottom","name","container","nav","Nav","skills","skillsText","textContainer","BLACK","CAL_MED","AVENIR_MED","bullet","bulletLeft","bulletRight","skillsImage","experience","experienceTitle","experienceBox","experienceBoxTimeline","experienceBoxHistory","experienceBoxTitle","YELLOW","paddingInlineStart","experienceBoxList","cursor","experienceBoxInfo","maxHeight","companyContainer","navBottom","SmitLogo","cx","cy","r","points","stroke","strokeMiterlimit","strokeWidth","CloseLogo","Ham","opacity","y","Sidebar","flag","setDisplay","mobile","sidebar","close","button","HeaderUnderline","BLUE","link","PURPLE","PEACH","logoContainer","logo","gap","sectionContainer"],"mappings":"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","file":"component---src-pages-experience-experience-js-d9a8f043f9f3e258e1e2.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"timeline\":\"timeline-module--timeline--1DgK1\",\"shopifyFt\":\"timeline-module--shopify-ft--MQPPE\",\"shopifyIntern\":\"timeline-module--shopify-intern--FRJZL\",\"gmInfo\":\"timeline-module--gm-info--2Xw9n\",\"gmIt\":\"timeline-module--gm-it--2qrAw\",\"school\":\"timeline-module--school--1ykcy\",\"dates\":\"timeline-module--dates--11PmL\"};","import * as React from 'react';\nimport { cloneElement, isValidElement, createRef, PureComponent, Component, forwardRef, useRef, useState, useEffect, useLayoutEffect } from 'react';\nimport { findDOMNode } from 'react-dom'; /*! *****************************************************************************\r\n                                         Copyright (c) Microsoft Corporation.\r\n                                         Permission to use, copy, modify, and/or distribute this software for any\r\n                                         purpose with or without fee is hereby granted.\r\n                                         THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\n                                         REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\n                                         AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\n                                         INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\n                                         LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\n                                         OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\n                                         PERFORMANCE OF THIS SOFTWARE.\r\n                                         ***************************************************************************** */\n/* global Reflect, Promise */\n\nvar extendStatics = function (d, b) {\n  extendStatics = Object.setPrototypeOf || {\n    __proto__: []\n  } instanceof Array && function (d, b) {\n    d.__proto__ = b;\n  } || function (d, b) {\n    for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n  };\n  return extendStatics(d, b);\n};\nfunction __extends(d, b) {\n  if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n  extendStatics(d, b);\n  function __() {\n    this.constructor = d;\n  }\n  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\nvar __assign = function () {\n  __assign = Object.assign || function __assign(t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n    }\n    return t;\n  };\n  return __assign.apply(this, arguments);\n};\nfunction __rest(s, e) {\n  var t = {};\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n}\nvar commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; /**\n                                                                                                                                                                                                 * Checks if `value` is the\n                                                                                                                                                                                                 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n                                                                                                                                                                                                 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n                                                                                                                                                                                                 *\n                                                                                                                                                                                                 * @static\n                                                                                                                                                                                                 * @memberOf _\n                                                                                                                                                                                                 * @since 0.1.0\n                                                                                                                                                                                                 * @category Lang\n                                                                                                                                                                                                 * @param {*} value The value to check.\n                                                                                                                                                                                                 * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n                                                                                                                                                                                                 * @example\n                                                                                                                                                                                                 *\n                                                                                                                                                                                                 * _.isObject({});\n                                                                                                                                                                                                 * // => true\n                                                                                                                                                                                                 *\n                                                                                                                                                                                                 * _.isObject([1, 2, 3]);\n                                                                                                                                                                                                 * // => true\n                                                                                                                                                                                                 *\n                                                                                                                                                                                                 * _.isObject(_.noop);\n                                                                                                                                                                                                 * // => true\n                                                                                                                                                                                                 *\n                                                                                                                                                                                                 * _.isObject(null);\n                                                                                                                                                                                                 * // => false\n                                                                                                                                                                                                 */\n\nfunction isObject$3(value) {\n  var type = typeof value;\n  return value != null && (type == 'object' || type == 'function');\n}\nvar isObject_1 = isObject$3; /** Detect free variable `global` from Node.js. */\n\nvar freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;\nvar _freeGlobal = freeGlobal$1;\nvar freeGlobal = _freeGlobal;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root$2 = freeGlobal || freeSelf || Function('return this')();\nvar _root = root$2;\nvar root$1 = _root;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now$1 = function () {\n  return root$1.Date.now();\n};\nvar now_1 = now$1; /** Used to match a single whitespace character. */\n\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex$1(string) {\n  var index = string.length;\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\nvar _trimmedEndIndex = trimmedEndIndex$1;\nvar trimmedEndIndex = _trimmedEndIndex;\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim$1(string) {\n  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '') : string;\n}\nvar _baseTrim = baseTrim$1;\nvar root = _root;\n\n/** Built-in value references. */\nvar Symbol$2 = root.Symbol;\nvar _Symbol = Symbol$2;\nvar Symbol$1 = _Symbol;\n\n/** Used for built-in method references. */\nvar objectProto$1 = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto$1.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString$1 = objectProto$1.toString;\n\n/** Built-in value references. */\nvar symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag$1(value) {\n  var isOwn = hasOwnProperty.call(value, symToStringTag$1),\n    tag = value[symToStringTag$1];\n  try {\n    value[symToStringTag$1] = undefined;\n    var unmasked = true;\n  } catch (e) {}\n  var result = nativeObjectToString$1.call(value);\n  if (unmasked) {\n    if (isOwn) {\n      value[symToStringTag$1] = tag;\n    } else {\n      delete value[symToStringTag$1];\n    }\n  }\n  return result;\n}\nvar _getRawTag = getRawTag$1; /** Used for built-in method references. */\n\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString$1(value) {\n  return nativeObjectToString.call(value);\n}\nvar _objectToString = objectToString$1;\nvar Symbol = _Symbol,\n  getRawTag = _getRawTag,\n  objectToString = _objectToString;\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n  undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag$1(value) {\n  if (value == null) {\n    return value === undefined ? undefinedTag : nullTag;\n  }\n  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);\n}\nvar _baseGetTag = baseGetTag$1; /**\n                                * Checks if `value` is object-like. A value is object-like if it's not `null`\n                                * and has a `typeof` result of \"object\".\n                                *\n                                * @static\n                                * @memberOf _\n                                * @since 4.0.0\n                                * @category Lang\n                                * @param {*} value The value to check.\n                                * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n                                * @example\n                                *\n                                * _.isObjectLike({});\n                                * // => true\n                                *\n                                * _.isObjectLike([1, 2, 3]);\n                                * // => true\n                                *\n                                * _.isObjectLike(_.noop);\n                                * // => false\n                                *\n                                * _.isObjectLike(null);\n                                * // => false\n                                */\n\nfunction isObjectLike$1(value) {\n  return value != null && typeof value == 'object';\n}\nvar isObjectLike_1 = isObjectLike$1;\nvar baseGetTag = _baseGetTag,\n  isObjectLike = isObjectLike_1;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol$1(value) {\n  return typeof value == 'symbol' || isObjectLike(value) && baseGetTag(value) == symbolTag;\n}\nvar isSymbol_1 = isSymbol$1;\nvar baseTrim = _baseTrim,\n  isObject$2 = isObject_1,\n  isSymbol = isSymbol_1;\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber$1(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject$2(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject$2(other) ? other + '' : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;\n}\nvar toNumber_1 = toNumber$1;\nvar isObject$1 = isObject_1,\n  now = now_1,\n  toNumber = toNumber_1;\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT$1 = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n  nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce$1(func, wait, options) {\n  var lastArgs,\n    lastThis,\n    maxWait,\n    result,\n    timerId,\n    lastCallTime,\n    lastInvokeTime = 0,\n    leading = false,\n    maxing = false,\n    trailing = true;\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT$1);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject$1(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  function invokeFunc(time) {\n    var args = lastArgs,\n      thisArg = lastThis;\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n      timeSinceLastInvoke = time - lastInvokeTime,\n      timeWaiting = wait - timeSinceLastCall;\n    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;\n  }\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n      timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n  }\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n  function debounced() {\n    var time = now(),\n      isInvoking = shouldInvoke(time);\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        clearTimeout(timerId);\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\nvar debounce_1 = debounce$1;\nvar debounce = debounce_1,\n  isObject = isObject_1;\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n    trailing = true;\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\nvar throttle_1 = throttle;\nvar patchResizeHandler = function (resizeCallback, refreshMode, refreshRate, refreshOptions) {\n  switch (refreshMode) {\n    case 'debounce':\n      return debounce_1(resizeCallback, refreshRate, refreshOptions);\n    case 'throttle':\n      return throttle_1(resizeCallback, refreshRate, refreshOptions);\n    default:\n      return resizeCallback;\n  }\n};\nvar isFunction = function (fn) {\n  return typeof fn === 'function';\n};\nvar isSSR = function () {\n  return typeof window === 'undefined';\n};\nvar isDOMElement = function (element) {\n  return element instanceof Element || element instanceof HTMLDocument;\n};\nvar createNotifier = function (onResize, setSize, handleWidth, handleHeight) {\n  return function (_a) {\n    var width = _a.width,\n      height = _a.height;\n    setSize(function (prev) {\n      if (prev.width === width && prev.height === height) {\n        // skip if dimensions haven't changed\n        return prev;\n      }\n      if (prev.width === width && !handleHeight || prev.height === height && !handleWidth) {\n        // process `handleHeight/handleWidth` props\n        return prev;\n      }\n      if (onResize && isFunction(onResize)) {\n        onResize(width, height);\n      }\n      return {\n        width: width,\n        height: height\n      };\n    });\n  };\n};\nvar ResizeDetector = /** @class */function (_super) {\n  __extends(ResizeDetector, _super);\n  function ResizeDetector(props) {\n    var _this = _super.call(this, props) || this;\n    _this.cancelHandler = function () {\n      if (_this.resizeHandler && _this.resizeHandler.cancel) {\n        // cancel debounced handler\n        _this.resizeHandler.cancel();\n        _this.resizeHandler = null;\n      }\n    };\n    _this.attachObserver = function () {\n      var _a = _this.props,\n        targetRef = _a.targetRef,\n        observerOptions = _a.observerOptions;\n      if (isSSR()) {\n        return;\n      }\n      if (targetRef && targetRef.current) {\n        _this.targetRef.current = targetRef.current;\n      }\n      var element = _this.getElement();\n      if (!element) {\n        // can't find element to observe\n        return;\n      }\n      if (_this.observableElement && _this.observableElement === element) {\n        // element is already observed\n        return;\n      }\n      _this.observableElement = element;\n      _this.resizeObserver.observe(element, observerOptions);\n    };\n    _this.getElement = function () {\n      var _a = _this.props,\n        querySelector = _a.querySelector,\n        targetDomEl = _a.targetDomEl;\n      if (isSSR()) return null;\n      // in case we pass a querySelector\n      if (querySelector) return document.querySelector(querySelector);\n      // in case we pass a DOM element\n      if (targetDomEl && isDOMElement(targetDomEl)) return targetDomEl;\n      // in case we pass a React ref using React.createRef()\n      if (_this.targetRef && isDOMElement(_this.targetRef.current)) return _this.targetRef.current;\n      // the worse case when we don't receive any information from the parent and the library doesn't add any wrappers\n      // we have to use a deprecated `findDOMNode` method in order to find a DOM element to attach to\n      var currentElement = findDOMNode(_this);\n      if (!currentElement) return null;\n      var renderType = _this.getRenderType();\n      switch (renderType) {\n        case 'renderProp':\n          return currentElement;\n        case 'childFunction':\n          return currentElement;\n        case 'child':\n          return currentElement;\n        case 'childArray':\n          return currentElement;\n        default:\n          return currentElement.parentElement;\n      }\n    };\n    _this.createResizeHandler = function (entries) {\n      var _a = _this.props,\n        _b = _a.handleWidth,\n        handleWidth = _b === void 0 ? true : _b,\n        _c = _a.handleHeight,\n        handleHeight = _c === void 0 ? true : _c,\n        onResize = _a.onResize;\n      if (!handleWidth && !handleHeight) return;\n      var notifyResize = createNotifier(onResize, _this.setState.bind(_this), handleWidth, handleHeight);\n      entries.forEach(function (entry) {\n        var _a = entry && entry.contentRect || {},\n          width = _a.width,\n          height = _a.height;\n        var shouldSetSize = !_this.skipOnMount && !isSSR();\n        if (shouldSetSize) {\n          notifyResize({\n            width: width,\n            height: height\n          });\n        }\n        _this.skipOnMount = false;\n      });\n    };\n    _this.getRenderType = function () {\n      var _a = _this.props,\n        render = _a.render,\n        children = _a.children;\n      if (isFunction(render)) {\n        // DEPRECATED. Use `Child Function Pattern` instead\n        return 'renderProp';\n      }\n      if (isFunction(children)) {\n        return 'childFunction';\n      }\n      if (isValidElement(children)) {\n        return 'child';\n      }\n      if (Array.isArray(children)) {\n        // DEPRECATED. Wrap children with a single parent\n        return 'childArray';\n      }\n      // DEPRECATED. Use `Child Function Pattern` instead\n      return 'parent';\n    };\n    var skipOnMount = props.skipOnMount,\n      refreshMode = props.refreshMode,\n      _a = props.refreshRate,\n      refreshRate = _a === void 0 ? 1000 : _a,\n      refreshOptions = props.refreshOptions;\n    _this.state = {\n      width: undefined,\n      height: undefined\n    };\n    _this.skipOnMount = skipOnMount;\n    _this.targetRef = createRef();\n    _this.observableElement = null;\n    if (isSSR()) {\n      return _this;\n    }\n    _this.resizeHandler = patchResizeHandler(_this.createResizeHandler, refreshMode, refreshRate, refreshOptions);\n    _this.resizeObserver = new window.ResizeObserver(_this.resizeHandler);\n    return _this;\n  }\n  ResizeDetector.prototype.componentDidMount = function () {\n    this.attachObserver();\n  };\n  ResizeDetector.prototype.componentDidUpdate = function () {\n    this.attachObserver();\n  };\n  ResizeDetector.prototype.componentWillUnmount = function () {\n    if (isSSR()) {\n      return;\n    }\n    this.resizeObserver.disconnect();\n    this.cancelHandler();\n  };\n  ResizeDetector.prototype.render = function () {\n    var _a = this.props,\n      render = _a.render,\n      children = _a.children,\n      _b = _a.nodeType,\n      WrapperTag = _b === void 0 ? 'div' : _b;\n    var _c = this.state,\n      width = _c.width,\n      height = _c.height;\n    var childProps = {\n      width: width,\n      height: height,\n      targetRef: this.targetRef\n    };\n    var renderType = this.getRenderType();\n    var typedChildren;\n    switch (renderType) {\n      case 'renderProp':\n        return render && render(childProps);\n      case 'childFunction':\n        typedChildren = children;\n        return typedChildren(childProps);\n      case 'child':\n        // @TODO bug prone logic\n        typedChildren = children;\n        if (typedChildren.type && typeof typedChildren.type === 'string') {\n          // child is a native DOM elements such as div, span etc\n          childProps.targetRef;\n          var nativeProps = __rest(childProps, [\"targetRef\"]);\n          return cloneElement(typedChildren, nativeProps);\n        }\n        // class or functional component otherwise\n        return cloneElement(typedChildren, childProps);\n      case 'childArray':\n        typedChildren = children;\n        return typedChildren.map(function (el) {\n          return !!el && cloneElement(el, childProps);\n        });\n      default:\n        return React.createElement(WrapperTag, null);\n    }\n  };\n  return ResizeDetector;\n}(PureComponent);\nfunction withResizeDetector(ComponentInner, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  var ResizeDetectorHOC = /** @class */function (_super) {\n    __extends(ResizeDetectorHOC, _super);\n    function ResizeDetectorHOC() {\n      var _this = _super !== null && _super.apply(this, arguments) || this;\n      _this.ref = createRef();\n      return _this;\n    }\n    ResizeDetectorHOC.prototype.render = function () {\n      var _a = this.props,\n        forwardedRef = _a.forwardedRef,\n        rest = __rest(_a, [\"forwardedRef\"]);\n      var targetRef = forwardedRef !== null && forwardedRef !== void 0 ? forwardedRef : this.ref;\n      return React.createElement(ResizeDetector, __assign({}, options, {\n        targetRef: targetRef\n      }), React.createElement(ComponentInner, __assign({\n        targetRef: targetRef\n      }, rest)));\n    };\n    return ResizeDetectorHOC;\n  }(Component);\n  function forwardRefWrapper(props, ref) {\n    return React.createElement(ResizeDetectorHOC, __assign({}, props, {\n      forwardedRef: ref\n    }));\n  }\n  var name = ComponentInner.displayName || ComponentInner.name;\n  forwardRefWrapper.displayName = \"withResizeDetector(\".concat(name, \")\");\n  return forwardRef(forwardRefWrapper);\n}\nvar useEnhancedEffect = isSSR() ? useEffect : useLayoutEffect;\nfunction useResizeDetector(props) {\n  if (props === void 0) {\n    props = {};\n  }\n  var _a = props.skipOnMount,\n    skipOnMount = _a === void 0 ? false : _a,\n    refreshMode = props.refreshMode,\n    _b = props.refreshRate,\n    refreshRate = _b === void 0 ? 1000 : _b,\n    refreshOptions = props.refreshOptions,\n    _c = props.handleWidth,\n    handleWidth = _c === void 0 ? true : _c,\n    _d = props.handleHeight,\n    handleHeight = _d === void 0 ? true : _d,\n    targetRef = props.targetRef,\n    observerOptions = props.observerOptions,\n    onResize = props.onResize;\n  var skipResize = useRef(skipOnMount);\n  var localRef = useRef(null);\n  var ref = targetRef !== null && targetRef !== void 0 ? targetRef : localRef;\n  var resizeHandler = useRef();\n  var _e = useState({\n      width: undefined,\n      height: undefined\n    }),\n    size = _e[0],\n    setSize = _e[1];\n  useEnhancedEffect(function () {\n    if (isSSR()) {\n      return;\n    }\n    var notifyResize = createNotifier(onResize, setSize, handleWidth, handleHeight);\n    var resizeCallback = function (entries) {\n      if (!handleWidth && !handleHeight) return;\n      entries.forEach(function (entry) {\n        var _a = entry && entry.contentRect || {},\n          width = _a.width,\n          height = _a.height;\n        var shouldSetSize = !skipResize.current && !isSSR();\n        if (shouldSetSize) {\n          notifyResize({\n            width: width,\n            height: height\n          });\n        }\n        skipResize.current = false;\n      });\n    };\n    resizeHandler.current = patchResizeHandler(resizeCallback, refreshMode, refreshRate, refreshOptions);\n    var resizeObserver = new window.ResizeObserver(resizeHandler.current);\n    if (ref.current) {\n      // Something wrong with typings here...\n      resizeObserver.observe(ref.current, observerOptions);\n    }\n    return function () {\n      resizeObserver.disconnect();\n      var patchedResizeHandler = resizeHandler.current;\n      if (patchedResizeHandler && patchedResizeHandler.cancel) {\n        patchedResizeHandler.cancel();\n      }\n    };\n  }, [refreshMode, refreshRate, refreshOptions, handleWidth, handleHeight, onResize, observerOptions, ref.current]);\n  return __assign({\n    ref: ref\n  }, size);\n}\nexport { ResizeDetector as default, useResizeDetector, withResizeDetector };","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sidebar\":\"sidebar-module--sidebar--1WywX\",\"mobile\":\"sidebar-module--mobile--jCuT8\",\"close\":\"sidebar-module--close--1TVbz\",\"button\":\"sidebar-module--button--B5quy\",\"container\":\"sidebar-module--container--1DYXZ\"};","import React from \"react\";\n\nexport default function Stack() {\n    return (\n        <svg id=\"ac7c7e83-6f04-474f-8cb5-22e959dd642d\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 600 180\"><rect width=\"600\" height=\"180\" fill=\"#232323\"/><path d=\"M48.58,11.88H57L50.77,56.3a23.31,23.31,0,0,1-3.19,9.61,20.72,20.72,0,0,1-5.46,5.88,19.36,19.36,0,0,1-6.3,3,23.55,23.55,0,0,1-5.86.84q-6.55,0-10.57-3.38C16.7,70,15.28,66.57,15.1,62l8.39-1.84a8.32,8.32,0,0,0,2.11,5.53,7.17,7.17,0,0,0,5.45,2,10.06,10.06,0,0,0,5.22-1.23,10.38,10.38,0,0,0,3.38-3.21,15.4,15.4,0,0,0,2-4.52,39,39,0,0,0,1.06-5.18Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M90.81,11.88h7.6L116.25,74h-9.79l-4.11-15.36H72.89L64.67,74H54.88Zm9.53,39.41L92.82,22.76h-.18L76.91,51.29Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M120.44,11.88h9.71l11.1,50.56h.18l26-50.56h9.18L143.52,74h-7.86Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M199.39,11.88H207L224.83,74H215l-4.11-15.36H181.47L173.25,74h-9.79Zm9.53,39.41L201.4,22.76h-.18L185.49,51.29Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M219.26,153.32a16.74,16.74,0,0,1-.91,5.5,13.52,13.52,0,0,1-2.7,4.64,12.76,12.76,0,0,1-4.49,3.19,15.53,15.53,0,0,1-6.28,1.19,15.28,15.28,0,0,1-9.29-2.65q-3.61-2.64-4.76-8.41l8-1.9a6.56,6.56,0,0,0,1.92,3.8,5.29,5.29,0,0,0,3.75,1.42q3.65,0,5-2.47a14.76,14.76,0,0,0,1.31-6.82V118.59h8.51Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M245.07,118.59h7.36l20.6,48h-9.72l-4.46-11H238.11l-4.32,11h-9.53Zm10.81,29.71-7.37-19.53L241,148.3Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M268.64,118.59h9.8l13,36.29,13.44-36.29h9.19l-19.32,48h-7.36Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M331,118.59h7.36l20.6,48h-9.72l-4.46-11H324l-4.32,11h-9.53ZM341.8,148.3l-7.37-19.53-7.49,19.53Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M387.73,128.9a7.86,7.86,0,0,0-3.62-2.88,12.57,12.57,0,0,0-4.76-.92,12.32,12.32,0,0,0-2.87.34,7.82,7.82,0,0,0-2.5,1.09,5.71,5.71,0,0,0-1.79,1.93,5.6,5.6,0,0,0-.67,2.82A4.43,4.43,0,0,0,373.2,135a17,17,0,0,0,4.19,2.24q2.5.94,5.47,1.83a22.26,22.26,0,0,1,5.48,2.44,13.53,13.53,0,0,1,4.18,4.14,12.3,12.3,0,0,1,1.69,6.85,15.08,15.08,0,0,1-1.42,6.75A13.69,13.69,0,0,1,389,164a16.37,16.37,0,0,1-5.58,2.85,23.25,23.25,0,0,1-6.68,1,25.1,25.1,0,0,1-8.58-1.49,16.55,16.55,0,0,1-7.09-5l6.41-6.24a10.77,10.77,0,0,0,4.09,3.69,11.47,11.47,0,0,0,5.37,1.32,11.24,11.24,0,0,0,3-.4,9.2,9.2,0,0,0,2.7-1.22,6.46,6.46,0,0,0,2-2.07,5.53,5.53,0,0,0,.75-2.89,5,5,0,0,0-1.69-4.06,14.92,14.92,0,0,0-4.19-2.41q-2.51-1-5.47-1.87a22.89,22.89,0,0,1-5.47-2.41,13.11,13.11,0,0,1-4.19-4.07,12.09,12.09,0,0,1-1.69-6.81,13,13,0,0,1,1.52-6.45,14,14,0,0,1,4-4.51,17.46,17.46,0,0,1,5.65-2.68,24.35,24.35,0,0,1,6.48-.88,23.85,23.85,0,0,1,7.33,1.15,17.05,17.05,0,0,1,6.38,3.8Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M435.89,129.85a14.4,14.4,0,0,0-5.1-3.8,13.82,13.82,0,0,0-5-1,16.58,16.58,0,0,0-6.72,1.33,15.35,15.35,0,0,0-5.16,3.66,16.55,16.55,0,0,0-3.35,5.46,18.75,18.75,0,0,0-1.18,6.71,20.71,20.71,0,0,0,1.18,7.13,16.72,16.72,0,0,0,3.35,5.63,15.68,15.68,0,0,0,5.16,3.73,16.26,16.26,0,0,0,6.72,1.35,12.24,12.24,0,0,0,5.64-1.39,15.15,15.15,0,0,0,5.1-4.44l7,5a19.16,19.16,0,0,1-7.9,6.51,24.51,24.51,0,0,1-9.93,2,27.79,27.79,0,0,1-10.17-1.8,23.16,23.16,0,0,1-8-5.09,23.42,23.42,0,0,1-5.24-7.9,26.76,26.76,0,0,1-1.89-10.24,27.9,27.9,0,0,1,1.89-10.48,23.73,23.73,0,0,1,5.24-8,23.09,23.09,0,0,1,8-5.12,27.79,27.79,0,0,1,10.17-1.8,23.26,23.26,0,0,1,9,1.73,21,21,0,0,1,7.74,5.87Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M449.33,118.59H466a33.7,33.7,0,0,1,6.65.65,17,17,0,0,1,5.71,2.2,11.5,11.5,0,0,1,4,4.21,13.57,13.57,0,0,1,1.49,6.71,13.43,13.43,0,0,1-2.87,8.75,12.34,12.34,0,0,1-8.21,4.28l12.7,21.23H475.13l-11.07-20.35h-6.22v20.35h-8.51Zm15.13,20.35c1.22,0,2.43-.05,3.65-.17a11.05,11.05,0,0,0,3.34-.81,5.7,5.7,0,0,0,2.47-2,6.27,6.27,0,0,0,.94-3.7,6,6,0,0,0-.87-3.39,5.52,5.52,0,0,0-2.3-1.93,10.67,10.67,0,0,0-3.14-.85,29.77,29.77,0,0,0-3.35-.2h-7.36v13Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M491.68,118.59h8.51v48h-8.51Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M510.66,118.59h16.08a32.19,32.19,0,0,1,6.65.68,16.34,16.34,0,0,1,5.64,2.27,11.73,11.73,0,0,1,3.89,4.28,13.84,13.84,0,0,1,1.45,6.68,15,15,0,0,1-1.55,7.32,11.21,11.21,0,0,1-4.19,4.31,17.43,17.43,0,0,1-6.11,2.07,47.44,47.44,0,0,1-7.27.54h-6.08v19.88h-8.51Zm13.65,20.83c1.21,0,2.47,0,3.78-.14a11.55,11.55,0,0,0,3.61-.81,6.36,6.36,0,0,0,2.71-2,6.13,6.13,0,0,0,1-3.8,6,6,0,0,0-.94-3.56,6.23,6.23,0,0,0-2.43-2,10.32,10.32,0,0,0-3.31-.92,33.24,33.24,0,0,0-3.52-.2h-6.08v13.5Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M561.73,126.33H547.07v-7.74H584.9v7.74H570.24v40.29h-8.51Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M286.66,107.93a9.26,9.26,0,0,1-6.64-2.28,8.23,8.23,0,0,1-2.4-6.27V92.9a7.16,7.16,0,0,1,5.48-7.31l-.37-.52a18,18,0,0,1-2.32-4,10.25,10.25,0,0,1-.72-3.73,7.61,7.61,0,0,1,2.55-6A9.84,9.84,0,0,1,289,69.05a10.22,10.22,0,0,1,7.13,2.38,8.32,8.32,0,0,1,2.63,6.48h-4.65a4.58,4.58,0,0,0-1.37-3.55A5.31,5.31,0,0,0,289,73.09a4.78,4.78,0,0,0-3.38,1.17,4.07,4.07,0,0,0-1.27,3.13,8.31,8.31,0,0,0,.55,2.8,11.42,11.42,0,0,0,1.52,2.86l8.88,12.28L299,88.75h4.85L298,99.07l6,8.34h-5.12l-3.25-4.51Q291.81,107.94,286.66,107.93Zm.26-4.14a5.72,5.72,0,0,0,3.38-1.17,9.64,9.64,0,0,0,2.76-3.24l-7.59-10.53q-3.2.57-3.2,4.05v6.48a4.28,4.28,0,0,0,1.21,3.24A4.76,4.76,0,0,0,286.92,103.79Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M325.36,110.11a11,11,0,0,1-11.7-11.68V78A12,12,0,0,1,334,69.62a12.31,12.31,0,0,1,3.23,8.94h-2.91a9.93,9.93,0,0,0-2.42-7.07,9.66,9.66,0,0,0-13-.14A9.09,9.09,0,0,0,316.57,78V98.43a9.13,9.13,0,0,0,2.36,6.63,9.67,9.67,0,0,0,13-.18,10,10,0,0,0,2.39-7h2.91a12.31,12.31,0,0,1-3.23,8.94A11.5,11.5,0,0,1,325.36,110.11Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M360.21,110.11q-5.88,0-9.34-3.09a10.58,10.58,0,0,1-3.46-8.3h2.91a8.1,8.1,0,0,0,2.7,6.37,10.44,10.44,0,0,0,7.19,2.39,9.92,9.92,0,0,0,6.83-2.19,7.72,7.72,0,0,0,2.48-6.1,9.43,9.43,0,0,0-1.92-5.9,10,10,0,0,0-5.24-3.51l-4.89-1.46a12.81,12.81,0,0,1-6.54-4.3,11.25,11.25,0,0,1-2.36-7.15,9.86,9.86,0,0,1,3.17-7.71,12.26,12.26,0,0,1,8.53-2.87,11.68,11.68,0,0,1,8.46,3,10.87,10.87,0,0,1,3.11,8.21h-2.9a8.36,8.36,0,0,0-2.39-6.25,8.66,8.66,0,0,0-6.34-2.34,9.32,9.32,0,0,0-6.4,2,7.14,7.14,0,0,0-2.33,5.66,8.83,8.83,0,0,0,1.8,5.52,9.74,9.74,0,0,0,4.89,3.36L363.06,87a13.67,13.67,0,0,1,6.84,4.56A11.7,11.7,0,0,1,372.43,99a10.43,10.43,0,0,1-3.29,8.09Q365.86,110.12,360.21,110.11Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M395.12,110.11q-5.88,0-9.34-3.09a10.58,10.58,0,0,1-3.46-8.3h2.91a8.1,8.1,0,0,0,2.7,6.37,10.44,10.44,0,0,0,7.19,2.39,9.92,9.92,0,0,0,6.83-2.19,7.72,7.72,0,0,0,2.48-6.1,9.43,9.43,0,0,0-1.92-5.9,10,10,0,0,0-5.24-3.51l-4.89-1.46a12.81,12.81,0,0,1-6.54-4.3,11.25,11.25,0,0,1-2.36-7.15,9.86,9.86,0,0,1,3.17-7.71,12.26,12.26,0,0,1,8.53-2.87,11.68,11.68,0,0,1,8.46,3,10.87,10.87,0,0,1,3.11,8.21h-2.9a8.36,8.36,0,0,0-2.39-6.25,8.66,8.66,0,0,0-6.34-2.34,9.32,9.32,0,0,0-6.4,2,7.14,7.14,0,0,0-2.33,5.66,8.83,8.83,0,0,0,1.8,5.52,9.74,9.74,0,0,0,4.89,3.36L398,87a13.67,13.67,0,0,1,6.84,4.56A11.7,11.7,0,0,1,407.34,99a10.43,10.43,0,0,1-3.29,8.09Q400.77,110.12,395.12,110.11Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M274.77,57.54l7-44.24h6.52l-3,18.3h13l2.89-18.3h6.52l-7,44.24H294.2l3.14-19.88H284.43l-3.14,19.88Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M320.69,57.54l6-38.24H315l1-6H346l-1,6H333.25l-6,38.24Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M346,57.54l7-44.24h7.9l2.12,14.18c.24,1.38.42,2.66.54,3.85s.22,2.11.3,2.76c.2-.65.54-1.58,1-2.79s1-2.5,1.69-3.88l6.51-14.12h8.15l-7,44.24h-6.15l2.35-14.91q.42-2.91,1.15-6.39c.48-2.32,1-4.67,1.56-7s1.11-4.62,1.63-6.76,1-4,1.45-5.63l-9.83,21.51H360.1l-3.26-21.51c0,1.57-.12,3.4-.24,5.48s-.27,4.29-.45,6.64-.41,4.69-.67,7.06-.55,4.57-.87,6.63l-2.36,14.91Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M384.84,57.54l7-44.24h6.52l-6,38.24h19.25l-.9,6Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M25.27,87.74,21.68,108,45.26,87.74h4.28L28.79,105.48l14.58,21h-3.7l-13.33-19-5.41,4.55-2.45,14.46H15.27l6.79-38.77Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M63.68,127.08a13.76,13.76,0,0,1-10.78-4.71q-4.18-4.7-4.18-12.34a25,25,0,0,1,5.44-16,17,17,0,0,1,13.92-6.89A13.87,13.87,0,0,1,78.9,91.88q4.2,4.7,4.21,12.34a26.54,26.54,0,0,1-2.33,11,21.21,21.21,0,0,1-6.85,8.52A16.81,16.81,0,0,1,63.68,127.08Zm0-3a14,14,0,0,0,11.66-5.87,22.25,22.25,0,0,0,4.5-14,15.45,15.45,0,0,0-3.21-10.07,10.44,10.44,0,0,0-8.55-4,13.94,13.94,0,0,0-11.63,5.88A22.34,22.34,0,0,0,52,110a15.59,15.59,0,0,0,3.17,10.07A10.38,10.38,0,0,0,63.68,124Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M87,90.71l.5-3H119l-.57,3H104.3l-6.23,35.8h-3.2l6.22-35.8Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M119.39,126.51l6.79-38.77h3.2l-6.28,35.8H144l-.5,3Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M161,87.74l-6.79,38.77H151l6.79-38.77Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M199.74,87.74,193,126.51h-2.14l-17.67-34.1-5.91,34.1h-3.08l6.79-38.77h3l16.91,32.77,5.79-32.77Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M15.77,169.06V139h5v4.32h.08a5.38,5.38,0,0,1,1.95-3.5,6.35,6.35,0,0,1,4-1.23A6.89,6.89,0,0,1,32.28,141a9.27,9.27,0,0,1,2,6.3v6.12a9.35,9.35,0,0,1-2,6.34,6.89,6.89,0,0,1-5.45,2.34,6.3,6.3,0,0,1-4-1.25,5.43,5.43,0,0,1-1.95-3.48h-.12l.16,5.39v6.33ZM25,157.63a4.09,4.09,0,0,0,3.07-1.15,4.56,4.56,0,0,0,1.11-3.29v-5.68a4.56,4.56,0,0,0-1.11-3.29A4,4,0,0,0,25,143.07a4,4,0,0,0-3,1.17,4.56,4.56,0,0,0-1.11,3.27v5.68A4.56,4.56,0,0,0,22,156.46,4,4,0,0,0,25,157.63Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M48.9,169.06l3.16-8.64L43.66,139h5.61l4.18,11.56a23,23,0,0,1,.65,2.28c.22.89.39,1.62.5,2.2.13-.58.31-1.31.53-2.2s.44-1.65.65-2.28L59.72,139h5.4l-10.85,30Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M86.33,161.66a6.83,6.83,0,0,1-5-1.81,6.7,6.7,0,0,1-1.83-5V143.69h-6.1V139h6.1v-6.37h5.16V139h8.64v4.65H84.61v11.18A1.87,1.87,0,0,0,86.7,157h6.15v4.65Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M104.23,161.66v-30h5.12V139l-.12,4.32h.08a5.25,5.25,0,0,1,1.9-3.48,6.38,6.38,0,0,1,4.08-1.25,6.75,6.75,0,0,1,5.3,2.22,8.63,8.63,0,0,1,2,6v14.85h-5.12V147.35a4.33,4.33,0,0,0-1.09-3.17,4,4,0,0,0-3-1.11,3.89,3.89,0,0,0-3,1.15,4.64,4.64,0,0,0-1.08,3.29v14.15Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M142.85,162a9.57,9.57,0,0,1-6.86-2.41,8.44,8.44,0,0,1-2.56-6.47v-5.6a8.44,8.44,0,0,1,2.56-6.47,11,11,0,0,1,13.72,0,8.43,8.43,0,0,1,2.56,6.43v5.64a8.47,8.47,0,0,1-2.56,6.47A9.6,9.6,0,0,1,142.85,162Zm0-4.48a4.29,4.29,0,0,0,3.17-1.13,4.46,4.46,0,0,0,1.13-3.27v-5.6a4.46,4.46,0,0,0-1.13-3.27,5,5,0,0,0-6.35,0,4.46,4.46,0,0,0-1.12,3.27v5.6a4.46,4.46,0,0,0,1.12,3.27A4.3,4.3,0,0,0,142.85,157.55Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M163.2,161.66V139h5v4.32h.08a5.44,5.44,0,0,1,1.92-3.48,6.31,6.31,0,0,1,4.06-1.25,6.75,6.75,0,0,1,5.3,2.22,8.63,8.63,0,0,1,2,6v14.85h-5.12V147.35a4.33,4.33,0,0,0-1.09-3.17,4.47,4.47,0,0,0-5.94,0,4.64,4.64,0,0,0-1.08,3.29v14.15Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M425.88,46.76l-1.34,7H421L427.61,19h5.59l6.62,34.76H436l-1.34-7Zm.49-3.32h7.72l-3.91-20.06Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M452.18,53.77h-3.46V19h4.9l8,25.12V19H465V53.77h-4l-8.85-28.11Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M483,19c5.39,0,7.86,3.27,7.86,8.64V45.18c0,5.31-2.47,8.59-7.86,8.59h-8.11V19ZM483,50.24c2.77,0,4.1-1.74,4.1-4.92V27.45c0-3.18-1.33-4.92-4.15-4.92h-4.16V50.24Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M508.15,19c5.44,0,7.72,2.78,7.72,7.94v2.83c0,3.83-1.34,6.21-4.31,7.15,3.17,1,4.36,3.53,4.36,7.25v5.41a8.83,8.83,0,0,0,.69,4.18H512.7a9.26,9.26,0,0,1-.64-4.23V44.08c0-3.92-1.83-5.16-5-5.16H504.3V53.77h-3.86V19Zm-1,16.38c3.07,0,4.9-1,4.9-4.76V27.3c0-3.13-1.14-4.77-4-4.77H504.3V35.39Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M525.56,27.4c0-5.31,2.62-8.74,7.91-8.74s8,3.43,8,8.74v18c0,5.27-2.62,8.74-8,8.74s-7.91-3.47-7.91-8.74Zm3.8,18.17c0,3.18,1.34,5,4.11,5s4.1-1.84,4.1-5V27.2c0-3.13-1.28-5-4.1-5s-4.11,1.89-4.11,5Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M554.88,19V53.77H551V19Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M572.87,19c5.39,0,7.87,3.27,7.87,8.64V45.18c0,5.31-2.48,8.59-7.87,8.59h-8.11V19Zm0,31.23c2.77,0,4.11-1.74,4.11-4.92V27.45c0-3.18-1.34-4.92-4.16-4.92h-4.15V50.24Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M437.64,87.35H427.48l-2.84,16.8h-1.8l6.26-36.83h11.73a10.59,10.59,0,0,1,7.05,2.21,7.77,7.77,0,0,1,2.64,6.3,10.76,10.76,0,0,1-3,8,12.6,12.6,0,0,1-7.95,3.48l8,16.86H445.7Zm-7.08-18.24-2.79,16.5H438A11.27,11.27,0,0,0,445.85,83a9.2,9.2,0,0,0,2.87-7.2,6,6,0,0,0-2.17-5,9.72,9.72,0,0,0-6.19-1.74Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M460.5,67.32h21.65l-.35,1.79H462L459.4,84.29h18L477.1,86h-18l-2.79,16.32h19.85l-.29,1.8H454.23Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M502.06,67.32h1.62l7.2,36.83h-1.74l-2.5-12.9H490.1l-7.43,12.9h-2Zm.4,2.57L491.15,89.51h15.14Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M515.87,88.73a24.38,24.38,0,0,1,5-15.45,15.51,15.51,0,0,1,12.74-6.45,11.92,11.92,0,0,1,7.92,2.7,11,11,0,0,1,3.86,7.2h-1.68a9.88,9.88,0,0,0-10.1-8.1,13.89,13.89,0,0,0-11.35,5.82,22.5,22.5,0,0,0-4.55,14.28q0,6.36,3.19,10.23a10.37,10.37,0,0,0,8.41,3.87q8.37,0,11.84-8.1H543a15.16,15.16,0,0,1-5.28,7.26,13.75,13.75,0,0,1-8.36,2.64,12.2,12.2,0,0,1-9.72-4.38Q515.88,95.87,515.87,88.73Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M549.47,69.11l.35-1.79h28.79l-.35,1.79H564.74l-5.92,35H557l5.92-35Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M237,88.12H262.6v.71L239,105.5H262.6v1.25H237V105.5l22.69-16.13H237Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M240.29,63.77a15.84,15.84,0,0,1,19,0,10.66,10.66,0,0,1,0,16,15.84,15.84,0,0,1-19,0,10.66,10.66,0,0,1,0-16Zm18.1.92a14.79,14.79,0,0,0-17.18,0,9.26,9.26,0,0,0,0,14.19,14.73,14.73,0,0,0,17.14,0,9.28,9.28,0,0,0,0-14.19Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M262.6,55.45H237V48a12.1,12.1,0,0,1,3.51-9.05,14.32,14.32,0,0,1,18.6,0A12.13,12.13,0,0,1,262.6,48Zm-1.25-1.29V47.87a10.62,10.62,0,0,0-3.17-8,13.12,13.12,0,0,0-16.77,0,10.61,10.61,0,0,0-3.16,8v6.29Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/><path d=\"M237,30.33V14.71h1.26V29h10.5v-13H250V29h11.34V14.71h1.25V30.33Z\" transform=\"translate(0 -0.47)\" fill=\"#f0bf33\"/></svg>\n    );\n}","import React from \"react\"\nimport Header from \"../header/header\"\nimport styles from \"./timeline.module.css\"\nimport { COLOR, FONT } from \"../../styles/constants\"\n\nexport default function Timeline({\n  activeIndex,\n  hoverIndex,\n  setHover,\n  setActive,\n  hover,\n}) {\n  const array = Array.from(Array(222).keys())\n  const grid = array.map(index => {\n    // top right corner\n    if (index === 21) {\n      return <div key={index} style={{ border: \"0.25px solid #efedec\" }}></div>\n      // top row minus top right corner\n    } else if (\n      [\n        0,\n        1,\n        2,\n        3,\n        4,\n        5,\n        6,\n        7,\n        8,\n        9,\n        10,\n        11,\n        12,\n        13,\n        14,\n        15,\n        16,\n        17,\n        18,\n        19,\n        20,\n      ].includes(index)\n    ) {\n      return (\n        <div\n          key={index}\n          style={{\n            borderLeft: \"0.25px solid #efedec\",\n            borderTop: \"0.25px solid #efedec\",\n            borderBottom: \"0.25px solid #efedec\",\n          }}\n        ></div>\n      )\n      // right edge\n    } else if (\n      [41, 63, 82, 104, 124, 146, 167, 189, 199, 221].includes(index)\n    ) {\n      return (\n        <div\n          key={index}\n          style={{\n            borderBottom: \"0.25px solid  #efedec\",\n            borderLeft: \"0.25px solid  #efedec\",\n            borderRight: \"0.25px solid  #efedec\",\n          }}\n        ></div>\n      )\n    }\n    // remaining boxes\n    return (\n      <div\n        key={index}\n        style={{\n          borderLeft: \"0.25px solid #efedec\",\n          borderBottom: \"0.25px solid #efedec\",\n        }}\n      ></div>\n    )\n  })\n\n  const colors = [\"#b8b8b6\", \"#b8b8b6\", \"#b8b8b6\", \"#b8b8b6\", \"#b8b8b6\"]\n\n  // Update colors based on hoverIndex and activeIndex\n  if (hoverIndex !== -1) {\n    colors[hoverIndex] = \"#efedec\"\n  }\n\n  if (activeIndex !== -1) {\n    colors[activeIndex] = \"#ecc20f\"\n  }\n\n  const startYear = 2017\n  const endYear = 2027\n  const years = Array.from(\n    { length: endYear - startYear + 1 },\n    (_, index) => startYear + index\n  )\n\n  return (\n    <div style={{ height: \"100%\" }}>\n      <div className={styles.timeline}>\n        {grid}\n\n        <div\n          style={{\n            backgroundColor: `${colors[4]}`,\n            transition: \"background-color 0.2s\",\n          }}\n          className={styles.shopifyFt}\n          onClick={() => setActive(4)}\n          onMouseOver={() => hover(4)}\n          onMouseLeave={() => setHover(-1)}\n        />\n\n        <div\n          style={{\n            backgroundColor: `${colors[3]}`,\n            transition: \"background-color 0.2s\",\n          }}\n          className={styles.shopifyIntern}\n          onClick={() => setActive(3)}\n          onMouseOver={() => hover(3)}\n          onMouseLeave={() => setHover(-1)}\n        />\n\n        <div\n          style={{\n            backgroundColor: `${colors[2]}`,\n            transition: \"background-color 0.2s\",\n          }}\n          className={styles.gmInfo}\n          onClick={() => setActive(2)}\n          onMouseOver={() => hover(2)}\n          onMouseLeave={() => setHover(-1)}\n        />\n\n        <div\n          style={{\n            backgroundColor: `${colors[1]}`,\n            transition: \"background-color 0.2s\",\n          }}\n          className={styles.gmIt}\n          onClick={() => setActive(1)}\n          onMouseOver={() => hover(1)}\n          onMouseLeave={() => setHover(-1)}\n        />\n\n        <div\n          style={{\n            backgroundColor: `${colors[0]}`,\n            transition: \"background-color 0.2s\",\n          }}\n          className={styles.school}\n          onClick={() => setActive(0)}\n          onMouseOver={() => hover(0)}\n          onMouseLeave={() => setHover(-1)}\n        />\n      </div>\n\n      <div className={styles.dates}>\n        {years.map(year => (\n          <div key={year} style={{ flexGrow: \"1\" }}>\n            <Header\n              title={year.toString()}\n              color={COLOR.WHITE}\n              font={FONT.MONO}\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n","import React, { useState, useCallback } from \"react\"\nimport Nav from \"../../components/nav/nav\"\nimport Header from \"../../components/header/header\"\nimport Stack from \"../../components/stack/stack\"\nimport Timeline from \"../../components/timeline/timeline\"\nimport styles from \"./experience.module.css\"\nimport { useResizeDetector } from \"react-resize-detector\"\nimport { COLOR, FONT } from \"../../styles/constants\"\nimport \"animate.css\"\n\nfunction CompanySection({\n  role,\n  roleTitle = \"Role\",\n  department,\n  departmentTitle = \"Department\",\n  duration,\n  notes,\n}) {\n  return (\n    <div\n      className=\"xxs\"\n      style={{\n        flexGrow: \"1\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        padding: \"0.5rem\",\n      }}\n    >\n      <div style={{ display: \"flex\" }}>\n        <b>\n          <Header title={roleTitle} color={COLOR.WHITE} font={FONT.MONO} />\n        </b>\n        <Header title={`: ${role}`} color={COLOR.WHITE} font={FONT.MONO} />\n      </div>\n\n      <div style={{ display: \"flex\", padding: \"0.5rem 0\" }}>\n        <b>\n          <Header\n            title={departmentTitle}\n            color={COLOR.WHITE}\n            font={FONT.MONO}\n          />\n        </b>\n        <Header\n          title={`: ${department}`}\n          color={COLOR.WHITE}\n          font={FONT.MONO}\n        />\n      </div>\n\n      <div style={{ display: \"flex\" }}>\n        <b>\n          <Header title=\"Duration\" color={COLOR.WHITE} font={FONT.MONO} />\n        </b>\n        <Header title={`: ${duration}`} color={COLOR.WHITE} font={FONT.MONO} />\n      </div>\n\n      <b style={{ paddingTop: \"0.5rem\" }}>\n        <Header title=\"Overview:\" color={COLOR.WHITE} font={FONT.MONO} />\n      </b>\n\n      <div style={{ color: \"white\" }}>{notes}</div>\n    </div>\n  )\n}\n\nexport default function Experience() {\n  const [activeIndex, setActiveIndex] = useState(4)\n  const [hoverIndex, setHoverIndex] = useState(-1)\n  const onResize = useCallback(() => {\n    setActiveIndex(4)\n  }, [])\n  const { width, height, ref } = useResizeDetector({ onResize })\n\n  let winWidth = -1\n\n  if (typeof window !== \"undefined\") {\n    winWidth = window.innerWidth\n  }\n\n  const companyData = [\n    <CompanySection\n      role=\"Student (undergrad)\"\n      department=\"Computer Science & Physics\"\n      departmentTitle=\"Program\"\n      duration=\"Sept 2017 - April 2022 (Expected)\"\n      notes={\n        <ul>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Dean's List Fall 2017.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Entrance Scholarship $2000.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n        </ul>\n      }\n    />,\n\n    <CompanySection\n      role=\"IT Technician (intern)\"\n      department=\"IT - Site Services\"\n      duration=\"Sept 2018 - Dec 2018\"\n      notes={\n        <ul>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Worked closely with the IT Site Services team providing support to 100+ employees for end-user devices (PC’s, printers, scanners, mobile phones, and tablets).\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Provided support to both engineering and management which reduced daily ticket volume by 15%.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Completed the system migration project from Ubuntu 14.04 to Ubuntu 16.04 for 50+ developers in 1 week.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Technologies Used: Windows CMD, Linux Shell, Remote Access Tools (SSH, Windows Remote Desktop), Cisco Routers & Switches, MS Office.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n        </ul>\n      }\n    />,\n\n    <CompanySection\n      name=\"general motors\"\n      department=\"Infotainment - Tuner\"\n      role=\"Android Software Engineer (intern)\"\n      duration=\"May 2019 - Dec 2019\"\n      notes={\n        <ul>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Worked within the Tuner Team to develop and maintain tuner modules for 2022 GM vehicles.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Worked alongside another developer to provide QA team with new test app features that sped up interactive testing by 30%.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Worked closely with product owners to develop multi-user(user profiles) capabilities for radio application.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Technologies Used: Android SDK , Java, Linux, SCM Tools (Git, Jira, Gerrit, Jenkins, OpenGrok), MS Office.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n        </ul>\n      }\n    />,\n\n    <CompanySection\n      name=\"shopfiy (intern)\"\n      department=\"Mobile\"\n      role=\"Mobile Developer (intern)\"\n      duration=\"May 2022 -  June 2023\"\n      notes={\n        <ul>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Worked within the Engage Team, which was responsible for the customers and segmentation section of the Shopify mobile app.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Migrated the customer subscriptions section to React Native, marking it as one of the initial sections to transition to this platform.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Collaborated within a team to implement the customer merge feature, partnering closely with UX designers and project managers throughout the process.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Technologies Used: Android, iOS, React Native, GraphQL\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n        </ul>\n      }\n    />,\n\n    <CompanySection\n      name=\"shopfiy\"\n      department=\"Mobile\"\n      role=\"Mobile Developer\"\n      duration=\"June 2023 - Present\"\n      notes={\n        <ul>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Part of the Front Office team, which is responsible for the products section of the Shopify mobile app.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n          <li style={{ paddingBottom: \"0.5rem\" }}>\n            <Header\n              title=\"Technologies Used: Android, iOS, React Native, GraphQL, Splunk, Bugsnag, Observe Analytics.\"\n              font={FONT.MONO}\n              color={COLOR.WHITE}\n            />\n          </li>\n        </ul>\n      }\n    />,\n  ]\n\n  const colors = [\"#b8b8b6\", \"#b8b8b6\", \"#b8b8b6\", \"#b8b8b6\", \"#b8b8b6\"]\n\n  if (hoverIndex !== -1) {\n    colors[hoverIndex] = \"#efedec\"\n  }\n\n  if (activeIndex !== -1) {\n    colors[activeIndex] = \"#ecc20f\"\n  }\n\n  const hover = index => {\n    if (index !== activeIndex) {\n      setHoverIndex(index)\n    }\n  }\n\n  return (\n    <div id=\"experience\" className={styles.container}>\n      <div className={styles.nav}>\n        <Nav />\n      </div>\n\n      <div className={styles.skills}>\n        <div className={styles.skillsText}>\n          <div className={styles.textContainer}>\n            <div className=\"cal-l\">\n              <Header\n                title=\"about me\"\n                color={COLOR.BLACK}\n                font={FONT.CAL_MED}\n              />\n            </div>\n\n            <div className=\"xs\">\n              <Header\n                title=\"In high school, my fascination with software development began with my first computer programming class. Since then, \n                I've immersed myself in various facets of the field through industry experience, internships and personal projects. \n                Primarily, my focus lies in mobile app development, but here's a glimpse into my current areas of active interest:\"\n                color={COLOR.BLACK}\n                font={FONT.AVENIR_MED}\n              />\n\n              <div className={styles.bullet}>\n                <div className={styles.bulletLeft}>\n                  <Header\n                    title=\"&#9656; Android Apps\"\n                    color={COLOR.BLACK}\n                    font={FONT.AVENIR_MED}\n                  />\n                  <Header\n                    title=\"&#9656; React Native Apps\"\n                    color={COLOR.BLACK}\n                    font={FONT.AVENIR_MED}\n                  />\n                  <Header\n                    title=\"&#9656; iOS Apps\"\n                    color={COLOR.BLACK}\n                    font={FONT.AVENIR_MED}\n                  />\n                </div>\n                <div className={styles.bulletRight}>\n                  <Header\n                    title=\"&#9656; Web Apps\"\n                    color={COLOR.BLACK}\n                    font={FONT.AVENIR_MED}\n                  />\n                  <Header\n                    title=\"&#9656; Algorithms & Data Structures\"\n                    color={COLOR.BLACK}\n                    font={FONT.AVENIR_MED}\n                  />\n                  <Header\n                    title=\"&#9656; Cryptography\"\n                    color={COLOR.BLACK}\n                    font={FONT.AVENIR_MED}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className={styles.skillsImage}>\n          <Stack />\n        </div>\n      </div>\n\n      <div className={styles.experience}>\n        <div className={styles.experienceTitle}>\n          <div className=\"cal-l\">\n            <Header\n              title=\"experience\"\n              color={COLOR.BLACK}\n              font={FONT.CAL_MED}\n            />\n          </div>\n        </div>\n\n        <div className={styles.experienceBox}>\n          <div className={styles.experienceBoxTimeline}>\n            <Timeline\n              activeIndex={activeIndex}\n              hoverIndex={hoverIndex}\n              setHover={setHoverIndex}\n              setActive={setActiveIndex}\n              hover={hover}\n            />\n          </div>\n\n          <div className={styles.experienceBoxHistory} ref={ref}>\n            <div className={`${styles.experienceBoxTitle} cal-l`}>\n              <Header\n                title=\"HISTORY\"\n                color={COLOR.YELLOW}\n                font={FONT.CAL_MED}\n              />\n            </div>\n\n            <ul\n              style={{ paddingInlineStart: \"2rem\" }}\n              className={`${styles.experienceBoxList} xs`}\n            >\n              <li\n                onClick={() => setActiveIndex(0)}\n                onMouseOver={() => hover(0)}\n                onMouseLeave={() => setHoverIndex(-1)}\n                style={{\n                  color: `${colors[0]}`,\n                  cursor: \"pointer\",\n                  transition: \"color 0.1s\",\n                }}\n              >\n                <Header title=\"University of Toronto\" font={FONT.MONO} />\n              </li>\n              <li\n                onClick={() => setActiveIndex(1)}\n                onMouseOver={() => hover(1)}\n                onMouseLeave={() => setHoverIndex(-1)}\n                style={{\n                  color: `${colors[1]}`,\n                  cursor: \"pointer\",\n                  transition: \"color 0.1s\",\n                }}\n              >\n                <Header title=\"General Motors - IT\" font={FONT.MONO} />\n              </li>\n              <li\n                onClick={() => setActiveIndex(2)}\n                onMouseOver={() => hover(2)}\n                onMouseLeave={() => setHoverIndex(-1)}\n                style={{\n                  color: `${colors[2]}`,\n                  cursor: \"pointer\",\n                  transition: \"color 0.1s\",\n                }}\n              >\n                <Header\n                  title=\"General Motors - Infotainment\"\n                  font={FONT.MONO}\n                />\n              </li>\n              <li\n                onClick={() => setActiveIndex(3)}\n                onMouseOver={() => hover(3)}\n                onMouseLeave={() => setHoverIndex(-1)}\n                style={{\n                  color: `${colors[3]}`,\n                  cursor: \"pointer\",\n                  transition: \"color 0.1s\",\n                }}\n              >\n                <Header title=\"Shopify - Intern\" font={FONT.MONO} />\n              </li>\n              <li\n                onClick={() => setActiveIndex(4)}\n                onMouseOver={() => hover(4)}\n                onMouseLeave={() => setHoverIndex(-1)}\n                style={{\n                  color: `${colors[4]}`,\n                  cursor: \"pointer\",\n                  transition: \"color 0.1s\",\n                }}\n              >\n                <Header title=\"Shopify - Fulltime\" font={FONT.MONO} />\n              </li>\n            </ul>\n          </div>\n\n          <div className={`${styles.experienceBoxInfo} xs`}>\n            <div\n              style={{\n                maxHeight: `${\n                  winWidth > 1300 && winWidth > 0 ? `${height}px` : \"none\"\n                }`,\n              }}\n              className={styles.companyContainer}\n            >\n              {companyData[activeIndex]}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className={styles.navBottom}>\n        <Nav />\n      </div>\n    </div>\n  )\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"nav-module--container--1_Xt-\",\"sectionContainer\":\"nav-module--section-container--1848X\",\"logoContainer\":\"nav-module--logo-container--3vz8M\",\"gap\":\"nav-module--gap--3T5t2\",\"logo\":\"nav-module--logo--2ImWq\"};","import React from \"react\";\n\nexport default function SmitLogo() {\n    return (\n        <svg id=\"a6c4ed77-535c-4cea-988d-3dcda40618d4\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\n            <circle cx=\"50\" cy=\"50\" r=\"49.5\" fill=\"#000000\"/>\n            <polygon points=\"53.08 29.49 53.08 37.7 61.28 37.7 61.28 43.85 71.53 43.85 71.53 37.7 71.53 36.22 71.53 29.49 53.08 29.49\" fill=\"#f1f1f2\" stroke=\"#231f20\" strokeMiterlimit=\"10\" strokeWidth=\"0.25\"/><polygon points=\"38.72 56.15 28.47 56.15 28.47 62.3 28.47 63.78 28.47 70.51 46.92 70.51 46.92 62.3 38.72 62.3 38.72 56.15\" fill=\"#f1f1f2\" stroke=\"#231f20\" strokeMiterlimit=\"10\" strokeWidth=\"0.25\"/><polygon points=\"51.02 45.9 48.98 45.9 38.72 45.9 38.72 37.7 51.02 37.7 51.02 29.49 38.72 29.49 28.47 29.49 28.47 37.7 28.47 45.9 28.47 54.1 38.72 54.1 48.98 54.1 51.02 54.1 61.28 54.1 61.28 62.3 48.98 62.3 48.98 70.51 61.28 70.51 71.53 70.51 71.53 62.3 71.53 54.1 71.53 45.9 61.28 45.9 51.02 45.9\" fill=\"#f1f1f2\" stroke=\"#231f20\" strokeMiterlimit=\"10\" strokeWidth=\"0.25\"/>\n        </svg>\n    );\n}","import React from \"react\";\n\nexport default function CloseLogo() {\n    return (\n        <svg id=\"fd793292-a08a-41e9-b4d5-076433fd2241\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M24,21l-9.18-9.09,9.09-9.18L21,0,11.94,9.13,2.76.05,0,2.86,9.14,12,0,21.14,2.85,24,12,14.76l9.18,9.1Z\" transform=\"translate(0.05 0.05)\" fill=\"#efedec\"/>\n        </svg>    \n        );\n}","import React from \"react\";\n\nexport default function Ham() {\n    return (\n        <svg id=\"ae52f0ca-5350-473e-9e98-850d6e381ba6\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M24,6H0V2H24Zm0,4H0v4H24Zm0,8H0v4H24Z\" fill=\"#efedec\"/><rect width=\"24\" height=\"2\" opacity=\"0\"/><rect y=\"22\" width=\"24\" height=\"2\" opacity=\"0\"/></svg>\n    );\n}","import React, {useState} from \"react\";\nimport styles from \"./sidebar.module.css\";\nimport HeaderUnderline from \"../header_underline/header_underline\";\nimport CloseLogo from \"../logos/close_logo\";\nimport {COLOR} from \"../../styles/constants\";\nimport Ham from \"../nav/ham\";\n\nexport default function Sidebar(flag) {\n    const [display, setDisplay] = useState('100%');\n\n    return (\n        <div>\n            <span className={styles.mobile} onClick={() => setDisplay('0%')}>\n                <Ham/>\n            </span>\n            <aside>\n                <div className={styles.sidebar} style={{transform:`translateX(${display})`}}>\n\n                    <div className={styles.close} onClick={() => setDisplay('100%')} >\n                        <span className={styles.button}>\n                            <CloseLogo/>\n                        </span>\n                    </div>\n                    <nav className={`${styles.container} cal-l`}>\n                        <HeaderUnderline title='home' color={COLOR.BLUE} link='home'/>\n                        <HeaderUnderline title='experience' color={COLOR.YELLOW} link='experience'/>\n                        <HeaderUnderline title='projects' color={COLOR.PURPLE} link='project'/>\n                        <HeaderUnderline title='contact' color={COLOR.PEACH} link='contact'/>\n                    </nav>\n                </div>\n            </aside>\n        </div>\n    );\n}","import React from \"react\"\nimport HeaderUnderline from \"../header_underline/header_underline\"\nimport SmitLogo from \"../logos/smit_logo\"\nimport Sidebar from \"../sidebar/sidebar\"\nimport styles from \"./nav.module.css\"\nimport { COLOR } from \"../../styles/constants\"\n\nexport default function Nav() {\n  return (\n    <div>\n      <div className={styles.container}>\n        <span className={styles.logoContainer}>\n          <span className={styles.logo}>\n            <SmitLogo />\n          </span>\n        </span>\n\n        <span className={styles.gap}></span>\n\n        <span className={`${styles.sectionContainer} m`}>\n          <HeaderUnderline title=\"home\" color={COLOR.BLUE} link=\"home\" />\n          <HeaderUnderline\n            title=\"experience\"\n            color={COLOR.YELLOW}\n            link=\"experience\"\n          />\n          <HeaderUnderline\n            title=\"projects\"\n            color={COLOR.PURPLE}\n            link=\"project\"\n          />\n          <HeaderUnderline title=\"contact\" color={COLOR.PEACH} link=\"contact\" />\n        </span>\n\n        <Sidebar />\n      </div>\n    </div>\n  )\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"experience-module--container--18myV\",\"nav\":\"experience-module--nav--2FTlN\",\"navBottom\":\"experience-module--nav-bottom--3Fa7O\",\"skills\":\"experience-module--skills--1Ek_9\",\"skillsText\":\"experience-module--skills-text--ytsDl\",\"textContainer\":\"experience-module--textContainer--3iD6r\",\"bullet\":\"experience-module--bullet--vLTlq\",\"bulletLeft\":\"experience-module--bulletLeft--2TGUj\",\"bulletRight\":\"experience-module--bulletRight--lr5W5\",\"skillsImage\":\"experience-module--skills-image--1XIQP\",\"experience\":\"experience-module--experience--2Wvxi\",\"experienceTitle\":\"experience-module--experience-title--1ob2r\",\"experienceBox\":\"experience-module--experience-box--QN9bc\",\"companyContainer\":\"experience-module--company-container--1Mj3i\",\"experienceBoxTimeline\":\"experience-module--experience-box-timeline--2nwX6\",\"experienceBoxHistory\":\"experience-module--experience-box-history--YUnwl\",\"experienceBoxTitle\":\"experience-module--experience-box-title--17xJF\",\"experienceBoxInfo\":\"experience-module--experience-box-info--K6q5i\",\"companyBody\":\"experience-module--company-body--27i-c\"};"],"sourceRoot":""}