\r\n {this.props.children}\r\n
\r\n :\r\n \r\n
\r\n ),\r\n NewsRelease: (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n ),\r\n ImageBox: (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ),\r\n VideoEmbed: (\r\n \r\n ),\r\n Bio: (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n };\r\n if(!props.component || !fallbacks[props.component] ){\r\n const panels = [0,0,0];\r\n return (\r\n \r\n {panels.map((_,i)=>\r\n
\r\n )\r\n }else{\r\n return fallbacks[props.component];\r\n }\r\n};\r\n\r\nFallback.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(Fallback);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport jump from 'jump.js';\r\nimport { withRouter } from 'react-router';\r\n\r\nclass ScrollableAnchor extends React.Component {\r\n static propTypes = {\r\n duration: PropTypes.number,\r\n offset: PropTypes.number,\r\n callback: PropTypes.func,\r\n a11y: PropTypes.bool\r\n };\r\n\r\n static defaultProps = {\r\n duration: 500,\r\n offset: 0,\r\n callback: undefined,\r\n a11y: false\r\n };\r\n checkTop=()=>{\r\n setTimeout(()=>{\r\n const element = document.querySelector(this.props.location.hash);\r\n if (element) {\r\n if(element.offsetTop !== 0){\r\n jump(element, {\r\n duration: 0,\r\n offset: -100,\r\n callback: this.props.callback,\r\n a11y: this.props.a11y\r\n });\r\n } else this.checkTop()\r\n }\r\n }, 15)\r\n }\r\n componentDidMount() {\r\n try{\r\n const id = this.props.location.hash.split('#');\r\n if(id[1] && this.props.id === id[1]) this.checkTop();\r\n }catch(e){\r\n \r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (this.props.location.hash !== prevProps.location.hash) this.checkTop() \r\n }\r\n render() {\r\n return \r\n \r\n \r\n Loading Data \r\n \r\n
\r\n )}\r\n {this.props.children}
\r\n }\r\n}\r\nexport default withRouter(ScrollableAnchor);","import React, { PureComponent } from 'react';\r\nimport EditWrapper from '../EditWrapper/EditWrapper';\r\nimport { ParallaxBanner } from 'react-scroll-parallax';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport \"./Banner.css\";\r\nimport { Typography } from '@material-ui/core';\r\nimport PropTypes from 'prop-types';\r\nimport { base_url } from '../../data/db';\r\nimport logo from '../../images/logo.png';\r\n\r\nconst styles = theme => ({\r\n bannerHeight: {\r\n height: '300px',\r\n [theme.breakpoints.down('md')]: {\r\n height: '100px !important',\r\n },\r\n },\r\n titlePosition: {\r\n position: 'absolute',\r\n // top: '50%',\r\n // transform: 'translateY(-50%)',\r\n zIndex: 2,\r\n padding: '0 20px',\r\n height: '100%'\r\n },\r\n logo: {\r\n width: '200px',\r\n marginRight: '20px',\r\n verticalAlign: 'middle',\r\n whiteSpace: 'normal',\r\n [theme.breakpoints.down('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n title: {\r\n display: 'inline-block',\r\n verticalAlign: 'middle',\r\n textShadow: '2px 3px 3px rgba(40,40,40)',\r\n [theme.breakpoints.down('md')]: {\r\n fontSize: '2rem',\r\n },\r\n },\r\n gradientBG: {\r\n position: 'absolute',\r\n top: '0px',\r\n left: '0',\r\n right: '-190px',\r\n bottom: '0',\r\n zIndex: -1,\r\n background: 'linear-gradient(to right, rgba(0, 0, 0, 0.628) 0%, rgba(0, 0, 0, 0.378) 19%, rgba(0, 0, 0, 0.2502) 34%, rgba(0, 0, 0, 0.2224) 47%, rgba(0, 0, 0, 0.1946) 56.5%, rgba(0, 0, 0, 0.1668) 65%, rgba(0, 0, 0, 0.139) 73%, rgba(0, 0, 0, 0.1112) 80.2%, rgba(0, 0, 0, 0.0834) 86.1%, rgba(0, 0, 0, 0.0556) 91%, rgba(0, 0, 0, 0.02776) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%)'\r\n },\r\n alignMiddle: {\r\n display: 'inline-block',\r\n verticalAlign: 'middle',\r\n height: '100%'\r\n }\r\n});\r\n\r\nclass Banner extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n banner_image: this.props.src ? `\"${base_url}${this.props.src}\"` : false\r\n }\r\n }\r\n render() {\r\n const { classes } = this.props;\r\n const image = this.props.src ? `\"${base_url}${this.props.src}\"` : false;\r\n const image_hover = this.props.src_hover ? `\"${base_url}${this.props.src_hover}\"` : image;\r\n return (\r\n \r\n
\r\n this.setState({ banner_image: image_hover })} onMouseOut={e => this.setState({ banner_image: image })}>\r\n \r\n
\r\n \r\n \r\n \r\n {this.props.logo_ind && (\r\n 
\r\n )}\r\n {this.props.title_ind ? null : {this.props.title} }\r\n
\r\n \r\n