{"version":3,"sources":["routes/detail/detail.module.less","App.module.less","routes/indexGuide/indexGuide.js","routes/information/information.js","routes/thumbnails/thumbnails.js","routes/detail/detail.js","routes/album/detail.js","App.js","serviceWorker.js","index.js","routes/information/information.module.less","routes/thumbnails/thumbnails.module.less","routes/indexGuide/indexGuide.module.less","routes/album/detail.module.less"],"names":["module","exports","wrapper","imgBox","statements","stateWrapper","stateParah","statementUnfold","unfold","statementFold","fold","imgFadeIn","prev","next","leftBottom","iconPlus","iconMinus","rightBottom","albumName","enterContainer","navContainer","darkColor","navLeft","indexName","navLeftDropdown","navRight","pages","IndexGuide","props","_this","Object","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","init","count","added","titlesArr","config","data","map","item","index","children","length","id","name","childPicUrl","url","setState","state","curImgIndex","imgContainerRef","ref","refDom","_this2","containerW","offsetWidth","containerH","offsetHeight","randomW","randomH","react_default","a","createElement","className","styles","container","titles","key","onMouseEnter","onClick","history","push","concat","showPhotoRandom","style","left","Math","random","top","src","alt","Component","Infomation","contaner","imgContainer","textContainer","mb15","mb55","href","color","Thumbnails","keyUpFun","e","keyCode","handleScrollUp","handleScrollDown","wrapperRef","React","createRef","changeColorFun","document","addEventListener","removeEventListener","scrollTop","isTablet","window","innerWidth","isMobile","forEach","parent","height","tablet_height","web_height","child","numInAll","react_perfect_scrollbar_lib_default","containerRef","speed","wrapper_inside","NavLink","to","pathname","DetailPage","urlList","statementListObj","pindex","statement","cindex","parentId","parentName","picName","numInAlbum","albumIndex","objectSpread","numInAllStr","jumpToDetail","str","numToMove","numNow","getCurPicIndex","isShowed","setTimeout","t","assertThisInitialized","isFolded","jumpToAlbum","infoItemObj","routePathname","location","infoStr","substring","Number","undefined","throttle","timeout","imgBoxRef","_classNames","leftPosition","clientWidth","onLoad","classNames","defineProperty","Array","isArray","display","DetailAlbum","getCurAlbumIndex","handleScrolling","scrollLeft","step","listData","startRef","interval","clearInterval","list","toConsumableArray","aListRef","querySelectorAll","parentNode","setInterval","getBoundingClientRect","_this3","component","data-img","Router4Transition","changeFontColor","bool","darkFontColor","BrowserRouter","exact","Route","path","App_Entry","assign","Index","Info","Thumb","Album","Detail","Entry","wrapAnimation","_Component2","apply","arguments","inherits","createClass","value","Information","WrappedComponent","_Component3","_class","react_transition_group","in","match","enter","enterActive","exit","exitActive","mountOnEnter","unmountOnExit","Boolean","hostname","ReactDOM","render","App_Router4Transition","getElementById","navigator","serviceWorker","ready","then","registration","unregister","fadeout","fadein"],"mappings":"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","file":"static/js/main.f7e21419.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"detail_wrapper__2hSHp\",\"imgBox\":\"detail_imgBox__1tTuD\",\"statements\":\"detail_statements__TI0lK\",\"stateWrapper\":\"detail_stateWrapper__2xXLf\",\"stateParah\":\"detail_stateParah__1k88l\",\"statementUnfold\":\"detail_statementUnfold__O3d16\",\"unfold\":\"detail_unfold__3nPcw\",\"statementFold\":\"detail_statementFold__Yw1Nt\",\"fold\":\"detail_fold__2l-sm\",\"imgFadeIn\":\"detail_imgFadeIn__2uxwz\",\"prev\":\"detail_prev__3HrR0\",\"next\":\"detail_next__2Or7l\",\"leftBottom\":\"detail_leftBottom__1f8k9\",\"iconPlus\":\"detail_iconPlus__3Ysfh\",\"iconMinus\":\"detail_iconMinus__1Ip0x\",\"rightBottom\":\"detail_rightBottom__69g5Y\",\"albumName\":\"detail_albumName__DOYvE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"App_wrapper__J4nIv\",\"enterContainer\":\"App_enterContainer__1pYEQ\",\"navContainer\":\"App_navContainer__1Wakr\",\"darkColor\":\"App_darkColor__1msmc\",\"navLeft\":\"App_navLeft__2LKtl\",\"indexName\":\"App_indexName__mWJHN\",\"navLeftDropdown\":\"App_navLeftDropdown__44Q7-\",\"navRight\":\"App_navRight__1SVCK\",\"pages\":\"App_pages__35o3W\"};","import React, { Component } from \"react\";\r\nimport styles from \"./indexGuide.module.less\";\r\n// import {config} from '../../config/config';\r\nimport \"animate.css/animate.min.css\";\r\n\r\nexport default class IndexGuide extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      curImgIndex: 1,\r\n      titlesArr: []\r\n    };\r\n    this.imgContainerRef = ref => {\r\n      this.refDom = ref;\r\n    }; //获取dom\r\n  }\r\n\r\n  UNSAFE_componentWillMount() {\r\n    // this.props.changeColorFun(true);\r\n    this.init();\r\n  }\r\n\r\n  init = () => {\r\n    let count = 1,\r\n      added = 0;\r\n    let titlesArr = config.data.map((item, index) => {\r\n      count = count + added;\r\n      added = item.children.length;\r\n\r\n      return {\r\n        id: item.id,\r\n        name: item.name,\r\n        count: count,\r\n        childPicUrl: item.children.length > 0 ? item.children[0].url : \"\"\r\n      };\r\n    });\r\n\r\n    this.setState({\r\n      titlesArr\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const { titlesArr } = this.state;\r\n    let containerW = this.refDom && this.refDom.offsetWidth;\r\n    let containerH = this.refDom && this.refDom.offsetHeight;\r\n    let randomW = containerW ? containerW * (1 - 0.45) : 800;\r\n    let randomH = containerH ? containerH * (1 - 0.75) : 100;\r\n\r\n    return (\r\n      <div className={styles.container} ref={this.imgContainerRef}>\r\n        <div className={styles.titles}>\r\n          {titlesArr.map((item, index) => {\r\n            return (\r\n              <p\r\n                key={index}\r\n                onMouseEnter={() => {\r\n                  this.setState({ curImgIndex: index });\r\n                }}\r\n                onClick={() => {\r\n                  this.props.history.push(`/detail/${item.count}`);\r\n                }}\r\n              >\r\n                {item.name + \" / \"}\r\n              </p>\r\n            );\r\n          })}\r\n        </div>\r\n        <div\r\n          className={styles.showPhotoRandom}\r\n          style={{ left: Math.random() * randomW, top: Math.random() * randomH }}\r\n          key={this.state.curImgIndex}\r\n        >\r\n          <img src={titlesArr[this.state.curImgIndex].childPicUrl} alt=\"\" />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport styles from \"./information.module.less\";\r\n\r\nexport default class Infomation extends Component {\r\n  render() {\r\n    return (\r\n      <div className={styles.wrapper}>\r\n        <div className={styles.contaner}>\r\n          <div className={styles.imgContainer}>\r\n            <img src=\"\" alt=\"\" />\r\n          </div>\r\n          <div className={styles.textContainer}>\r\n            <div className={styles.mb15}>\r\n              <p>Yingda Xu(徐英达) is a Chinese film photographer and graphic designer currently based in Guangzhou, China.</p>\r\n              <p>In 2015, he graduated from Swinburne University in Melbourne, Australia with a bachelor of Visual Communication Design specialising in Photography.</p>\r\n            </div>\r\n            <p className={styles.mb15}>For business inquiries please contact me via email.</p>\r\n            <div className={styles.mb55}>\r\n              <p>\r\n                <b>Email:</b> yingdaxu@outlook.com\r\n              </p>\r\n              <p>\r\n                <b>Wechat:</b> Shawnxu92\r\n              </p>\r\n              <p>\r\n                <b>Instagram: </b>\r\n                <a href=\"https://www.instagram.com/whatisthisstyle/\" style={{ color: \"black\" }}>\r\n                  Whatisthisstyle\r\n                </a>\r\n              </p>\r\n            </div>\r\n            <div>\r\n              <p>\r\n                <b>Exhibitions:</b>\r\n              </p>\r\n\r\n              <p>\r\n                <a href=\"https://www.instagram.com/roserougetokyo/\" style={{ color: \"black\" }}>\r\n                  Rose Rogue Tokyo 2019 (Japan)\r\n                </a>\r\n              </p>\r\n              <p>\r\n                <a href=\"https://palmstudios.co.uk/palm-photo-prize-18/palm-photo-prize-2018/\" style={{ color: \"black\" }}>\r\n                  Palm Photo Prize 2018 (London)\r\n                </a>\r\n              </p>\r\n            </div>\r\n\r\n            <div>\r\n              <p>\r\n                <b>Press:</b>\r\n              </p>\r\n              <p>\r\n                <a href=\"https://www.aint-bad.com/article/2018/01/13/yindga-xu/\" style={{ color: \"black\" }}>\r\n                  Aint-bad,{\" \"}\r\n                </a>\r\n                Ayemag, Pample-Mousse, Altair Zine\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport styles from \"./thumbnails.module.less\";\r\nimport \"react-perfect-scrollbar/dist/css/styles.css\";\r\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nexport default class Thumbnails extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.wrapperRef = React.createRef();\r\n  }\r\n\r\n  UNSAFE_componentWillMount() {\r\n    this.props.changeColorFun(true);\r\n  }\r\n\r\n  componentDidMount() {\r\n    document.addEventListener(\"keydown\", this.keyUpFun); //绑定键盘事件\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    document.removeEventListener(\"keydown\", this.keyUpFun);\r\n  }\r\n\r\n  //键盘事件\r\n  keyUpFun = (e) => {\r\n    switch (e.keyCode) {\r\n      //UP\r\n      case 38:\r\n        this.handleScrollUp();\r\n        break;\r\n      //DOWN\r\n      case 40:\r\n        this.handleScrollDown();\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  handleScrollUp() {\r\n    this.wrapperRef.scrollTop = (this.wrapperRef.scrollTop || 0) - 80;\r\n  }\r\n\r\n  handleScrollDown() {\r\n    this.wrapperRef.scrollTop = (this.wrapperRef.scrollTop || 0) + 80;\r\n  }\r\n\r\n  render() {\r\n    const isTablet = window.innerWidth < 1028 && window.innerWidth > 600;\r\n    const isMobile = window.innerWidth <= 600;\r\n    let count = 0;\r\n    config.data.forEach((parent) => {\r\n      if (parent && parent.children) {\r\n        parent.height = isTablet ? parent.tablet_height || 139 : parent.web_height || 149;\r\n        parent.children.forEach((child) => {\r\n          count++;\r\n          child.numInAll = count;\r\n        });\r\n      }\r\n    });\r\n\r\n    return (\r\n      <div className={styles.wrapper}>\r\n        <PerfectScrollbar\r\n          containerRef={(ref) => {\r\n            this.wrapperRef = ref;\r\n          }}\r\n          speed={0.8}\r\n          className={styles.wrapper_inside}\r\n        >\r\n          {config.data.map((parent, index) => {\r\n            return (\r\n              <div className={styles.container} key={`parent_${index}`}>\r\n                {parent.children.map((item, index) => {\r\n                  return (\r\n                    <NavLink\r\n                      key={`child_${index}`}\r\n                      className={styles.item}\r\n                      style={{ height: isMobile ? \"unset\" : parent.height + \"px\" }}\r\n                      to={{\r\n                        pathname: `/detail/${item.numInAll}`,\r\n                      }}\r\n                    >\r\n                      <img src={item.url} alt=\"\" style={{ height: isMobile ? \"unset\" : parent.height + \"px\" }} />\r\n                    </NavLink>\r\n                  );\r\n                })}\r\n              </div>\r\n            );\r\n          })}\r\n        </PerfectScrollbar>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport styles from \"./detail.module.less\";\r\nimport classNames from \"classnames\";\r\n// import {config} from '/config.js';\r\n\r\nexport default class DetailPage extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      urlList: [],\r\n      count: null,\r\n      statementListObj: undefined,\r\n      isShowed: true,\r\n      isFolded: \"init\",\r\n      throttle: true, //statement点击节流\r\n      timeout: null,\r\n    };\r\n    this.imgBoxRef = ref => {\r\n      this.refDom = ref;\r\n    }; //获取dom\r\n  }\r\n\r\n  init = () => {\r\n    let urlList = [],\r\n      statementListObj = {};\r\n    let count = 0;\r\n    config.data.forEach((parent, pindex) => {\r\n      if (!!parent && !!parent.name && parent.statement.length > 0 && !statementListObj[parent.name]) {\r\n        statementListObj[parent.name] = parent.statement;\r\n      }\r\n      if (parent && parent.children) {\r\n        parent.children.forEach((child, cindex) => {\r\n          count++;\r\n          urlList.push({\r\n            parentId: parent.id,\r\n            parentName: parent.name,\r\n            url: child.url,\r\n            picName: child.name,\r\n            numInAlbum: cindex,\r\n            numInAll: count,\r\n            albumIndex: pindex,\r\n          });\r\n        });\r\n      }\r\n    });\r\n    urlList = urlList.map(item => ({ ...item, numInAllStr: `${item.numInAll} / ${count}` }));\r\n    this.setState({\r\n      urlList, //图片List\r\n      count, //图片总个数\r\n      statementListObj //相册statement\r\n    });\r\n  };\r\n\r\n  jumpToDetail = str => {\r\n    let numNow = this.getCurPicIndex();\r\n    let numToMove;\r\n    if (str === \"left\") {\r\n      numToMove = numNow === 1 ? this.state.count : numNow - 1;\r\n    } else if (str === \"right\") {\r\n      numToMove = numNow === this.state.count ? 1 : numNow + 1;\r\n    }\r\n    this.setState({ isShowed: false });\r\n    setTimeout(() => {\r\n      this.props.history.push(`/detail/${numToMove}`);\r\n    }, 500);\r\n  };\r\n  //键盘事件\r\n  keyUpFun = e => {\r\n    const t = this;\r\n    switch (e.keyCode) {\r\n      case 37:\r\n        t.state.isFolded !== \"false\" && t.jumpToDetail(\"left\"); //只有statement未打开的时候才能换图片\r\n        break;\r\n      case 39:\r\n        t.state.isFolded !== \"false\" && t.jumpToDetail(\"right\");\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  jumpToAlbum = () => {\r\n    // jump to album page\r\n    let numNow = this.getCurPicIndex();\r\n    const infoItemObj = this.state.urlList[numNow - 1];\r\n    infoItemObj && this.props.history.push(`/album/${infoItemObj.albumIndex + 1}`);\r\n  }\r\n\r\n  getCurPicIndex = () => {\r\n    const routePathname = this.props.history.location.pathname; //获取路由上第几张图片\r\n    let infoStr = routePathname.substring(0, 8) === \"/detail/\" ? routePathname.substring(8) : \"\";\r\n    return Number(infoStr);\r\n  };\r\n\r\n  UNSAFE_componentWillMount() {\r\n    this.props.changeColorFun(true);\r\n    this.init();\r\n  }\r\n\r\n  componentDidMount() {\r\n    document.addEventListener(\"keyup\", this.keyUpFun); //绑定键盘事件\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    document.removeEventListener(\"keyup\", this.keyUpFun);\r\n  }\r\n\r\n  render() {\r\n    //循环所有图片的配置 和添加需要用的字段，获取url中路由参数(第几张图片) 筛选出需要显示的图片的参数obj\r\n    const t = this;\r\n    let numNow = t.getCurPicIndex();\r\n    const infoItemObj = t.state.urlList[numNow - 1];\r\n    let leftPosition = 250; //默认居中的位置  绝对定位的left属性\r\n    if (this.refDom) {\r\n      //计算出居中的位置，文字固定宽度600\r\n      const { clientWidth } = this.refDom;\r\n      leftPosition = (clientWidth - 600) / 2;\r\n    }\r\n\r\n    return (\r\n      <div className={styles.wrapper}>\r\n        <div ref={this.imgBoxRef} className={styles.imgBox}>\r\n          <img\r\n            className={t.state.isShowed ? styles.imgFadeIn : \"\"}\r\n            src={infoItemObj ? infoItemObj.url : \"\"}\r\n            alt=\"\"\r\n            onLoad={() => {\r\n              t.setState({ isShowed: true });\r\n            }}\r\n          />\r\n          <div\r\n            className={classNames(styles.statements, {\r\n              [styles.statementUnfold]: t.state.isFolded === \"false\",\r\n              [styles.statementFold]: t.state.isFolded === \"true\"\r\n            })}\r\n          >\r\n            <div\r\n              style={{ left: leftPosition + \"px\" }} //动态改变 绝对定位的left属性的值\r\n              className={styles.stateWrapper}\r\n            >\r\n              {infoItemObj &&\r\n                Array.isArray(t.state.statementListObj[infoItemObj.parentName]) &&\r\n                t.state.statementListObj[infoItemObj.parentName].map((item, index) => {\r\n                  return (\r\n                    <p className={styles.stateParah} key={index}>\r\n                      {item}\r\n                    </p>\r\n                  ); //渲染statement的多个段落\r\n                })}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <span\r\n          className={styles.prev}\r\n          onClick={() => {\r\n            t.state.isFolded !== \"false\" && t.jumpToDetail(\"left\"); //只有statement未打开的时候才能点击\r\n          }}\r\n        ></span>\r\n        <span\r\n          className={styles.next}\r\n          onClick={() => {\r\n            t.state.isFolded !== \"false\" && t.jumpToDetail(\"right\");\r\n          }}\r\n        ></span>\r\n        <span className={styles.leftBottom}>\r\n          {infoItemObj && (\r\n            <span>\r\n              <span>{infoItemObj.parentName}</span>\r\n              <span>\r\n                {t.state.isFolded === \"init\" || t.state.isFolded === \"true\" ? (\r\n                  <span\r\n                    className={styles.iconPlus}\r\n                    onClick={() => {\r\n                      if (t.state.throttle) {\r\n                        t.setState({ isFolded: \"false\", throttle: false });\r\n                        setTimeout(() => {\r\n                          t.setState({ throttle: true });\r\n                        }, 1000);\r\n                      }\r\n                    }}\r\n                  >\r\n                  <span className=\"iconfont icon-plus1\"></span>\r\n                  </span>\r\n                ) : (\r\n                  <span\r\n                    className={styles.iconMinus}\r\n                    onClick={() => {\r\n                      if (t.state.throttle) {\r\n                        t.setState({ isFolded: \"true\", throttle: false });\r\n                        setTimeout(() => {\r\n                          t.setState({ throttle: true });\r\n                        }, 1000);\r\n                      }\r\n                    }}\r\n                  >\r\n                  <span className=\"iconfont icon-minus\"></span>\r\n                  </span>\r\n                )}\r\n              </span>\r\n              <span\r\n                className={styles.iconMinus}\r\n                onClick={() => {\r\n                  t.jumpToAlbum()\r\n                }}\r\n              >\r\n                <span className=\"iconfont icon-caret-right\"></span>\r\n              </span>\r\n            </span>\r\n          )}\r\n        </span>\r\n        <span className={styles.rightBottom}>{infoItemObj ? infoItemObj.numInAllStr : \"\"}</span>\r\n        <div style={{ display: \"none\" }}>\r\n          {t.state.urlList.map((item, index) => {\r\n            return <img key={index} src={item.url} alt=\"\" />;\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\nimport styles from \"./detail.module.less\";\nimport \"react-perfect-scrollbar/dist/css/styles.css\";\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\nimport { NavLink } from \"react-router-dom\";\n// import classNames from \"classnames\";\n\nexport default class DetailAlbum extends Component {\n  constructor(props) {\n    super(props);\n    this.wrapperRef = React.createRef();\n    this.state = {\n      listData: [],\n      startRef: null,\n      step: 1,\n      interval: null,\n    };\n  }\n\n  getCurAlbumIndex = () => {\n    const routePathname = this.props.history.location.pathname;\n    let infoStr = routePathname.substring(0, 7) === \"/album/\" ? routePathname.substring(7) : \"\";\n    return Number(infoStr);\n  };\n\n  handleScrolling = () => {\n    this.wrapperRef.scrollLeft = (this.wrapperRef.scrollLeft || 0) + this.state.step;\n  };\n\n  UNSAFE_componentWillMount() {\n    this.props.changeColorFun(true);\n  }\n\n  componentWillUnmount() {\n    clearInterval(this.state.interval);\n  }\n\n  componentDidMount() {\n    let count = 0;\n    config.data.forEach((parent) => {\n      if (parent && parent.children) {\n        parent.children.forEach((child) => {\n          count++;\n          child.numInAll = count;\n        });\n      }\n    });\n    let numNow = this.getCurAlbumIndex();\n    const albumItemObj = config.data[numNow - 1];\n    const list = (albumItemObj || {}).children || [];\n    this.setState({\n      listData: [...list, ...list, ...list, ...list],\n    });\n    setTimeout(() => {\n      const aListRef = document.querySelectorAll(\"[data-img]\");\n      this.setState({\n        startRef: [...aListRef][list.length].parentNode,\n        interval: setInterval(() => {\n          if (!this.wrapperRef) return;\n          if (this.state.startRef.getBoundingClientRect().left < 3) {\n            this.wrapperRef.scrollLeft = 0;\n          } else {\n            this.handleScrolling();\n          }\n        }, 30),//此处调整图片播放速度\n      });\n    });\n  }\n\n  render() {\n    const t = this;\n    return (\n      <div className={styles.wrapper}>\n        <PerfectScrollbar\n          component=\"div\"\n          containerRef={(ref) => {\n            this.wrapperRef = ref;\n          }}\n          className={styles.wrapper_inside}\n        >\n          {t.state.listData.map((child, index) => {\n            return (\n              <NavLink\n                key={`child_${index}`}\n                className={styles.item}\n                to={{\n                  pathname: `/detail/${child.numInAll}`,\n                }}\n              >\n                <img src={child.url} alt={`child_${index}`} data-img />\n              </NavLink>\n            );\n          })}\n        </PerfectScrollbar>\n      </div>\n    );\n  }\n}\n","import React, { Component } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { BrowserRouter as Router, NavLink, Route } from 'react-router-dom'\n\nimport IndexGuide from './routes/indexGuide/indexGuide';\nimport Information from './routes/information/information';\nimport Thumbnails from './routes/thumbnails/thumbnails';\nimport DetailPage from './routes/detail/detail';\nimport DetailAlbum from './routes/album/detail';\n\nimport './resource/css/base.css'\nimport styles from'./App.module.less'\n\n\nimport classNames from 'classnames';\nimport 'animate.css/animate.min.css'\n\n\nexport default class Router4Transition extends Component {\n    constructor(props){\n        super(props)\n        this.state={\n            darkFontColor:(window.location.pathname==='/')?false:true\n        }\n    }\n\n    changeFontColor=(bool)=>{\n        this.setState({darkFontColor:bool})\n    }\n    \n    render() {\n        const {darkFontColor}= this.state;\n\n    return (\n      <Router>\n\n        <div className={styles.wrapper}>\n            <div className={styles.navContainer}>\n                <div\n                    className={classNames(styles.navLeft, {\n                    [styles.darkColor]: darkFontColor,\n                })} >\n                    <div className={styles.indexName}>\n                      <NavLink to=\"/\">Xu Yingda</NavLink> \n                    </div>\n                    <div className={styles.navLeftDropdown}>\n                      <span><NavLink to=\"/index\" exact>Index</NavLink></span>\n                      <span><NavLink to=\"/thumbnails\">Thumbnails</NavLink></span>\n                      <span><NavLink to=\"/information\">Info</NavLink></span>\n                    </div>\n                    \n                    {/* <ul className={styles.navLeftDropdown}>\n                        <li><NavLink to=\"/index\" exact>Index</NavLink></li>\n                        <li><NavLink to=\"/thumbnails\">Thumbnails</NavLink></li>\n                        <li><NavLink to=\"/information\">Info</NavLink></li>\n                    </ul> */}\n                </div>\n            \n                {/* <div\n                    className={classNames(styles.navRight, {\n                        [styles.darkColor]: darkFontColor\n                })}>\n                    <NavLink to=\"/information\">Info</NavLink>\n                </div> */}\n            </div>\n\n          <div className={styles.pages}>\n            <Route\n              path=\"/\"\n              exact\n              children={props => {\n                return <Entry {...props} changeColorFun={this.changeFontColor}/>\n              }}\n            />\n            <Route\n              path=\"/index\"\n              exact\n              children={props => {\n                return <Index {...props} changeColorFun={this.changeFontColor}/>\n              }}\n            />\n            <Route\n              path=\"/information\"\n              exact\n              children={props => {\n                return <Info {...props} changeColorFun={this.changeFontColor}/>\n              }}\n            />\n            <Route\n              path=\"/thumbnails\"\n              exact\n              children={props => {\n                return <Thumb {...props} changeColorFun={this.changeFontColor}/>\n              }}\n            />\n\n            <Route\n              path=\"/album/:albumNum\"\n              exact\n              children={props => {\n                return <Album {...props} changeColorFun={this.changeFontColor}/>\n              }}\n            />\n\n            <Route\n              path=\"/detail/:numInAll\"\n              children={props => {\n                return <Detail {...props} changeColorFun={this.changeFontColor}/>\n              }}\n            />\n          </div>\n        </div>\n      </Router>\n    )\n  }\n}\n\nconst Entry = wrapAnimation(\n    class Entry extends Component { \n\n    UNSAFE_componentWillMount() {\n        this.props.changeColorFun(false);\n    }\n    componentWillUnmount() {\n        this.props.changeColorFun(true);\n    }\n    render() {\n        return   <div className={styles.enterContainer}></div>\n      }\n    }\n)\nconst Index = wrapAnimation(IndexGuide)\n\nconst Info = wrapAnimation(Information)\n\nconst Thumb = wrapAnimation(Thumbnails)\n\nconst Album = wrapAnimation(DetailAlbum)\n\nconst Detail = wrapAnimation(DetailPage)\n\n\nfunction wrapAnimation(WrappedComponent) {\n  return class extends Component {\n    render() {\n      return (\n        <CSSTransition\n          in={this.props.match !== null}\n          classNames={{\n            enter: 'animated',\n            enterActive: 'fadeIn',\n            exit: 'animated',\n            exitActive: 'fadeOut'\n          }}\n          timeout={{\n            enter: 1500,\n            exit: 0,\n          }}\n\n          mountOnEnter={true}\n          unmountOnExit={true}\n        >\n          <WrappedComponent {...this.props} />\n        </CSSTransition>\n      )\n    }\n  }\n}\n\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit http://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport 'babel-polyfill';\nimport './index.css';\nimport './resource/icon/iconfont.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<App />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"information_wrapper__1URNt\",\"contaner\":\"information_contaner__13Qk9\",\"imgContainer\":\"information_imgContainer__3n8Qn\",\"textContainer\":\"information_textContainer__2lIKr\",\"mb15\":\"information_mb15__3-xmJ\",\"mb55\":\"information_mb55__2dB6y\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"thumbnails_wrapper__1177h\",\"wrapper_inside\":\"thumbnails_wrapper_inside__1CXTA\",\"container\":\"thumbnails_container__3pEHG\",\"item\":\"thumbnails_item__1KF4-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"indexGuide_container__3rKJh\",\"titles\":\"indexGuide_titles__169z8\",\"showPhotoRandom\":\"indexGuide_showPhotoRandom__25tnz\",\"fadeout\":\"indexGuide_fadeout__qrD4X\",\"fadein\":\"indexGuide_fadein__anFHy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"detail_wrapper__MczJ2\",\"wrapper_inside\":\"detail_wrapper_inside__15t3Z\",\"item\":\"detail_item__Z8V6L\"};"],"sourceRoot":""}