diff --git a/asset-manifest.json b/asset-manifest.json index 3047889..bea56d3 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,13 +1,13 @@ { "main.css": "/static/css/main.0149930f.chunk.css", - "main.js": "/static/js/main.99b40cc1.chunk.js", - "main.js.map": "/static/js/main.99b40cc1.chunk.js.map", + "main.js": "/static/js/main.0f2323c4.chunk.js", + "main.js.map": "/static/js/main.0f2323c4.chunk.js.map", "static/js/1.8165f45e.chunk.js": "/static/js/1.8165f45e.chunk.js", "static/js/1.8165f45e.chunk.js.map": "/static/js/1.8165f45e.chunk.js.map", "runtime~main.js": "/static/js/runtime~main.229c360f.js", "runtime~main.js.map": "/static/js/runtime~main.229c360f.js.map", "static/css/main.0149930f.chunk.css.map": "/static/css/main.0149930f.chunk.css.map", "index.html": "/index.html", - "precache-manifest.bb41f9919bcc4fa113b06089831ab63e.js": "/precache-manifest.bb41f9919bcc4fa113b06089831ab63e.js", + "precache-manifest.098f23370f593fb36bc2d350c8d3da64.js": "/precache-manifest.098f23370f593fb36bc2d350c8d3da64.js", "service-worker.js": "/service-worker.js" } \ No newline at end of file diff --git a/index.html b/index.html index 6e06999..9adbd49 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Local Government Data Fellowship
\ No newline at end of file +Local Government Data Fellowship
\ No newline at end of file diff --git a/precache-manifest.bb41f9919bcc4fa113b06089831ab63e.js b/precache-manifest.098f23370f593fb36bc2d350c8d3da64.js similarity index 64% rename from precache-manifest.bb41f9919bcc4fa113b06089831ab63e.js rename to precache-manifest.098f23370f593fb36bc2d350c8d3da64.js index 67de637..222a264 100644 --- a/precache-manifest.bb41f9919bcc4fa113b06089831ab63e.js +++ b/precache-manifest.098f23370f593fb36bc2d350c8d3da64.js @@ -1,11 +1,11 @@ self.__precacheManifest = [ { - "revision": "99b40cc139a18a105d54", + "revision": "0f2323c494110c388ed6", "url": "/static/css/main.0149930f.chunk.css" }, { - "revision": "99b40cc139a18a105d54", - "url": "/static/js/main.99b40cc1.chunk.js" + "revision": "0f2323c494110c388ed6", + "url": "/static/js/main.0f2323c4.chunk.js" }, { "revision": "8165f45e03b1c5912885", @@ -16,7 +16,7 @@ self.__precacheManifest = [ "url": "/static/js/runtime~main.229c360f.js" }, { - "revision": "9dab54e787707686ae60a0827d51373a", + "revision": "9a273113451821f742deae23f57e7971", "url": "/index.html" } ]; \ No newline at end of file diff --git a/service-worker.js b/service-worker.js index b5cca91..0fd6dc8 100644 --- a/service-worker.js +++ b/service-worker.js @@ -14,7 +14,7 @@ importScripts("https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js"); importScripts( - "/precache-manifest.bb41f9919bcc4fa113b06089831ab63e.js" + "/precache-manifest.098f23370f593fb36bc2d350c8d3da64.js" ); workbox.clientsClaim(); diff --git a/static/js/main.0f2323c4.chunk.js b/static/js/main.0f2323c4.chunk.js new file mode 100644 index 0000000..75ed618 --- /dev/null +++ b/static/js/main.0f2323c4.chunk.js @@ -0,0 +1,2 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{108:function(e,t,a){e.exports=a(265)},113:function(e,t,a){},116:function(e,t,a){},261:function(e,t,a){},265:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a.n(n),o=a(27),r=a.n(o),l=a(269),c=a(270),s=a(271),m=(a(113),a(5)),p=a(6),d=a(8),g=a(7),h=a(9),u=a(3),f=a(49),b=a(50),y=a.n(b),x=a(51),w=a.n(x),E=a(13),v=a.n(E),k=a(35),j=a.n(k),O=a(29),N=a.n(O),S=a(10),C=a(36),T=a.n(C),B=a(52),D=a.n(B),A=a(53),F=a.n(A),z=a(54),L=a.n(z),W=a(55),I=a.n(W),M=a(56),R=a.n(M),P=(a(116),{nav:[{title:"Home",path:"/"},{title:"LG Data Fellowship",path:"/lgdatafellowship"},{title:"Open Data Fellowship",path:"/womendatafellowship"}]}),H=[{title:"Understand data ecosystem",body:"Fellowship will provide you an opportunity to understand the data ecosystem and its various stakeholders.",icon:"icon-ecosystem"},{title:"Networking",body:"Fellowship will provide you an opportunity to broaden the horizon of your networking circle.\n",icon:"icon-Networking"},{title:"Enhance your confidence and skills",body:"Fellowship will provide you an opportunity to learn, enhance new skills and boost your confidence level through weekly group mentoring and in-house training.",icon:"icon-achievement"},{title:"Gain valuable work experience",body:"During the time of fellowship, you will get an opportunity to work hand to hand with different leading organizations of their respective field. This one month of valuable work experience will surely help in your career ahead.",icon:"icon-experience"},{title:"Grab potential opportunities",body:"Explore the various potential opportunities in the field of data with the help of mentors. Grab it for the betterment of your career.",icon:"icon-opportunities"},{title:"Be the role model",body:"Be the inspirational role model by being a Open Data Women Fellow of first batch. Also set an example for the next batch.",icon:"icon-role-model"}],G=[{title:" Who can apply to become a fellow?",body:"Any woman who is a current resident of Nepal are eligible to apply. But we encourage final year students who are currently pursuing their bachelor\u2019s degree."},{title:"How can I apply?",body:"Complete the online application, selected fellow will be informed by 20th March 2019."},{title:"How many fellows will be recruited this year?",body:"We will be recruiting only 10 fellows for the first batch."},{title:"How much time are the fellows expected to dedicate?",body:"Fellows are expected to dedicate one and half months. One month for working in a respective organization and a half month for training, meetup and various get-together events."},{title:"How is the training programme structured?",body:"Half day in-house training at the host organization and one month project based placement. The fellows will be provided with some stipend to cover travel and lunch."},{title:"What kind of activities will the fellows carry out?",body:"Fellows will go through a series of training and workshops to sharpen their data and communication skills before the placement. At host organization, they can work on various kinds of projects like: opening up datasets, case studies, research, data-driven blog posts, developing open source software libraries etc. But we encourage to work on projects that can match with the respective organization\u2019s objectives."}],U=[{url:"/hosts/accountabilitylab.png",name:"Accountailtiy Lab",order:1},{url:"/hosts/bikashudahyami.png",name:"BikashUdayami",order:1},{url:"/hosts/cleanupNepal.png",name:"Cleanup Nepal",order:1},{url:"/hosts/F4DM.png",name:"",order:1},{url:"/hosts/freedomForum.png",name:"Freedom Forum",order:1},{url:"/hosts/KLL.png",name:"Kathmandu living Labs",order:1},{url:"/hosts/younginnovation.png",name:"Young Innovation",order:1},{url:"/hosts/yuwa.png",name:"Yuwa",order:1},{url:"/hosts/iids.svg",name:"Institute for Integrated Development Studies",order:1},{url:"/hosts/naksa.png",name:"Naxa",order:1}],K=[{title:"About Us",url:"http://oknp.org/",icon:"icon-about-us"},{title:"Email Us",url:"info@oknp.org",icon:"icon-email"},{title:"Twitter",url:"https://twitter.com/okfn_np",icon:"icon-twitter"},{title:"Facebook",url:"https://www.facebook.com/okfnepal/",icon:"icon-twitter"}],_=a(15),q=a(268),Z=function(e){function t(){var e,a;Object(m.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o=50?a.headerSec:a.header),e),i.a.createElement(w.a,{className:a.toolbar},i.a.createElement(v.a,{variant:"h6",color:"inherit",style:{flexGrow:1}},i.a.createElement(q.a,{to:"/"},i.a.createElement("img",{className:this.state.scroll>=50?a.logoSec:a.logo,src:"/oknp.svg",alt:""}))),i.a.createElement(v.a,{className:"".concat(a.plainNavigation)},P.nav.map(function(e,n){return i.a.createElement(N.a,{key:n,color:"inherit",className:a.navButton+" nav-button",onClick:function(){return t.scrollTo(e)}},i.a.createElement(q.a,{key:n,color:"inherit",className:a.navButton+" nav-button",style:{textDecoration:"none"},to:e.path},e.title))})),i.a.createElement(j.a,{onClick:this.handleDrawerOpen,className:a.menuButton,color:"inherit","aria-label":"Menu"},i.a.createElement(T.a,null))))),i.a.createElement(D.a,{variant:"persistent",anchor:"right",open:this.state.open,className:a.navDrawer},i.a.createElement("div",{className:a.drawerHeader},i.a.createElement(j.a,{onClick:this.handleDrawerOpen},i.a.createElement(T.a,null))),i.a.createElement(F.a,null),i.a.createElement(L.a,{style:{width:"180px"}},P.nav.map(function(e,t){return i.a.createElement(I.a,{button:!0,key:e.title},i.a.createElement(R.a,null,i.a.createElement(q.a,{key:t,color:"inherit",style:{textDecoration:"none",color:"#3F3D56"},to:e.path},e.title)))}))))}}]),t}(n.Component),Y=Object(S.withStyles)(function(e){var t;return t={"@global":{body:{margin:0,padding:0,fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif'}},header:{background:"none",boxShadow:"none",height:"115px",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s"},headerSec:{backgroundImage:"linear-gradient(-45deg, #00d2ff 0%, #0bc1f6 5.91%, #29a5da 58.62%, #3a7bd5 80% )",boxShadow:"none",opacity:"0.9",height:"70px",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s"},toolbar:{width:"85%",margin:"auto"},logo:{height:"75px",padding:"15px 0",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s"},logoSec:{height:"55px",padding:"15px 0",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s"},drawerHeader:Object(f.a)({display:"flex",alignItems:"center",padding:"16px 8px"},e.mixins.toolbar,{justifyContent:"flex-start",background:"#f7f7f"}),plainNavigation:{fontSize:"19px",color:"#fff",textTransform:"capitalize"},navButton:{fontSize:"19px",textTransform:"capitalize",color:"#fcfcfe",fontWeight:"500",paddingLeft:"10px","&:hover":{background:"none",fontWeight:"800px",color:"#00D2FF"}},menuButton:{marginLeft:12,marginRight:-20,color:"#333"}},Object(u.a)(t,e.breakpoints.down("sm"),{plainNavigation:{display:"none !important",background:"blue"}}),Object(u.a)(t,e.breakpoints.up("md"),{navDrawer:{display:"none !important"},menuButton:{display:"none !important"}}),t})(Z),Q=a(34),J=a.n(Q),V=a(4),X=a.n(V),$=function(e){function t(){var e,a;Object(m.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o=50||this.props.name?t.headerSec:t.header),e),i.a.createElement(w.a,{className:t.toolbar},i.a.createElement(v.a,{variant:"h6",color:"inherit",style:{flexGrow:1}},i.a.createElement(q.a,{to:"/"},i.a.createElement("img",{className:this.state.scroll>=50||this.props.name?t.logoSec:t.logo,src:"/supporter/newokn.png",alt:""}))),i.a.createElement("p",{className:"".concat(t.plainNavigation)},de.nav.map(function(e,a){return i.a.createElement(q.a,{key:a,color:"inherit",className:t.navButton+" nav-button",style:{},to:e.path},e.title)})),i.a.createElement(j.a,{onClick:this.handleDrawerOpen,className:t.menuButton,color:"inherit","aria-label":"Menu"},i.a.createElement(T.a,null))))),i.a.createElement(D.a,{variant:"persistent",anchor:"right",open:this.state.open,className:t.navDrawer},i.a.createElement("div",{className:t.drawerHeader},i.a.createElement(j.a,{onClick:this.handleDrawerOpen},i.a.createElement(T.a,null))),i.a.createElement(F.a,null),i.a.createElement(L.a,{style:{width:"180px"}},de.nav.map(function(e,t){return i.a.createElement(I.a,{button:!0,key:e.title},i.a.createElement(R.a,null,i.a.createElement(q.a,{key:t,color:"inherit",style:{textDecoration:"none",color:"#3F3D56"},to:e.path},e.title)))}))))}}]),t}(n.Component),ve=Object(S.withStyles)(function(e){var t;return t={"@global":{body:{margin:0,padding:0,fontFamily:'"DM Sans", sans-serif'}},header:{background:"none",boxShadow:"none",height:"115px",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s",right:"0",left:"0"},headerSec:{background:"#a9eefd",boxShadow:"0 1px 1px -1px rgba(0,0,0,.2)",opacity:"0.9",height:"70px",right:"0",left:"0",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s"},toolbar:{width:"85%",margin:"auto"},logo:{height:"60px",padding:"15px 0",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s"},logoSec:{height:"48px",padding:"15px 0",WebkitTransition:"height ease-in-out 0.4s",MozTransition:"height ease-in-out 0.4s"},drawerHeader:Object(f.a)({display:"flex",alignItems:"center",padding:"16px 8px"},e.mixins.toolbar,{justifyContent:"flex-start",background:"#f7f7f"}),plainNavigation:{fontSize:"1rem",color:"#fff",textTransform:"capitalize"},navButton:{fontSize:"18px",textTransform:"capitalize",textDecoration:"none",color:"#112A46",fontWeight:"600",paddingLeft:"22px",fontFamily:'"DM Sans", sans-serif',"&:hover":{background:"none",fontWeight:"800px",color:"#00D2FF"}},menuButton:{marginLeft:12,marginRight:-20,color:"#333"}},Object(u.a)(t,e.breakpoints.down("sm"),{plainNavigation:{display:"none !important",background:"blue"}}),Object(u.a)(t,e.breakpoints.up("md"),{navDrawer:{display:"none !important"},menuButton:{display:"none !important"}}),t})(Ee),ke=function(e){function t(){var e,a;Object(m.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o ({\n '@global': {\n body: {\n margin: 0,\n padding: 0,\n fontFamily: \"\\\"Roboto\\\", \\\"Helvetica\\\", \\\"Arial\\\", sans-serif\",\n }\n\n },\n header: {\n background: 'none',\n boxShadow: 'none',\n height: '115px',\n WebkitTransition: 'height ease-in-out 0.4s',\n MozTransition: 'height ease-in-out 0.4s',\n },\n headerSec: {\n backgroundImage: 'linear-gradient(-45deg, #00d2ff 0%, #0bc1f6 5.91%, #29a5da 58.62%, #3a7bd5 80% )',\n boxShadow: 'none',\n opacity: '0.9',\n height: '70px',\n WebkitTransition: 'height ease-in-out 0.4s',\n MozTransition: 'height ease-in-out 0.4s',\n },\n toolbar: {\n width: '85%',\n margin: 'auto',\n },\n\n logo: {\n height: '75px',\n padding: '15px 0',\n WebkitTransition: 'height ease-in-out 0.4s',\n MozTransition: 'height ease-in-out 0.4s',\n },\n logoSec: {\n height: '55px',\n padding: '15px 0',\n WebkitTransition: 'height ease-in-out 0.4s',\n MozTransition: 'height ease-in-out 0.4s',\n },\n drawerHeader: {\n display: 'flex',\n alignItems: 'center',\n padding: '16px 8px',\n ...theme.mixins.toolbar,\n justifyContent: 'flex-start',\n background: '#f7f7f'\n },\n\n plainNavigation: {\n fontSize: '19px',\n color: \"#fff\",\n textTransform: 'capitalize',\n },\n navButton: {\n fontSize: '19px',\n textTransform: 'capitalize',\n color: '#fcfcfe',\n fontWeight: '500',\n paddingLeft: '10px',\n '&:hover': {\n background: 'none',\n fontWeight: '800px',\n color: '#00D2FF'\n },\n },\n menuButton: {\n marginLeft: 12,\n marginRight: -20,\n color: '#333'\n },\n [theme.breakpoints.down('sm')]: {\n plainNavigation: {\n display: \"none !important\",\n background: \"blue\"\n }\n },\n [theme.breakpoints.up('md')]: {\n navDrawer: {\n display: \"none !important\",\n },\n menuButton: {\n display: \"none !important\",\n }\n },\n});\n\nclass Headers extends Component {\n state = {\n open: false,\n scroll: 0,\n navState: false\n };\n\n\n scrollTo(elements) {\n if (elements === 'Apply') {\n return window.location.href = \"https://docs.google.com/forms/d/1ki7U2WRPyWtvQAdnrqYZg9iC1LZsfHaivaVZEvC1tcA\";\n\n }\n scroller.scrollTo(elements, {\n duration: 800,\n delay: 0,\n smooth: 'easeInOutQuart',\n offset: -100,\n })\n }\n\n handleDrawerOpen = () => {\n if (this.state.open === false) {\n this.setState({ open: true });\n\n } else {\n this.setState({ open: false });\n }\n };\n\n handleScroll = () => {\n this.setState({\n scroll: window.scrollY\n });\n };\n\n componentDidMount() {\n window.addEventListener('scroll', this.handleScroll);\n }\n\n\n render() {\n const { classes } = this.props;\n\n return (\n \n \n = 50 ? classes.headerSec : classes.header}>\n \n \n \n = 50 ? classes.logoSec : classes.logo}\n src={process.env.PUBLIC_URL + '/oknp.svg'} alt=\"\" />\n \n \n \n {navigationMenu.nav.map((navItem, index) => (\n \n ))}\n \n \n \n \n \n\n \n \n \n
\n \n \n \n
\n \n \n {navigationMenu.nav.map((navItem, index) => (\n \n \n {navItem.title}\n \n \n ))}\n \n \n\n \n );\n }\n}\n\nexport default withStyles(styles)(Headers);\n\n","import React, {Component, Fragment} from 'react'\nimport {withStyles} from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper'\nimport Grid from '@material-ui/core/Grid'\nimport {footerLink} from '../../data'\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography'\n\n\nconst styles = (theme) => ({\n basic: {\n backgroundColor: '#195ec7',\n borderRadius: '0px',\n textAlign: 'center',\n padding: '50px',\n color: '#fff'\n },\n link: {\n color: '#fff',\n textDecoration: 'none',\n padding: '10px',\n },\n icon: {\n color: '#fff'\n },\n license: {\n padding: '5px 0',\n margin: 'auto',\n width: '40%',\n textAlign: 'center',\n color: '#fff',\n },\n [theme.breakpoints.down('sm')]: {\n basic: {\n padding: '30px',\n\n },\n license: {\n width: '100%',\n },\n },\n});\n\n\nclass Footer extends Component {\n state = {\n open: false,\n scroll: window.scrollY\n };\n\n render() {\n\n const {classes} = this.props;\n return (\n \n \n \n \n {footerLink.map((item, index) => (\n \n \n {item.title}\n ))}\n \n Content on this site, made by Open Knowledge Nepal, is licensed under a Creative\n Commons Attribution 4.0 International License.\n \n \n \"Creative\n \n \n \n \n\n \n )\n }\n}\n\nFooter.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(Footer)","import React, { Component, Fragment } from 'react'\nimport Grid from '@material-ui/core/Grid'\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\n\n\nconst styles = (theme) => ({\n hero: {\n background: `url(${process.env.PUBLIC_URL}/hero.png)`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n textAlign: 'center',\n color: theme.palette.text.secondary,\n minHeight: '650px',\n border: '0px',\n position: 'relative',\n margin: 'auto 0',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n\n },\n overlay: {\n backgroundImage: 'linear-gradient(-45deg, #00d2ff 0%, #0bc1f6 5.91%, #29a5da 58.62%, #3a7bd5 80% )',\n opacity: '0.9',\n position: 'absolute',\n top: '0px',\n width: '100%',\n height: '100%'\n },\n contentWapper: {\n color: '#fff',\n position: 'relative',\n margin: 'auto',\n height: '100%',\n width: '100%',\n },\n content: {\n width: '50%',\n },\n h1: {\n fontSize: '50px',\n color: '#fff',\n fontWeight: '400',\n lineHeight: '70px',\n margin: 0,\n\n\n },\n h2: {\n fontSize: '40px',\n fontWeight: '200',\n margin: '20px 0'\n },\n paragraph: {\n fontSize: '1.5625rem',\n\n },\n span: {\n color: \"#00D2FF\",\n fontWeight: '700'\n },\n button: {\n MarginTop: '30px',\n fontSize: '18px',\n height: '45px',\n width: '135px',\n backgroundColor: '#00D2FF',\n borderRadius: '23px',\n color: '#fff',\n border: 'none',\n textTransform: 'capitalize',\n boxShadow: ' 0px 3px 6px rgba(0, 0, 0, 0.16)',\n '&:hover': {\n backgroundColor: '#0da4ff',\n border: 'none',\n }\n },\n logo: {\n padding: '2%',\n\n },\n\n [theme.breakpoints.down('sm')]: {\n content: {\n width: '90%'\n },\n h1: {\n fontSize: '35px',\n color: '#fff',\n fontWeight: '400',\n lineHeight: '70px',\n margin: 0,\n\n\n },\n h2: {\n fontSize: '30px',\n fontWeight: '200',\n margin: '20px 0'\n },\n paragraph: {\n fontSize: '1.1625rem',\n\n },\n\n },\n\n\n});\n\n\nclass Hero extends Component {\n apply() {\n return window.location.href = \"https://docs.google.com/forms/d/1ki7U2WRPyWtvQAdnrqYZg9iC1LZsfHaivaVZEvC1tcA\";\n }\n\n\n render() {\n const { classes } = this.props;\n return (\n \n
\n
\n \n \n \n

\n OPEN DATA FELLOWSHIP

\n

WOMEN EDITON

\n

STRENGTHENING AND EMPOWERING THE WOMEN\n TOWARDS OPEN DATA MOVEMENT.

\n \n \n \n \n \n \"\"\n \"\"\n\n \n\n \n \"\"\n \"\"\n \"\"\n \n \n \n
\n \n )\n }\n}\n\nexport default withStyles(styles)(Hero)\n\n","import React, { Fragment, Component } from 'react'\nimport Grid from '@material-ui/core/Grid';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport { aboutFellowship } from '../../data'\nimport { Element } from \"react-scroll/modules\";\n\n\nconst Styles = (theme) => ({\n container: {\n width: '85%',\n margin: 'auto',\n\n },\n image: {\n width: '100%',\n maxWidth: ' calc(100% - 100px)',\n height: 'auto',\n },\n [theme.breakpoints.down('sm')]: {\n container: {\n display: 'flex',\n flexDirection: 'column-reverse',\n justifyContent: 'center',\n alignContent: 'center',\n textAlign: 'center'\n\n },\n },\n sectionTitle: {\n fontSize: '30px',\n fontWeight: '800',\n color: '#2963B4'\n },\n body: {\n fontSize: '15px',\n fontWeight: '300'\n }\n\n\n});\n\nclass About extends Component {\n render() {\n const { classes } = this.props\n return (\n \n \n \n \n Open Data\n Fellowship\n {aboutFellowship}\n \n \n \n \"\"\n \n \n \n \n );\n }\n\n}\n\nexport default withStyles(Styles)(About)","import React, {Component, Fragment} from 'react'\nimport Grid from '@material-ui/core/Grid'\nimport {withStyles} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport {whyShouldIJoin} from '../../data'\nimport {Element} from \"react-scroll/modules\";\n\nconst Styles = (theme) => ({\n container: {\n width: '85%',\n margin: 'auto',\n textAlign: 'center',\n\n },\n sectionTitle: {\n fontSize: '30px',\n fontWeight: '800',\n color: '#2963B4',\n textAlign: 'center',\n padding: '45px 0'\n\n },\n blockTitle: {\n textAlign: 'center',\n fontSize: '20px',\n display: ' block',\n lineHeight: '25px',\n borderBottom: '1px solid #337BE0',\n paddingBottom: '20px',\n margin: '0 auto 20px',\n position: 'relative',\n color: '#2A65B7',\n fontWeight: '500',\n '&:before,&:after': {\n content: \"''\",\n width: '10px',\n height: '10px',\n borderRadius: ' 50%',\n background: '#2A65B7',\n margin: ' 0 -5px 0 0',\n position: 'absolute',\n bottom: '-5px',\n right: '50%',\n transition: 'all 0.4s ease 0s',\n },\n '&:before': {\n borderBottom: '1px solid #337BE0',\n\n left: '50%',\n margin: '0 0 0 -5px',\n },\n '&:hover': {\n '&:before': {\n left: '100% !important'\n },\n '&:after': {\n right: '100% !important'\n }\n },\n\n },\n description: {\n fontSize: '16px',\n fontWeight: '300'\n },\n icon: {\n color: '#0da4ff'\n }\n\n});\n\nclass Why extends Component {\n render() {\n const {classes} = this.props;\n return (\n \n \n\n Why Should I Join?\n \n {whyShouldIJoin.map((obj, index) => (\n \n \n {obj.title}\n \n {obj.body}\n \n \n ))}\n\n \n \n \n )\n ;\n }\n}\n\nexport default withStyles(Styles)(Why);\n","import React, {Fragment, Component} from 'react'\nimport {withStyles} from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport Typography from '@material-ui/core/Typography'\nimport {FAQ} from '../../data'\nimport {Element} from \"react-scroll/modules\";\n\nconst Styles = (theme) => ({\n background: {\n background: '#3A7BD5',\n\n },\n container: {\n width: '85%',\n margin: 'auto',\n textAlign: 'left',\n paddingBottom: '30px'\n\n },\n sectionTitle: {\n fontSize: '30px',\n fontWeight: '800',\n color: '#fff',\n textAlign: 'center',\n padding: '45px 0'\n },\n title: {\n color: '#fff',\n fontWeight: '700',\n paddingBottom: '5px'\n\n },\n body: {\n color: '#fff',\n fontSize: '16px'\n\n }\n\n});\n\nclass Faq extends Component {\n render() {\n const {classes} = this.props\n return (\n \n \n
\n \n Frequently Asked Question\n \n \n {FAQ.map((obj, index) => (\n \n \n {obj.title}\n \n \n {obj.body}\n \n \n ))}\n \n
\n \n\n \n )\n }\n}\n\nexport default withStyles(Styles)(Faq)","import React, {Fragment, Component} from 'react'\nimport {withStyles} from '@material-ui/core/styles'\nimport Typography from '@material-ui/core/Typography'\nimport Grid from \"@material-ui/core/Grid\";\nimport {hostLogos} from '../../data'\nimport {Element} from \"react-scroll/modules\";\nconst Styles = (theme) => ({\n container: {\n width: '80%',\n margin: 'auto',\n textAlign: 'left',\n\n },\n sectionTitle: {\n fontSize: '30px',\n fontWeight: '800',\n color: '#2963B4',\n textAlign: 'center',\n padding: '45px 0'\n\n },\n logo: {\n textAlign: 'center',\n },\n logoList: {\n listStyle: '',\n display: 'inline',\n margin: '15px',\n },\n img:{\n verticalAlign: 'middle'\n }\n});\n\nclass hostOrg extends Component {\n logo = Array.prototype.sort.apply(hostLogos);\n render() {\n const {classes} = this.props\n return (\n \n \n\n \n Host Organizations\n \n \n\n
    \n {this.logo.map((item,index)=>(\n
  • \"\"/\n
    • \n ))}\n
\n \n \n \n );\n }\n\n}\n\nexport default withStyles(Styles)(hostOrg)","import React, { Component, Fragment } from 'react'\nimport Header from './layouts/header/header';\nimport Footer from './layouts/footer/footer';\nimport Hero from './layouts/body/hero';\nimport About from './layouts/body/about';\nimport Info from './layouts/body/info';\nimport Faq from './layouts/body/faq'\nimport Host from './layouts/body/hostOrg'\n\n\n\n\nclass APP extends Component {\n render() {\n return (\n \n
\n \n \n \n \n \n