{"version":3,"sources":["components/header/Header.js","components/content/Works.js","components/Wrap.js","index.js"],"names":["Header","state","menuState","toggle","setState","this","menu","menuList","className","href","onClick","Component","works","data","link","img","name","content","map","item","idx","style","backgroundImage","ReactDOM","render","document","getElementById","Works"],"mappings":"gKAqCeA,E,4MAlCXC,MAAQ,CACJC,WAAW,G,EAEfC,OAAS,WACL,EAAKC,SAAS,CACVF,WAAY,EAAKD,MAAMC,a,uDAGrB,IACEA,EAAcG,KAAKJ,MAAnBC,UAEFI,EAAI,eAAWJ,EAAY,GAAI,gBAC/BK,EAAQ,uBAAmBL,EAAY,GAAI,wBAEjD,OACI,sBAAKM,UAAU,kBAAf,UACI,sBAAKA,UAAU,eAAf,UACI,mBAAGA,UAAU,OAAOC,KAAK,aAAzB,kBACA,oBAAGD,UAAWF,EAAMG,KAAK,QAAQC,QAASL,KAAKF,OAA/C,UACI,yBACA,yBACA,+BAGR,qBAAKK,UAAWD,EAAhB,SAEI,mBAAGE,KAAK,aAAR,6B,GA3BCE,aCiKNC,E,4MAhKXX,MAAQ,CACJY,KAAM,CACF,CACIC,KAAM,wDACNC,IAAK,eACLC,KAAM,uCACNC,QAAS,mEAEb,CACIH,KAAM,kEACNC,IAAK,SACLC,KAAM,gDACNC,QAAS,8CAEb,CACIH,KAAM,yDACNC,IAAK,SACLC,KAAM,oEACNC,QAAS,8CAEb,CACIH,KAAM,4DACNC,IAAK,gBACLC,KAAM,iCACNC,QAAS,mEAEb,CACIH,KAAM,qDACNC,IAAK,WACLC,KAAM,+DACNC,QAAS,8CAEb,CACIH,KAAM,2DACNC,IAAK,SACLC,KAAM,YACNC,QAAS,oBAEb,CACIH,KAAM,qDACNC,IAAK,SACLC,KAAM,2BACNC,QAAS,oBAEb,CACIH,KAAM,6DACNC,IAAK,SACLC,KAAM,sDACNC,QAAS,8CAEb,CACIH,KAAM,4CACNC,IAAK,cACLC,KAAM,6CACNC,QAAS,8CAEb,CACIH,KAAM,0DACNC,IAAK,cACLC,KAAM,sDACNC,QAAS,yEAEb,CACIH,KAAM,wCACNC,IAAK,cACLC,KAAM,2BACNC,QAAS,kCAEb,CACIH,KAAM,kCACNC,IAAK,cACLC,KAAM,sDACNC,QAAS,yEAEb,CACIH,KAAM,0CACNC,IAAK,cACLC,KAAM,+CACNC,QAAS,oBAQb,CACIH,KAAM,iDACNC,IAAK,cACLC,KAAM,mDACNC,QAAS,oBAEb,CACIH,KAAM,2EACNC,IAAK,cACLC,KAAM,mDACNC,QAAS,+CAEb,CACIH,KAAM,gEACNC,IAAK,aACLC,KAAM,sBACNC,QAAS,4BAEb,CACIH,KAAM,GACNC,IAAK,cACLC,KAAM,8CACNC,QAAS,uDAEb,CACIH,KAAM,GACNC,IAAK,eACLC,KAAM,2BACNC,QAAS,uDAEb,CACIH,KAAM,8CACNC,IAAK,yBACLC,KAAM,6CACNC,QAAS,oBAEb,CACIH,KAAM,oCACNC,IAAK,+BACLC,KAAM,2EACNC,QAAS,yBAEb,CACIH,KAAM,qCACNC,IAAK,qCACLC,KAAM,yDACNC,QAAS,2B,uDAIX,IACEJ,EAASR,KAAKJ,MAAdY,KACR,OACI,cAAC,WAAD,UACKA,EAAKK,KAAI,SAACC,EAAMC,GAAP,OACN,sBAAeZ,UAAU,eAAzB,UACI,mBAAGA,UAAU,MAAMC,KAAMU,EAAKL,KAAMO,MAAO,CACvCC,gBAAgB,cAAD,OAAgBH,EAAKJ,IAArB,MADnB,SAGI,+BACI,mBAAGP,UAAS,cACa,KAAdW,EAAKL,KAAc,WAAa,iBAInD,oBAAIN,UAAU,QAAd,SAAuBW,EAAKH,OAC5B,mBAAGR,UAAU,UAAb,SAAwBW,EAAKF,YAXvBG,Y,GA9IVT,aCADA,YCKnBY,IAASC,OAAO,cAAC,EAAD,IAAWC,SAASC,eAAe,WACnDH,IAASC,OAAO,cAACG,EAAD,IAAUF,SAASC,eAAe,Y","file":"static/js/main.6924104c.chunk.js","sourcesContent":["import React, { Component } from 'react';\n\nclass Header extends Component {\n    state = {\n        menuState: true,\n    }\n    toggle = () => {\n        this.setState({\n            menuState: !this.state.menuState\n        })\n    }\n    render() {\n        const { menuState } = this.state;\n\n        const menu = `menu ${menuState ? '': 'menu--active'}`;\n        const menuList = `header__list ${menuState ? '': 'header__list--active'}`;\n\n        return (\n            <div className=\"header__content\">\n                <div className=\"header__menu\">\n                    <a className=\"home\" href=\"index.html\">JnA.</a>\n                    <a className={menu} href=\"#menu\" onClick={this.toggle}>\n                        <span></span>\n                        <span></span>\n                        <span></span>\n                    </a>\n                </div>\n                <div className={menuList}>\n                    {/* <a href=\"index.html\">Home.</a> */}\n                    <a href=\"index.html\">Works.</a>\n                    {/* <a href=\"index.html\">Contact.</a> */}\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default Header;","import React, { Component, Fragment } from 'react';\n\nclass works extends Component {\n    state = {\n        data: [\n            {\n                link: \"https://hoproject.our-work.com.tw/2020/0427-uniwater/\",\n                img: \"uniwater.png\",\n                name: \"UNI water | 風格主張\",\n                content: \"互動設計 / API串接 / 資料庫\"\n            },\n            {\n                link: \"https://www.our-work.com.tw/demosite/2020/2020-pxmart/game.html\",\n                img: \"px.png\",\n                name: \"全聯 | 達人檢定烤\",\n                content: \"互動設計 / API串接\"\n            },\n            {\n                link: \"https://www.our-work.com.tw/demosite/2020/2020-thu-ai/\",\n                img: \"ai.jpg\",\n                name: \"東海大學 | 檢測你的AI指數\",\n                content: \"互動設計 / API串接\"\n            },\n            {\n                link: \"https://www.our-work.com.tw/demosite/2020/2020-cheerfood/\",\n                img: \"cheerfood.png\",\n                name: \"川見鱈蟹柳\",\n                content: \"互動設計 / API串接 / 資料庫\"\n            },\n            {\n                link: \"http://www.our-work.com.tw/demosite/2020/2020-IBM/\",\n                img: \"ibm2.png\",\n                name: \"IBM | 資安人員你有多崩潰\",\n                content: \"互動設計 / API串接\"\n            },\n            {\n                link: \"https://www.our-work.com.tw/demosite/2020/2020-JPMorgan/\",\n                img: \"jp.png\",\n                name: \"JP Morgan\",\n                content: \"RWD 網站\"\n            },\n            {\n                link: \"https://www.our-work.com.tw/demosite/2020/2020-RS/\",\n                img: \"rs.png\",\n                name: \"皇家禮炮\",\n                content: \"RWD 網站\"\n            },\n            {\n                link: \"http://our-work.com.tw/demosite/2019/2019_nutrilon_danone/\",\n                img: \"nd.png\",\n                name: \"諾優能 | 寶寶小情歌\",\n                content: \"互動設計 / API串接\"\n            },\n            {\n                link: \"https://ibmsystemsstorage.techorange.com/\",\n                img: \"Mockup6.jpg\",\n                name: \"IBM | 資料塑型中心\",\n                content: \"互動設計 / API串接\"\n            },\n            {\n                link: \"https://www.nutrilon-event.com/babygreetings/index.html\",\n                img: \"Mockup7.jpg\",\n                name: \"諾優能 | 寶寶晚輩圖\",\n                content: \"互動設計 / 網站前端 / API串接\"\n            },\n            {\n                link: \"https://www.enbw.com.tw/tw/index.aspx\",\n                img: \"Mockup5.jpg\",\n                name: \"安能亞太\",\n                content: \"RWD / 官網維運\"\n            },\n            {\n                link: \"https://www.amicolla.tw/2019Q2/\",\n                img: \"Mockup3.jpg\",\n                name: \"明治 | 閨蜜救援任務\",\n                content: \"互動設計 / 網站前端 / API串接\"\n            },\n            {\n                link: \"http://www.saeco.philips.com.tw/xelsis/\",\n                img: \"Mockup4.jpg\",\n                name: \"飛利浦 | SAECO咖啡機\",\n                content: \"RWD 網站\"\n            },\n            // {\n            //     link: \"https://www.jacobscreek.com.tw/\",\n            //     img: \"Mockup2.jpg\",\n            //     name: \"傑卡斯 | 酒食樂生活\",\n            //     content: \"互動設計 / 網站前端 / API串接\"\n            // },\n            {\n                link: \"https://www.dynacw.com.tw/product/dfheifamily/\",\n                img: \"Mockup1.jpg\",\n                name: \"華康黑體系列官網\",\n                content: \"RWD 網站\"\n            },\n            {\n                link: \"https://www.our-work.com.tw/demosite/2019/2019-TaiwanExcellence-eSports/\",\n                img: \"Mockup8.jpg\",\n                name: \"臺灣精品｜電競杯\",\n                content: \"RWD 網站 / 官網維運\"\n            },\n            {\n                link: \"https://www.volkswagentaiwan.com.tw/tiguanallspace/index.html\",\n                img: \"Mockup.jpg\",\n                name: \"The Tiguan AllSpace\",\n                content: \"官網維運\"\n            },\n            {\n                link: \"\",\n                img: \"iphonex.jpg\",\n                name: \"亞伯樂-慢藝哲學\",\n                content: \"互動設計 / 網站前端\"\n            },\n            {\n                link: \"\",\n                img: \"iphonex1.jpg\",\n                name: \"百齡罈-Bouse\",\n                content: \"互動設計 / 網站前端\"\n            },\n            {\n                link: \"https://museum.mnd.gov.tw/ArmedForcesMuseum\",\n                img: \"軍史館.png\",\n                name: \"國軍歷史文物館\",\n                content: \"RWD 網站\"\n            },\n            {\n                link: \"https://www.newtaipeiheritage.tw/\",\n                img: \"文化資產.jpg\",\n                name: \"新北市文化資產數位學習網\",\n                content: \"RWD / UI 設計\"\n            },\n            {\n                link: \"http://free.tycg.gov.tw/index.html\",\n                img: \"桃園無障礙.jpg\",\n                name: \"桃園無障礙宣導網站\",\n                content: \"RWD / UI 設計\"\n            },\n        ]\n    }\n    render() {\n        const { data } = this.state;\n        return (\n            <Fragment>\n                {data.map((item, idx) => \n                    <div key={idx} className=\"works__group\">\n                        <a className=\"img\" href={item.link} style={{\n                            backgroundImage: `url(images/${item.img})`\n                        }}>\n                            <span>\n                                <i className={\n                                    `fas ${item.link === \"\" ? \"fa-times\" : \"fa-link\"}`\n                                }></i>\n                            </span>\n                        </a>\n                        <h2 className=\"title\">{item.name}</h2>\n                        <p className=\"content\">{item.content}</p>\n                    </div>\n                )}\n            </Fragment>\n        );\n    }\n}\n\nexport default works;","import React, { Component } from 'react';\n\nclass Wrap extends Component {\n    render() {\n        return (\n            <div>\n                Hello World!\n            </div>\n        );\n    }\n}\n\nexport default Wrap;","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport Header from './components/header/Header';\nimport Works from './components/content/Works';\nimport Wrap from './components/Wrap.js';\n\nReactDOM.render(<Header/>, document.getElementById('header'));\nReactDOM.render(<Works/>, document.getElementById('works'));\n// ReactDOM.render(<Wrap/>, document.getElementById('root'));\n"],"sourceRoot":""}