-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-stories-index-jsx-908fd23ebe651931d602.js.map
1 lines (1 loc) · 7.15 KB
/
component---src-pages-stories-index-jsx-908fd23ebe651931d602.js.map
1
{"version":3,"sources":["webpack:///./src/images/stories-leaf-pattern.png","webpack:///./src/pages/stories/index.jsx","webpack:///./src/pages/stories/components/stories.jsx","webpack:///./src/pages/stories/components/quote.jsx"],"names":["module","exports","StoriesPage","className","src","StoriesPattern","alt","role","to","Stories","props","state","currentQuote","renderImages","quoteIndexes","map","index","bottom","key","style","width","Quotes","imgSrc","attribution","onClick","setState","render","this","quote","React","Component","Quote","id","quoteId","content","defaultProps","hasBtn"],"mappings":"uqFAAAA,EAAOC,QAAU,IAA0B,oE,kCCA3C,yFAQe,4BACb,kBAAC,IAAD,KACE,kBAACC,EAAD,QAIJ,IAAMA,EAAc,WAClB,OACE,yBAAKC,UAAU,WACb,6BAASA,UAAU,mBACjB,yBACEC,IAAKC,IACLC,IAAI,qBACJH,UAAU,qBAEZ,yBAAKA,UAAU,aACb,wBAAIA,UAAU,iBAAd,8BACA,uBAAGA,UAAU,wBAAb,oKAOF,kBAAC,UAAD,OAGF,6BAASA,UAAU,gBACjB,yBAAKA,UAAU,aACb,wBAAIA,UAAU,yBAAd,qCAIA,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,0BACb,uBAAGA,UAAU,6BAAb,iNAKE,6BACA,6BANF,6LAWA,kBAAC,IAAD,CACEI,KAAK,SACLJ,UAAU,oBACVK,GAAG,SAHL,kBAQF,yBAAKL,UAAU,+BACb,yBACEA,UAAU,oBACVC,IAAI,sDACJE,IAAI,iC,8FC7DdG,E,oBACJ,WAAYC,GAAQ,IAAD,SACjB,cAAMA,IAAN,MACKC,MAAQ,CACXC,aAAc,GAHC,E,kHAOnBC,aAAA,SAAaC,GAAe,IAAD,OACzB,OAAOA,EAAaC,KAAI,SAAAC,GACtB,IAAIC,EAAS,EAIb,OAHc,IAAVD,IAAaC,EAAS,QACZ,IAAVD,IAAaC,EAAS,SAGxB,yBAAKC,IAAG,WAAaF,EAASG,MAAO,CAAEC,MAAO,MAAOH,OAAQA,IAC3D,yBACEd,WACG,EAAKQ,MAAMC,eAAiBI,EACzB,2CACA,IAAM,yCAGZ,yBACEb,UAAU,uBACVC,IAAKiB,EAAOL,GAAOM,OACnBhB,IAAKe,EAAOL,GAAOO,YACnBC,QAAS,WACP,EAAKC,SAAS,CAAEb,aAAcI,a,EAS5CU,OAAA,WACE,OACE,yBAAKvB,UAAU,mBACb,yBAAKA,UAAU,wBACZwB,KAAKd,aAAa,CAAC,EAAG,EAAG,KAE5B,kBAAC,UAAD,CAAOe,MAAOP,EAAOM,KAAKhB,MAAMC,gBAChC,yBAAKT,UAAU,2BACZwB,KAAKd,aAAa,CAAC,EAAG,EAAG,O,GA7CdgB,IAAMC,WAoDbrB,a,kCCzDf,gCAEMsB,EAAQ,SAAArB,GAAK,OACjB,kBAAC,WAAD,KACKA,EAAMkB,MACP,yBAAKzB,UAAU,SACb,yBAAKA,UAAU,YAAY6B,GAAItB,EAAMuB,SACnC,kCAAQvB,EAAMkB,MAAMM,QAApB,MAEF,wBAAI/B,UAAU,8BACXO,EAAMkB,MAAML,YADf,IAC6B,IAC3B,0BAAMpB,UAAU,uBAAuBO,EAAMkB,MAAMrB,QAGrD,OAIRwB,EAAMI,aAAe,CACnBP,MAAO,KACPQ,QAAQ,GAGKL","file":"component---src-pages-stories-index-jsx-908fd23ebe651931d602.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/stories-leaf-pattern-28bfa0fc7dcbd3df001df7acf273cd03.png\";","import React from 'react';\r\nimport Layout from '../../components/layout';\r\n\r\nimport Stories from 'pages/stories/components/stories';\r\nimport DynamicLink from '../../components/dynamic-link';\r\n\r\nimport StoriesPattern from 'images/stories-leaf-pattern.png';\r\n\r\nexport default () => (\r\n <Layout>\r\n <StoriesPage />\r\n </Layout>\r\n);\r\n\r\nconst StoriesPage = () => {\r\n return (\r\n <div className=\"stories\">\r\n <section className=\"stories__header\">\r\n <img\r\n src={StoriesPattern}\r\n alt=\"Background pattern\"\r\n className=\"stories__pattern\"\r\n />\r\n <div className=\"container\">\r\n <h1 className=\"header__title\">We've got stories to share</h1>\r\n <p className=\"stories__description\">\r\n Here's a collection of stories from past attendees, organizers, and\r\n sponsors. Our goal is for everyone’s HackBeanpot experience to be as\r\n awesome as theirs was!\r\n </p>\r\n </div>\r\n\r\n <Stories />\r\n </section>\r\n\r\n <section className=\"stories-tell\">\r\n <div className=\"container\">\r\n <h2 className=\"stories-tell__heading\">\r\n ...and we've got a story to tell.\r\n </h2>\r\n\r\n <div className=\"stories-tell__content\">\r\n <div className=\"stories-tell__desc-cta\">\r\n <p className=\"stories-tell__description\">\r\n In 2013, a small group of Northeastern students brought 80\r\n students together at the Microsoft NERD Center for the very\r\n first HackBeanpot, an opportunity for students to express their\r\n creativity and explore.\r\n <br />\r\n <br />\r\n 2020 marks our seventh annual event and carries forward the same\r\n mission we began with: to foster a diverse community of curious\r\n students and engage them with the Boston tech community.\r\n </p>\r\n <DynamicLink\r\n role=\"button\"\r\n className=\"stories-tell__cta\"\r\n to=\"/team\"\r\n >\r\n Meet our team\r\n </DynamicLink>\r\n </div>\r\n <div className=\"stories-tell__img-container\">\r\n <img\r\n className=\"stories-tell__img\"\r\n src=\"http://tools.hackbeanpot.com/assets/images/team.jpg\"\r\n alt=\"HackBeanpot core team\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n );\r\n};\r\n","import React from 'react';\r\nimport Quote from 'pages/stories/components/quote';\r\n\r\nimport Quotes from 'data/quotes.json';\r\n\r\nclass Stories extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentQuote: 0\r\n };\r\n }\r\n\r\n renderImages(quoteIndexes) {\r\n return quoteIndexes.map(index => {\r\n let bottom = 0;\r\n if (index === 1) bottom = '75px';\r\n if (index === 4) bottom = '-75px';\r\n\r\n return (\r\n <div key={`stories-${index}`} style={{ width: '33%', bottom: bottom }}>\r\n <div\r\n className={\r\n (this.state.currentQuote === index\r\n ? 'stories-circles__img-container selected '\r\n : '') + 'stories-circles__img-container center'\r\n }\r\n >\r\n <img\r\n className=\"stories-circles__img\"\r\n src={Quotes[index].imgSrc}\r\n alt={Quotes[index].attribution}\r\n onClick={() => {\r\n this.setState({ currentQuote: index });\r\n }}\r\n />\r\n </div>\r\n </div>\r\n );\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <div className=\"stories-circles\">\r\n <div className=\"stories-circles__top\">\r\n {this.renderImages([0, 1, 2])}\r\n </div>\r\n <Quote quote={Quotes[this.state.currentQuote]} />\r\n <div className=\"stories-circles__bottom\">\r\n {this.renderImages([3, 4, 5])}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default Stories;\r\n","import React, { Fragment } from 'react';\r\n\r\nconst Quote = props => (\r\n <Fragment>\r\n {!!props.quote ? (\r\n <div className=\"quote\">\r\n <div className=\"quote-box\" id={props.quoteId}>\r\n <span>\"{props.quote.content}\"</span>\r\n </div>\r\n <h6 className=\"quote__attribution noClick\">\r\n {props.quote.attribution},{' '}\r\n <span className=\"quote__role noClick\">{props.quote.role}</span>\r\n </h6>\r\n </div>\r\n ) : null}\r\n </Fragment>\r\n);\r\n\r\nQuote.defaultProps = {\r\n quote: null,\r\n hasBtn: false\r\n};\r\n\r\nexport default Quote;\r\n"],"sourceRoot":""}