{"version":3,"sources":["../ScrollToTop.tsx","images/cloudcomputing.jpg","images/microservices.jpg","images/deeplearning.jpg","images/softwarearchitecture.jpg","images/lab.jpg","images/authentication-and-authorization.jpg","images/Security.jpg","images/automation.jpg","images/team-img1.jpg","images/pages/nas/status.png","images/pages/nas/lighting1.png","images/pages/nas/lighting2.png","images/pages/nas/lighting3.png","images/stock_viewer2.png","images/demo.gif","store/WeatherForecasts.ts","store/index.ts","store/Counter.ts","components/Header.tsx","components/Footer.tsx","components/Layout.tsx","components/TypedEffect.tsx","components/ContactMe.tsx","components/Portfolio.tsx","components/NavMenu.tsx","components/Home.tsx","components/pages/nas/nas.tsx","components/pages/mwa/mwa.tsx","components/pages/NotFound.tsx","components/pages/projects/projects.tsx","components/pages/skycontrol/skycontrol.tsx","components/pages/braviacontrol/braviacontrol.tsx","components/pages/monitorinfo/monitorinfo.tsx","components/pages/audioinfo/audioinfo.tsx","components/pages/chromecontrol/chromecontrol.tsx","components/pages/browserviewer/browserviewer.tsx","components/pages/browserviewer/terms.tsx","App.tsx","registerServiceWorker.ts","index.tsx","store/configureStore.ts"],"names":["module","exports","unloadedState","forecasts","isLoading","reducers","counter","state","incomingAction","undefined","count","type","weatherForecasts","action","startDateIndex","HeaderBar","ReactGA","window","location","pathname","search","id","Container","Row","Col","md","sm","xs","color","icon","faEnvelope","href","className","faFacebookF","faTwitter","faLinkedinIn","React","Footer","data-wow-offset","data-wow-delay","props","children","TypedEffect","timeoutVar","handleType","displayText","typeSpeed","deleteSpeed","isDeleting","loopNum","text","typingSpeed","fullText","length","setState","substring","humanize","Math","round","random","setTimeout","this","clearTimeout","defaultProps","ContactMe","name","email","message","error","messageSending","messageSent","handleSubmit","event","preventDefault","xsrfToken","getCookie","alert","data","Name","Email","Message","fetch","method","body","JSON","stringify","headers","then","response","json","console","log","cookieValue","document","cookie","cookies","split","i","trim","decodeURIComponent","bind","onNameChange","onEmailChange","onMessageChange","e","target","value","renderError","renderSuccessMessage","renderSending","renderForm","onSubmit","ref","onChange","form","rows","Spinner","animation","role","renderContactSection","faMapMarkerAlt","Portfolio","showModalCloud","showModalMicroservices","showModalDeepLearning","showModalArchitecture","showModal3D","showModalAuth","showModalSecurity","showModalAutomation","toggleModalCloud","toggleModalMicroservices","toggleModalML","toggleModalArchitecture","toggleModal3D","toggleModalAuth","toggleModalSecurity","toggleModalAutomation","Modal","isOpen","toggle","ModalHeader","ModalBody","ModalFooter","Button","onClick","src","require","alt","renderCloudModal","renderMicroservicesModal","renderMLModal","renderArchitectureModal","render3DModal","renderAuthModal","renderCyberModal","renderAutomationModal","style","margin","to","NavMenu","homeCurrent","homeHeight","aboutCurrent","aboutHeight","serviceCurrent","serviceHeight","portfolioCurrent","portfolioHeight","contactCurrent","contactHeight","handleScroll","handleSectionInView","calculateHeights","addEventListener","winScroll","documentElement","scrollTop","getElementById","getBoundingClientRect","top","removeEventListener","currentHeight","Navbar","sticky","light","expand","NavbarToggler","Collapse","navbar","Nav","NavItem","NavLink","connect","size","offset","data-scroll","width","loader","faLaptop","faEye","faUserShield","Layout","exact","path","component","Home","Nas","Mwa","SkyControl","BraviaControl","MonitorInfo","AudioInfo","Projects","ChromeControl","Terms","BrowserViewer","NotFound","isLocalhost","Boolean","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","registration","onupdatefound","installingWorker","installing","onstatechange","controller","catch","baseUrl","getElementsByTagName","getAttribute","history","createBrowserHistory","basename","store","initialState","middleware","thunk","routerMiddleware","rootReducer","combineReducers","router","connectRouter","enhancers","windowIfDefined","__REDUX_DEVTOOLS_EXTENSION__","push","createStore","compose","applyMiddleware","configureStore","ReactDOM","App","URL","process","toString","origin","contentType","get","status","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.5f8034a8.chunk.js","sourcesContent":["\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar react_1 = require(\"react\");\r\nvar react_router_dom_1 = require(\"react-router-dom\");\r\nfunction ScrollToTop() {\r\n    var pathname = react_router_dom_1.useLocation().pathname;\r\n    react_1.useEffect(function () {\r\n        window.scrollTo(0, 0);\r\n    }, [pathname]);\r\n    return null;\r\n}\r\nexports.default = ScrollToTop;\r\n//# sourceMappingURL=ScrollToTop.js.map","module.exports = __webpack_public_path__ + \"static/media/cloudcomputing.3262fc56.jpg\";","module.exports = __webpack_public_path__ + \"static/media/microservices.4d423e57.jpg\";","module.exports = __webpack_public_path__ + \"static/media/deeplearning.d3388d12.jpg\";","module.exports = __webpack_public_path__ + \"static/media/softwarearchitecture.43dd07e6.jpg\";","module.exports = __webpack_public_path__ + \"static/media/lab.c2f7b197.jpg\";","module.exports = __webpack_public_path__ + \"static/media/authentication-and-authorization.3a2a1067.jpg\";","module.exports = __webpack_public_path__ + \"static/media/Security.929c4c2f.jpg\";","module.exports = __webpack_public_path__ + \"static/media/automation.ac492b8d.jpg\";","module.exports = __webpack_public_path__ + \"static/media/team-img1.4a53ded3.jpg\";","module.exports = __webpack_public_path__ + \"static/media/status.ce2ef5a5.png\";","module.exports = __webpack_public_path__ + \"static/media/lighting1.f6384259.png\";","module.exports = __webpack_public_path__ + \"static/media/lighting2.290523d1.png\";","module.exports = __webpack_public_path__ + \"static/media/lighting3.9cb4650e.png\";","module.exports = __webpack_public_path__ + \"static/media/stock_viewer2.13f7862f.png\";","module.exports = __webpack_public_path__ + \"static/media/demo.ce164e80.gif\";","import { Action, Reducer } from 'redux';\r\nimport { AppThunkAction } from './';\r\n\r\n// -----------------\r\n// STATE - This defines the type of data maintained in the Redux store.\r\n\r\nexport interface WeatherForecastsState {\r\n    isLoading: boolean;\r\n    startDateIndex?: number;\r\n    forecasts: WeatherForecast[];\r\n}\r\n\r\nexport interface WeatherForecast {\r\n    date: string;\r\n    temperatureC: number;\r\n    temperatureF: number;\r\n    summary: string;\r\n}\r\n\r\n// -----------------\r\n// ACTIONS - These are serializable (hence replayable) descriptions of state transitions.\r\n// They do not themselves have any side-effects; they just describe something that is going to happen.\r\n\r\ninterface RequestWeatherForecastsAction {\r\n    type: 'REQUEST_WEATHER_FORECASTS';\r\n    startDateIndex: number;\r\n}\r\n\r\ninterface ReceiveWeatherForecastsAction {\r\n    type: 'RECEIVE_WEATHER_FORECASTS';\r\n    startDateIndex: number;\r\n    forecasts: WeatherForecast[];\r\n}\r\n\r\n// Declare a 'discriminated union' type. This guarantees that all references to 'type' properties contain one of the\r\n// declared type strings (and not any other arbitrary string).\r\ntype KnownAction = RequestWeatherForecastsAction | ReceiveWeatherForecastsAction;\r\n\r\n// ----------------\r\n// ACTION CREATORS - These are functions exposed to UI components that will trigger a state transition.\r\n// They don't directly mutate state, but they can have external side-effects (such as loading data).\r\n\r\nexport const actionCreators = {\r\n    requestWeatherForecasts: (startDateIndex: number): AppThunkAction<KnownAction> => (dispatch, getState) => {\r\n        // Only load data if it's something we don't already have (and are not already loading)\r\n        const appState = getState();\r\n        if (appState && appState.weatherForecasts && startDateIndex !== appState.weatherForecasts.startDateIndex) {\r\n            fetch(`weatherforecast`)\r\n                .then(response => response.json() as Promise<WeatherForecast[]>)\r\n                .then(data => {\r\n                    dispatch({ type: 'RECEIVE_WEATHER_FORECASTS', startDateIndex: startDateIndex, forecasts: data });\r\n                });\r\n\r\n            dispatch({ type: 'REQUEST_WEATHER_FORECASTS', startDateIndex: startDateIndex });\r\n        }\r\n    }\r\n};\r\n\r\n// ----------------\r\n// REDUCER - For a given state and action, returns the new state. To support time travel, this must not mutate the old state.\r\n\r\nconst unloadedState: WeatherForecastsState = { forecasts: [], isLoading: false };\r\n\r\nexport const reducer: Reducer<WeatherForecastsState> = (state: WeatherForecastsState | undefined, incomingAction: Action): WeatherForecastsState => {\r\n    if (state === undefined) {\r\n        return unloadedState;\r\n    }\r\n\r\n    const action = incomingAction as KnownAction;\r\n    switch (action.type) {\r\n        case 'REQUEST_WEATHER_FORECASTS':\r\n            return {\r\n                startDateIndex: action.startDateIndex,\r\n                forecasts: state.forecasts,\r\n                isLoading: true\r\n            };\r\n        case 'RECEIVE_WEATHER_FORECASTS':\r\n            // Only accept the incoming data if it matches the most recent request. This ensures we correctly\r\n            // handle out-of-order responses.\r\n            if (action.startDateIndex === state.startDateIndex) {\r\n                return {\r\n                    startDateIndex: action.startDateIndex,\r\n                    forecasts: action.forecasts,\r\n                    isLoading: false\r\n                };\r\n            }\r\n            break;\r\n    }\r\n\r\n    return state;\r\n};\r\n","import * as WeatherForecasts from './WeatherForecasts';\r\nimport * as Counter from './Counter';\r\n\r\n// The top-level state object\r\nexport interface ApplicationState {\r\n    counter: Counter.CounterState | undefined;\r\n    weatherForecasts: WeatherForecasts.WeatherForecastsState | undefined;\r\n}\r\n\r\n// Whenever an action is dispatched, Redux will update each top-level application state property using\r\n// the reducer with the matching name. It's important that the names match exactly, and that the reducer\r\n// acts on the corresponding ApplicationState property type.\r\nexport const reducers = {\r\n    counter: Counter.reducer,\r\n    weatherForecasts: WeatherForecasts.reducer\r\n};\r\n\r\n// This type can be used as a hint on action creators so that its 'dispatch' and 'getState' params are\r\n// correctly typed to match your store.\r\nexport interface AppThunkAction<TAction> {\r\n    (dispatch: (action: TAction) => void, getState: () => ApplicationState): void;\r\n}\r\n","import { Action, Reducer } from 'redux';\r\n\r\n// -----------------\r\n// STATE - This defines the type of data maintained in the Redux store.\r\n\r\nexport interface CounterState {\r\n    count: number;\r\n}\r\n\r\n// -----------------\r\n// ACTIONS - These are serializable (hence replayable) descriptions of state transitions.\r\n// They do not themselves have any side-effects; they just describe something that is going to happen.\r\n// Use @typeName and isActionType for type detection that works even after serialization/deserialization.\r\n\r\nexport interface IncrementCountAction { type: 'INCREMENT_COUNT' }\r\nexport interface DecrementCountAction { type: 'DECREMENT_COUNT' }\r\n\r\n// Declare a 'discriminated union' type. This guarantees that all references to 'type' properties contain one of the\r\n// declared type strings (and not any other arbitrary string).\r\nexport type KnownAction = IncrementCountAction | DecrementCountAction;\r\n\r\n// ----------------\r\n// ACTION CREATORS - These are functions exposed to UI components that will trigger a state transition.\r\n// They don't directly mutate state, but they can have external side-effects (such as loading data).\r\n\r\nexport const actionCreators = {\r\n    increment: () => ({ type: 'INCREMENT_COUNT' } as IncrementCountAction),\r\n    decrement: () => ({ type: 'DECREMENT_COUNT' } as DecrementCountAction)\r\n};\r\n\r\n// ----------------\r\n// REDUCER - For a given state and action, returns the new state. To support time travel, this must not mutate the old state.\r\n\r\nexport const reducer: Reducer<CounterState> = (state: CounterState | undefined, incomingAction: Action): CounterState => {\r\n    if (state === undefined) {\r\n        return { count: 0 };\r\n    }\r\n\r\n    const action = incomingAction as KnownAction;\r\n    switch (action.type) {\r\n        case 'INCREMENT_COUNT':\r\n            return { count: state.count + 1 };\r\n        case 'DECREMENT_COUNT':\r\n            return { count: state.count - 1 };\r\n        default:\r\n            return state;\r\n    }\r\n};\r\n","import * as React from 'react';\r\nimport { Row, Col, Container } from 'reactstrap';\r\nimport './Header.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faFacebookF, faTwitter, faLinkedinIn } from '@fortawesome/free-brands-svg-icons';\r\nimport { faEnvelope } from '@fortawesome/free-solid-svg-icons';\r\nimport * as ReactGA from \"react-ga\";\r\n\r\nexport default class HeaderBar extends React.Component {\r\n\r\n    componentDidMount() {\r\n        ReactGA.pageview(window.location.pathname + window.location.search);\r\n    }\r\n\r\n    public render() {        \r\n        return (\r\n            <div id=\"header\">\r\n                <header>\r\n                    <Container>\r\n                        <Row>\r\n                            <Col md=\"6\" sm=\"6\" xs=\"12\">\r\n                                <FontAwesomeIcon color=\"#28a7e9\" icon={faEnvelope} /><span> Email</span><a href=\"#\">brett@bretthewitt.net</a>\r\n                            </Col>\r\n                            <Col md=\"6\" sm=\"6\" xs=\"12\">\r\n                                <ul className=\"social-icon\">\r\n                                    <li><span>Meet me on</span></li>\r\n                                    <li><a href=\"https://fb.me/drbretthewitt\" className=\"fa facebook\"><FontAwesomeIcon icon={faFacebookF} /></a></li>\r\n                                    <li><a href=\"https://twitter.com/hewitt_brett\" className=\"twitter\"><FontAwesomeIcon icon={faTwitter} /></a></li>\r\n                                    <li><a href=\"https://www.linkedin.com/in/dr-brett-hewitt-5587167b/\" className=\"linkedin\"><FontAwesomeIcon icon={faLinkedinIn} /></a></li>\r\n                                </ul>\r\n                            </Col>\r\n                        </Row>\r\n                    </Container>\r\n                </header>\r\n            </div>\r\n        );\r\n    }\r\n}","import * as React from 'react';\r\nimport { Container, Row, Col } from 'reactstrap';\r\nimport './Footer.css';\r\n\r\nexport default class Footer extends React.Component {\r\n    public render() {\r\n        \r\n        return (\r\n            <div id=\"footer\">\r\n                <footer id=\"copyright\">\r\n                    <Container>\r\n                        <Row>\r\n                            <Col md=\"12\" className=\"text-center\">\r\n                                <p className=\"wow bounceIn\" data-wow-offset=\"50\" data-wow-delay=\"0.3s\">\r\n                                    Copyright &copy; 2022 Brett Hewitt</p>\r\n                            </Col>\r\n                        </Row>\r\n                    </Container>\r\n                </footer>\r\n            </div>\r\n        );\r\n    }\r\n}","import * as React from 'react';\r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\n\r\nexport default (props: { children?: React.ReactNode }) => (\r\n    <React.Fragment>\r\n        <Header/>\r\n        {props.children}\r\n        <Footer/>\r\n    </React.Fragment>\r\n);\r\n","import * as React from 'react';\r\nimport './Footer.css';\r\n\r\ninterface IState {\r\n    text: string,\r\n    isDeleting: boolean,\r\n    loopNum: number,\r\n    typingSpeed: number\r\n}\r\n\r\ninterface IProps {\r\n    displayText: Array<string>,\r\n    typeSpeed: number,\r\n    deleteSpeed: number\r\n}\r\n\r\nexport default class TypedEffect extends React.PureComponent<IProps, IState> {\r\n\r\n    timeoutVar: any;\r\n\r\n    constructor(props : IProps) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            text: '',\r\n            isDeleting: false,\r\n            loopNum: 0,\r\n            typingSpeed: 0\r\n        }\r\n    }\r\n\r\n    public static defaultProps = {\r\n        displayText: [],\r\n        typeSpeed: 0,\r\n        deleteSpeed: 0\r\n    }\r\n\r\n    public componentDidMount() {\r\n        this.handleType();\r\n    }\r\n\r\n    public componentWillUnmount() {\r\n        if (this.timeoutVar) {\r\n            clearTimeout(this.timeoutVar);\r\n        }\r\n    }\r\n\r\n    private handleType = () => {\r\n        const { displayText, typeSpeed, deleteSpeed } = this.props;\r\n        const { isDeleting, loopNum, text, typingSpeed } = this.state;\r\n        const i = loopNum % displayText.length;\r\n        const fullText = displayText[i];\r\n\r\n        this.setState({\r\n            text: isDeleting ? fullText.substring(0, text.length - 1) : fullText.substring(0, text.length + 1),\r\n            typingSpeed: isDeleting ? deleteSpeed : typeSpeed\r\n        });\r\n\r\n        var humanize = Math.round(Math.random() * (70)) + typingSpeed;\r\n\r\n        if (!isDeleting && text === fullText) {\r\n            this.setState({ isDeleting: true });\r\n            this.timeoutVar = setTimeout(this.handleType, 500);\r\n            return;\r\n        } else if (isDeleting && text === '') {\r\n\r\n            this.setState({\r\n                isDeleting: false,\r\n                loopNum: loopNum + 1\r\n            });\r\n\r\n        }\r\n\r\n        this.timeoutVar = setTimeout(this.handleType, humanize);\r\n    };\r\n\r\n    public render() {        \r\n        return (\r\n            <span>{this.state.text}</span>\r\n        );\r\n    }\r\n}","import * as React from 'react';\r\nimport { Row, Col, Container, Spinner } from 'reactstrap';\r\nimport './ContactMe.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faFacebookF, faTwitter, faLinkedinIn } from '@fortawesome/free-brands-svg-icons';\r\nimport { faEnvelope, faMapMarkerAlt } from '@fortawesome/free-solid-svg-icons';\r\n\r\ninterface IState {\r\n    name: string,\r\n    email: string,\r\n    message: string,\r\n    error: string,\r\n    messageSending: boolean,\r\n    messageSent: boolean,\r\n}\r\n\r\nexport default class ContactMe extends React.Component<{}, IState> {\r\n    public state = {\r\n        name: '',\r\n        email: '',\r\n        message: '',\r\n        error: '',\r\n        messageSending: false,\r\n        messageSent: false\r\n    };\r\n\r\n    constructor(props: any) {\r\n        super(props);\r\n\r\n        this.handleSubmit = this.handleSubmit.bind(this);\r\n        this.getCookie = this.getCookie.bind(this);\r\n        this.onNameChange = this.onNameChange.bind(this);\r\n        this.onEmailChange = this.onEmailChange.bind(this);\r\n        this.onMessageChange = this.onMessageChange.bind(this);\r\n    }\r\n\r\n    private handleSubmit = (event: any) => {\r\n        event.preventDefault();\r\n\r\n        this.setState({\r\n            messageSending: true\r\n        });\r\n\r\n        let xsrfToken = this.getCookie('XSRF-TOKEN');   //*get AntiforgeryToken from Cookies\r\n        if (xsrfToken == null) { alert(\"AntiforgeryToken is missing\") };\r\n\r\n        const data = {\r\n            Name: this.state.name,\r\n            Email: this.state.email,\r\n            Message: this.state.message,\r\n        };\r\n\r\n        fetch(\"email/send\", {\r\n            method: 'POST',\r\n            body: JSON.stringify(data),\r\n            headers: {\r\n                'Accept': \"application/json, text/plain, */*\",\r\n                'Content-Type': \"application/json;charset=utf-8\",\r\n                'X-XSRF-TOKEN': xsrfToken\r\n            }\r\n        }).then(response => response.json())\r\n            .then(data => {\r\n                console.log(data);\r\n                if (!data[\"success\"]) {\r\n                    switch (data[\"errorCode\"]) {\r\n                        default:\r\n                            this.setState({\r\n                                error: \"Something went wrong\",\r\n                                messageSent: true\r\n                            });\r\n                    }\r\n                }\r\n                else {\r\n                    this.setState({\r\n                        messageSent: true\r\n                    });\r\n                }\r\n            });\r\n    }\r\n\r\n    private getCookie = (name: string) => {\r\n        let cookieValue = \"\";\r\n        if (document.cookie && document.cookie !== '') {\r\n            const cookies = document.cookie.split(';');\r\n            for (let i = 0; i < cookies.length; i++) {\r\n                const cookie = cookies[i].trim();\r\n\r\n                // Does this cookie string begin with the name we want?\r\n                if (cookie.substring(0, name.length + 1) === (name + '=')) {\r\n                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n\r\n        return cookieValue;\r\n    }\r\n\r\n    private onNameChange(e: any) {\r\n        this.setState({\r\n            name: e.target.value\r\n        });\r\n    }\r\n\r\n    private onEmailChange(e: any) {\r\n        this.setState({\r\n            email: e.target.value\r\n        });\r\n    }\r\n\r\n    private onMessageChange(e: any) {\r\n        this.setState({\r\n            message: e.target.value\r\n        });\r\n    }\r\n\r\n    private renderContactSection() {\r\n        if (this.state.messageSent) {\r\n            if (!this.state.error) {\r\n                return this.renderSuccessMessage();\r\n            }\r\n            else {\r\n                return this.renderError();\r\n            }\r\n        }\r\n        else if (this.state.messageSending) {\r\n            return this.renderSending();\r\n        }\r\n        else {\r\n            return this.renderForm();\r\n        }\r\n    }\r\n\r\n    private renderForm() {\r\n        return (\r\n            <div id=\"eform\">\r\n                <form id=\"sendEmail\" onSubmit={this.handleSubmit}>\r\n                    <label>NAME</label>\r\n                    <input name=\"fullname\" type=\"text\" className=\"form-control\" id=\"fullname\" ref=\"nameInput\" onChange={this.onNameChange} />\r\n\r\n                    <label>EMAIL</label>\r\n                    <input name=\"email\" type=\"email\" className=\"form-control\" id=\"email\" ref=\"emailInput\" onChange={this.onEmailChange} />\r\n\r\n                    <label>MESSAGE</label>\r\n                    <textarea name=\"textmsg\" form=\"sendEmail\" rows={4} className=\"form-control\" id=\"textmsg\" ref=\"messageInput\" onChange={this.onMessageChange}></textarea>\r\n\r\n                    <input type=\"submit\" className=\"form-control\" id=\"submit\" />\r\n                </form>\r\n            </div>\r\n        );        \r\n    }\r\n\r\n    private renderError() {\r\n        return (\r\n            <div id=\"error_message\">\r\n                {this.state.error}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private renderSuccessMessage() {\r\n        return (\r\n            <div id=\"successMessage\">\r\n                <h3>Your message has been sent and we will get back to you as quickly possible.</h3>\r\n            </div>\r\n            );\r\n    }\r\n\r\n    private renderSending() {\r\n        return (\r\n            <div id=\"successMessage\">\r\n                <Spinner animation=\"border\" role=\"status\">\r\n                    <span className=\"sr-only\">Loading...</span>\r\n                </Spinner>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    public render() {\r\n        \r\n        return (\r\n            <section id=\"contact\">\r\n                <Container>\r\n                    <Row className=\"t2\">\r\n                        <Col md=\"12\">\r\n                            <h2 className=\"wow bounceIn\" data-wow-offset=\"50\" data-wow-delay=\"0.1s\">CONTACT <span>ME</span></h2>\r\n                        </Col>\r\n                        <Col md=\"6\" sm=\"6\" xs=\"12\" className=\"wow fadeInLeft\" data-wow-offset=\"50\" data-wow-delay=\"0.9s\">\r\n                            {this.renderContactSection()}\r\n                        </Col>\r\n                        <Col md=\"6\" sm=\"6\" xs=\"12\" className=\"wow fadeInRight\" data-wow-offset=\"50\" data-wow-delay=\"0.6s\">\r\n                            <address>\r\n                                <p className=\"address-title\">MY DETAILS</p>\r\n                                <p><FontAwesomeIcon icon={faEnvelope} className=\"fa\" /><span className=\"ml-2\">brett@bretthewitt.net</span></p>\r\n                                <p><FontAwesomeIcon icon={faMapMarkerAlt} className=\"fa\" /><span className=\"ml-2\"> Manchester, UK</span></p>\r\n                            </address>\r\n                            <ul className=\"social-icon\">\r\n                                <li><h4>I AM SOCIAL</h4></li>\r\n                                <li><a href=\"https://fb.me/drbretthewitt\"><FontAwesomeIcon icon={faFacebookF} className=\"fa facebook\" /></a></li>\r\n                                <li><a href=\"https://twitter.com/hewitt_brett\"><FontAwesomeIcon icon={faTwitter} className=\"fa twitter\" /></a></li>\r\n                                <li><a href=\"https://www.linkedin.com/in/dr-brett-hewitt-5587167b/\"><FontAwesomeIcon icon={faLinkedinIn} className=\"fa linkedin\" /></a></li>\r\n                            </ul>\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n            </section>\r\n        );\r\n    }\r\n}","import * as React from 'react';\r\nimport { Container, Modal, ModalHeader, ModalBody, ModalFooter, Button, Row, Col } from 'reactstrap';\r\nimport './Portfolio.css';\r\nimport { Link } from 'react-router-dom';\r\n\r\ninterface IState {\r\n    showModalCloud: boolean,\r\n    showModalMicroservices: boolean,\r\n    showModalDeepLearning: boolean,\r\n    showModalArchitecture: boolean,\r\n    showModal3D: boolean,\r\n    showModalAuth: boolean,\r\n    showModalSecurity: boolean,\r\n    showModalAutomation: boolean\r\n}\r\n\r\nexport default class Portfolio extends React.Component<{}, IState> {\r\n    public state = {\r\n        showModalCloud: false,\r\n        showModalMicroservices: false,\r\n        showModalDeepLearning: false,\r\n        showModalArchitecture: false,\r\n        showModal3D: false,\r\n        showModalAuth: false,\r\n        showModalSecurity: false,\r\n        showModalAutomation: false\r\n    };\r\n\r\n    constructor(props: any) {\r\n        super(props);\r\n\r\n        this.toggleModalCloud = this.toggleModalCloud.bind(this);\r\n        this.toggleModalMicroservices = this.toggleModalMicroservices.bind(this);\r\n        this.toggleModalML = this.toggleModalML.bind(this);\r\n        this.toggleModalArchitecture = this.toggleModalArchitecture.bind(this);\r\n        this.toggleModal3D = this.toggleModal3D.bind(this);\r\n        this.toggleModalAuth = this.toggleModalAuth.bind(this);\r\n        this.toggleModalSecurity = this.toggleModalSecurity.bind(this);\r\n        this.toggleModalAutomation = this.toggleModalAutomation.bind(this);\r\n    }\r\n\r\n    toggleModalCloud() {\r\n        this.setState({\r\n            showModalCloud: !this.state.showModalCloud\r\n        });\r\n    }\r\n\r\n    toggleModalMicroservices() {\r\n        this.setState({\r\n            showModalMicroservices: !this.state.showModalMicroservices\r\n        });\r\n    }\r\n\r\n    toggleModalML() {\r\n        this.setState({\r\n            showModalDeepLearning: !this.state.showModalDeepLearning\r\n        });\r\n    }\r\n\r\n    toggleModalArchitecture() {\r\n        this.setState({\r\n            showModalArchitecture: !this.state.showModalArchitecture\r\n        });\r\n    }\r\n\r\n    toggleModal3D() {\r\n        this.setState({\r\n            showModal3D: !this.state.showModal3D\r\n        });\r\n    }\r\n\r\n    toggleModalAuth() {\r\n        this.setState({\r\n            showModalAuth: !this.state.showModalAuth\r\n        });\r\n    }\r\n\r\n    toggleModalSecurity() {\r\n        this.setState({\r\n            showModalSecurity: !this.state.showModalSecurity\r\n        });\r\n    }\r\n\r\n    toggleModalAutomation() {\r\n        this.setState({\r\n            showModalAutomation: !this.state.showModalAutomation\r\n        });\r\n    }\r\n\r\n    renderCloudModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModalCloud} toggle={this.toggleModalCloud}>\r\n                <ModalHeader>I've got my head in the Clouds</ModalHeader>\r\n                <ModalBody>\r\n                    I've built a multitude of systems that leverage the incredible flexibility of the major cloud based platforms Azure and AWS. Whether it's a website, severless computing, machine learning, or a complex microservice based architecture, cloud computing allows you to build scalable solutions.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModalCloud}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    renderMicroservicesModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModalMicroservices} toggle={this.toggleModalMicroservices}>\r\n                <ModalHeader>Microservices</ModalHeader>\r\n                <ModalBody>\r\n                    For complex software, nothing beats a mircoservice architecture, allowing you to build service specific infrastructure to meet even the most performant demands. Seperating teams areas of concerns also provides enormous benefit. Gone are the days of having to be careful about impacting a completely seperate area of the product with your code changes, microservices decoupled nature can provide enormous benefits.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModalMicroservices}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    renderMLModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModalDeepLearning} toggle={this.toggleModalML}>\r\n                <ModalHeader>Deep Learning</ModalHeader>\r\n                <ModalBody>\r\n                    Deep learning has ushered in a new era of data analytics, whether it's helping a computer make sense of an image, or predicting an event, there's no denying Deep Learning has had a huge impact. But even if you've created the best Deep Learning model for your use case, deploying this into an application can still be challenging. I've got experience helping companies generate datasets, re-train models on the fly, through to deploying these models for use locally or from the cloud.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModalML}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    renderArchitectureModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModalArchitecture} toggle={this.toggleModalArchitecture}>\r\n                <ModalHeader>Software Architecture</ModalHeader>\r\n                <ModalBody>\r\n                    For any software, getting the architecture correct from the beginning can save countless headaches. It's not always obvious what the correct solution should be, infrastrcture and business constraints can often prevent the use of the most ideal architecture. The experience I've gained from building small scale desktop application, to enterprise leading cloud based microservices has given me the insight needed to make the correct decisions on how an application should be best built.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModalArchitecture}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    render3DModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModal3D} toggle={this.toggleModal3D}>\r\n                <ModalHeader>3D Visualisations</ModalHeader>\r\n                <ModalBody>\r\n                    Custom built software can be more than just screens of text. I've built real time 3D visualisations of labopratory workflows, through to rendering nuclear interactions. If you're after a bespoke piece of software where how it looks is just as important as how it works, my experience with Unity 3D can help you realise that vision.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModal3D}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    renderAuthModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModalAuth} toggle={this.toggleModalAuth}>\r\n                <ModalHeader>Authentication and Authorization</ModalHeader>\r\n                <ModalBody>\r\n                    The vast majority of systems will require authentication and authorization, but more and more companies are relying on 3rd parties to provide this functionality and for good reason. Having to store usernames and passwords yourself, as well as managing password policies can be cumbersome, and in some cases, dangerous. If you're infrastructure and hashing algorithms aren't strong enough, you always run the risk of a databrech and losing sensitive data. Outsourcing this not only provides greater security, but often financial benefit for not having to maintain the systems required. Integrating this into your software needs though is not straight forward. I've created authentication systems ranging from the standard username and password and Active Directory, through to federated gateways that allow multiple Single Sign On Identity Providers to be used.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModalAuth}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    renderCyberModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModalSecurity} toggle={this.toggleModalSecurity}>\r\n                <ModalHeader>Cyber Security</ModalHeader>\r\n                <ModalBody>\r\n                    Nothing can be more damaging for a company than a data breach, the financial and public impact can be devastating. It is therefore critical that software is not only written to a high security standpoint, but the underlying infrastrcture is also regularly maintained and updated. Getting your software tested for security by an external security is a fantastic way to stay up to date, but it's far better to write, and deploy software that is secure from the start.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModalSecurity}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    renderAutomationModal() {\r\n        return (\r\n            <Modal isOpen={this.state.showModalAutomation} toggle={this.toggleModalAutomation}>\r\n                <ModalHeader>Automation</ModalHeader>\r\n                <ModalBody>\r\n                    Automation brings huge benefits when deployed correctly. While many people think of automation as robots performing complex tasks, the true power of automation lies in removing the mundane and time consuming tasks that humans waste time on, freeing up their time to do something much more beneficial. Automation can range from automatically inputting data from an email into another bit of software, through to automating laboratory equipment allowing labs to run 24/7. I've helped create both.\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button color=\"primary\" onClick={this.toggleModalAutomation}>Ok</Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        );\r\n    }\r\n\r\n    public render() {        \r\n        return (\r\n            <section id=\"portfolio\">\r\n                <Container>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\">\r\n                            <h2 className=\"wow bounceIn\" data-wow-offset=\"50\" data-wow-delay=\"0.3s\">MY <span>PORTFOLIO</span></h2>\r\n                        </div>\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require('../images/cloudcomputing.jpg')} className=\"img-responsive\" alt=\"portfolio img 1\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModalCloud}>\r\n                                    <h4>Cloud computing</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\">DETAIL</a>\r\n                                    {this.renderCloudModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require(\"../images/microservices.jpg\")} className=\"img-responsive\" alt=\"portfolio img 2\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModalMicroservices}>\r\n                                    <h4>Microservices</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\"> DETAIL</a>\r\n                                    {this.renderMicroservicesModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require(\"../images/deeplearning.jpg\")} className=\"img-responsive\" alt=\"portfolio img 2\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModalML}>\r\n                                    <h4>Deep Learning</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\">DETAIL</a>\r\n                                    {this.renderMLModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require(\"../images/softwarearchitecture.jpg\")} className=\"img-responsive\" alt=\"portfolio img 3\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModalArchitecture}>\r\n                                    <h4>Architecture</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\">DETAIL</a>\r\n                                    {this.renderArchitectureModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require(\"../images/lab.jpg\")} className=\"img-responsive\" alt=\"portfolio img 4\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModal3D}>\r\n                                    <h4>3D Visualisations</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\">DETAIL</a>\r\n                                    {this.render3DModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require(\"../images/authentication-and-authorization.jpg\")} className=\"img-responsive\" alt=\"portfolio img 4\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModalAuth}>\r\n                                    <h4>Authentication and Authorization</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\">DETAIL</a>\r\n                                    {this.renderAuthModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require(\"../images/Security.jpg\")} className=\"img-responsive\" alt=\"portfolio img 1\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModalSecurity}>\r\n                                    <h4>Cyber Security</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\">DETAIL</a>\r\n                                    {this.renderCyberModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-md-3 col-sm-6 col-xs-12\">\r\n                            <div className=\"portfolio-thumb\">\r\n                                <img src={require(\"../images/automation.jpg\")} className=\"img-responsive\" alt=\"portfolio img 3\" />\r\n                                <div className=\"portfolio-overlay\" onClick={this.toggleModalAutomation}>\r\n                                    <h4>Automation</h4>\r\n                                    <p></p>\r\n                                    <a className=\"btn btn-default pbutton\">DETAILs</a>\r\n                                    {this.renderAutomationModal()}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <Row className=\"justify-content-md-center\">\r\n                        <Col md=\"auto\" style={{ margin: 10 }}>\r\n                            <Link to='/projects'><h3>VIEW CURRENT PROJECTS</h3></Link>\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n            </section>\r\n        );\r\n    }\r\n}","import * as React from 'react';\r\nimport './NavMenu.css';\r\nimport {\r\n    Collapse,\r\n    Navbar,\r\n    NavbarToggler,\r\n    Nav,\r\n    NavItem,\r\n    NavLink,\r\n    Container\r\n} from 'reactstrap';\r\n\r\ninterface IState {\r\n    homeCurrent: boolean,\r\n    homeHeight: number,\r\n    aboutCurrent: boolean,\r\n    aboutHeight: number,\r\n    serviceCurrent: boolean,\r\n    serviceHeight: number,\r\n    portfolioCurrent: boolean,\r\n    portfolioHeight: number,\r\n    contactCurrent: boolean,\r\n    contactHeight: number,\r\n    isOpen: boolean\r\n}\r\n\r\nexport default class NavMenu extends React.PureComponent<{}, IState> {\r\n    public state = {\r\n        homeCurrent: true,\r\n        homeHeight: 0,\r\n        aboutCurrent: false,\r\n        aboutHeight: 0,\r\n        serviceCurrent: false,\r\n        serviceHeight: 0,\r\n        portfolioCurrent: false,\r\n        portfolioHeight: 0,\r\n        contactCurrent: false,\r\n        contactHeight: 0,\r\n        isOpen: false\r\n    };\r\n\r\n    constructor(props: {}) {\r\n        super(props);\r\n\r\n        this.toggle = this.toggle.bind(this);\r\n        this.calculateHeights = this.calculateHeights.bind(this);\r\n    }\r\n\r\n    public componentDidMount() {\r\n        this.calculateHeights();\r\n\r\n        window.addEventListener('scroll', this.handleScroll);\r\n        window.addEventListener('resize', this.calculateHeights);\r\n    }\r\n\r\n    private calculateHeights() {\r\n        const winScroll = document.documentElement.scrollTop;\r\n\r\n        const aboutHeightRect = document.getElementById(\"about\")!.getBoundingClientRect();\r\n        const aboutHeight = aboutHeightRect.top + winScroll;\r\n        const serviceHeightRect = document.getElementById(\"service\")!.getBoundingClientRect();\r\n        const serviceHeight = serviceHeightRect.top + winScroll;\r\n        const portfolioHeightRect = document.getElementById(\"portfolio\")!.getBoundingClientRect();\r\n        const portfolioHeight = portfolioHeightRect.top + winScroll;\r\n        const contactHeightRect = document.getElementById(\"contact\")!.getBoundingClientRect();\r\n        const contactHeight = contactHeightRect.top + winScroll;\r\n\r\n        this.setState({\r\n            aboutHeight: aboutHeight,\r\n            serviceHeight: serviceHeight,\r\n            portfolioHeight: portfolioHeight,\r\n            contactHeight: contactHeight\r\n        });\r\n    }\r\n\r\n    public componentWillUnmount() {\r\n        window.removeEventListener('scroll', this.handleScroll);\r\n        window.removeEventListener('resize', this.calculateHeights);\r\n    }\r\n\r\n    private handleScroll = () => {\r\n        this.handleSectionInView();\r\n    }\r\n\r\n    private handleSectionInView() {\r\n        const winScroll =\r\n            document.body.scrollTop || document.documentElement.scrollTop;\r\n\r\n        const currentHeight = winScroll;\r\n\r\n        if (currentHeight > this.state.contactHeight) {\r\n            this.setState({\r\n                homeCurrent: false,\r\n                aboutCurrent: false,\r\n                serviceCurrent: false,\r\n                portfolioCurrent: false,\r\n                contactCurrent: true\r\n            });\r\n            return;\r\n        }\r\n\r\n        if (currentHeight > this.state.portfolioHeight) {\r\n            this.setState({\r\n                homeCurrent: false,\r\n                aboutCurrent: false,\r\n                serviceCurrent: false,\r\n                portfolioCurrent: true,\r\n                contactCurrent: false\r\n            });\r\n            return;\r\n        }\r\n\r\n        if (currentHeight > this.state.serviceHeight) {\r\n            this.setState({\r\n                homeCurrent: false,\r\n                aboutCurrent: false,\r\n                serviceCurrent: true,\r\n                portfolioCurrent: false,\r\n                contactCurrent: false\r\n            });\r\n            return;\r\n        }\r\n\r\n        if (currentHeight > this.state.aboutHeight) {\r\n            this.setState({\r\n                homeCurrent: false,\r\n                aboutCurrent: true,\r\n                serviceCurrent: false,\r\n                portfolioCurrent: false,\r\n                contactCurrent: false\r\n            });\r\n            return;\r\n        }\r\n\r\n        this.setState({\r\n            homeCurrent: true,\r\n            aboutCurrent: false,\r\n            serviceCurrent: false,\r\n            portfolioCurrent: false,\r\n            contactCurrent: false\r\n        });\r\n    }\r\n\r\n    private toggle() {\r\n        this.setState({\r\n            isOpen: !this.state.isOpen,\r\n        });\r\n    }\r\n\r\n    public render() {\r\n        return (\r\n            \r\n            <Navbar sticky=\"top\" id=\"nav-container\" color=\"light\" light expand=\"md\" className=\"templatemo-nav\">\r\n                <Container>\r\n                    <NavbarToggler className=\"ml-auto\" onClick={this.toggle} />\r\n                    <Collapse isOpen={this.state.isOpen} navbar>\r\n                        <Nav className=\"ml-auto\" navbar>\r\n                            <NavItem>\r\n                                <NavLink className={`${this.state.homeCurrent ? \"current\" : \"\"}`} href=\"#home\">HOME</NavLink>\r\n                            </NavItem>\r\n                            <NavItem>\r\n                                <NavLink className={`${this.state.aboutCurrent ? \"current\" : \"\"}`} href=\"#about\">ABOUT</NavLink>\r\n                            </NavItem>\r\n                            <NavItem>\r\n                                <NavLink className={`${this.state.serviceCurrent ? \"current\" : \"\"}`} href=\"#service\">SERVICE</NavLink>\r\n                            </NavItem>\r\n                            <NavItem>\r\n                                <NavLink className={`${this.state.portfolioCurrent ? \"current\" : \"\"}`} href=\"#portfolio\">PORTFOLIO</NavLink>\r\n                            </NavItem>\r\n                            <NavItem>\r\n                                <NavLink className={`${this.state.contactCurrent ? \"current\" : \"\"}`} href=\"#contact\">CONTACT</NavLink>\r\n                            </NavItem>\r\n                        </Nav>\r\n                    </Collapse>\r\n                </Container>\r\n            </Navbar>\r\n            \r\n        );\r\n    }\r\n}\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faLaptop, faEye, faUserShield } from '@fortawesome/free-solid-svg-icons';\r\nimport { Container, Row, Col, Spinner } from 'reactstrap';\r\nimport TypedEffect from './TypedEffect';\r\nimport ContactMe from './ContactMe';\r\nimport Portfolio from './Portfolio';\r\nimport NavMenu from './NavMenu';\r\nimport { Img } from 'react-image';\r\n\r\nconst Home = () => (\r\n    <div>\r\n        <NavMenu />\r\n        <div className=\"cc\">\r\n            <section id=\"home\">\r\n                <Container>\r\n                    <Row>\r\n                        <Col md={{ size: 8, offset: 2 }}>\r\n                            <h1 className=\"wow fadeIn\" data-wow-offset=\"50\" data-wow-delay=\"0.9s\">Dr Brett Hewitt<br /><span>Software Consultant</span></h1>\r\n                            <div className=\"element\">\r\n                                <TypedEffect typeSpeed={34} deleteSpeed={4} displayText={[\".NET Solutions\", \"Image Processing\", \"Computer Vision\", \"Deep Learning\"]} />\r\n                            </div>\r\n                            <a data-scroll href=\"#about\" className=\"btn btn-default wow fadeInUp\" data-wow-offset=\"50\" data-wow-delay=\"0.6s\">About</a>\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n            </section>\r\n\r\n            <section id=\"about\">\r\n                <Container>\r\n                    <Row>\r\n                        <Col md=\"12\">\r\n                            <h2 className=\"wow bounceIn\" data-wow-offset=\"50\" data-wow-delay=\"0.3s\">ABOUT <span>ME</span></h2>\r\n                        </Col>\r\n                        <Col md={{ size: 6, offset: 3 }} sm=\"12\" xs=\"12\" className=\"wow fadeIn center\" data-wow-offset=\"50\" data-wow-delay=\"0.6s\">\r\n                            <div className=\"team-wrapper\">\r\n                                <Img src={require('../images/team-img1.jpg')} className=\"img-responsive\" width=\"100%\" alt=\"team img 1\" loader={<Spinner />}/>\r\n                                <div className=\"team-des\">\r\n                                    <h4><span>Hi Friend</span></h4>\r\n                                    <p>I'm a senior full stack software developer with over 10 years' experience in C# and .NET, currently based in Manchester, UK. I hold a PhD in Computational Biology, with a focus on Image Processing and Computer Vision. My previous projects range from game design in Unity 3D to developing visualisation software for nuclear laboratories. You can view some of my favourite projects in my <a href=\"#portfolio\">portfolio</a>.<br /><br />Need something built or simply want to have chat? Reach out to me on social media or send me an <a href=\"#contact\">email.</a></p>\r\n                                </div>\r\n                            </div>\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n            </section>\r\n\r\n            <section id=\"service\">\r\n                <Container>\r\n                    <Row className=\"t2\">\r\n                        <Col md=\"12\">\r\n                            <h2 className=\"wow bounceIn\" data-wow-offset=\"50\" data-wow-delay=\"0.3s\">MY <span>SPECIALITIES</span></h2>\r\n                        </Col>\r\n                        <Col md=\"4\" className=\"wow fadeIn\" data-wow-offset=\"50\" data-wow-delay=\"0.6s\">\r\n                            <div className=\"fa\">\r\n                                <FontAwesomeIcon icon={faLaptop}/>\r\n                            </div>\r\n                            <h4>C#</h4>\r\n                            <p>Whether you want a beautiful desktop application or complex cloud based microservices, nothing quite beats the power and flexibility of C#. I've been working with C# and the latest tech for over 11 years now, and created standalone desktop applications, enterprise scale microservices, and everything inbetween.</p>\r\n                        </Col>\r\n                        <Col md=\"4\" className=\"active wow fadeIn\" data-wow-offset=\"50\" data-wow-delay=\"0.9s\">\r\n                            <div className=\"fa\">\r\n                                <FontAwesomeIcon icon={faEye}/>\r\n                            </div>\r\n                            <h4>Image Processing & Computer Vision</h4>\r\n                            <p>Not quite satisfied with front end development, I embarked on a PhD. After 3 years, I emerged with a doctorate in Image Processing and Computer Vision. Utilising several Deep Learning frameworks and Computer Vision libraries, I've delivered cutting edge technology into client Applications.</p>\r\n                        </Col>\r\n                        <Col md=\"4\" className=\"wow fadeIn\" data-wow-offset=\"50\" data-wow-delay=\"0.6s\">\r\n                            <div className=\"fa\">\r\n                                <FontAwesomeIcon icon={faUserShield}/>\r\n                            </div>\r\n                            <h4>Security</h4>\r\n                            <p>I've created enterprise class authentication systems, tested to the highest standards. From Active Directory to SSO, and even the traditional Username and Password, I've made sure thousands of users can securely use an application.</p>\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n            </section>\r\n            <Portfolio/>\r\n            <ContactMe/>\r\n            </div>\r\n        </div>\r\n);\r\n\r\nexport default connect()(Home);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col, Spinner } from 'reactstrap';\r\nimport { Img } from 'react-image';\r\n\r\nconst Nas = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Nommo Alienware Sync</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        The Nommo Chroma and Alienware Monitor Sync software allows you to sync your lights between devices. You can choose between cycling through the spectrum, using the average colour of a portion of the screen, or defining any number of custom colours to cycle through. You can download the software <a href=\"https://www.mediafire.com/file/2hw44c670qzzxty/ddNAS-1.0.0.5.zip/file\">here</a>\r\n                        <br />\r\n                        <Img src={require('../../../images/pages/nas/status.png')} className=\"img-responsive\" loader={<Spinner />} />\r\n                        <br />\r\n                        <br />\r\n                        <br />\r\n                        <Img src={require('../../../images/pages/nas/lighting1.png')} className=\"img-responsive\" loader={<Spinner />} />\r\n                        <br />\r\n                        <br />\r\n                        <br />\r\n                        <Img src={require('../../../images/pages/nas/lighting2.png')} className=\"img-responsive\" loader={<Spinner />} />\r\n                        <br />\r\n                        <br />\r\n                        <br />\r\n                        <Img src={require('../../../images/pages/nas/lighting3.png')} className=\"img-responsive\" loader={<Spinner />} />\r\n                        <br />\r\n                        <br />\r\n                        <br />\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(Nas);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col } from 'reactstrap';\r\n\r\nconst Mwa = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2 className=\"wow bounceIn\" data-wow-offset=\"50\" data-wow-delay=\"0.3s\">Manual Whisker Annotator</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\" className=\"wow fadeInLeft\" data-wow-offset=\"50\" data-wow-delay=\"0.9s\">\r\n                        Manual Whisker Annotator is a new tracking program specifically designed for tracking whiskers. It is quick, intuitive, and comes with a wide array of features including :\r\n\r\n                        <ul>\r\n                            <li>Track head location and orientation </li>\r\n                            <li>Model whiskers using either 2, 3 or 4 points per whisker (linear, quadratic or cubic)</li>\r\n                            <li>Add generic points</li>\r\n                            <li>Export data to Excel in a readable and intuitive format</li>\r\n                            <li>Analyse data with the in built statistics suite</li>\r\n                            <li>Image equalisation to see even the faintest details</li>\r\n                        </ul>\r\n\r\n                        <br />\r\n                        <br />\r\n                        Manual Whisker Annotator was developed at Manchester Metropolitan University by Dr. Brett Hewitt (brett@bretthewitt.net), Dr. Robyn Grant (Robyn.Grant@mmu.ac.uk) and Dr. Moi Hoon Yap (M.Yap@mmu.ac.uk)\r\n\r\n                        <br />\r\n                        <br />\r\n                        You can download the latest version <a href=\"https://www.mediafire.com/file/j1gioq2wlyatq2f/MWA-Setup_1.1.exe/file\">here</a>\r\n                        <br />\r\n                        Sample Data: <a href=\"http://www.mediafire.com/download/7sd7glm0paza8o5/140704-02-Frames200-400.mwa\">140704-02 Data</a>\r\n                        <br />\r\n                        Sample Video: <a href=\"http://www.mediafire.com/download/c79tl9ml7kiizfy/02.avi\">140704-02 Video</a>\r\n                        <br />\r\n                        <br />\r\n                        MWA documentation can be downloaded <a href=\"mwa-documentation.pdf\">here</a>\r\n                        <br />\r\n                        <br />\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(Mwa);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col } from 'reactstrap';\r\n\r\nconst NotFound = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2 className=\"wow bounceIn\" data-wow-offset=\"50\" data-wow-delay=\"0.3s\">Page not found</h2>\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(NotFound);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { Container, Row, Col } from 'reactstrap';\r\n\r\nimport './projects.css';\r\n\r\nconst Projects = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Current Projects</h2>\r\n                    </Col>\r\n                </Row>\r\n                <Row className='mt-4'>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <Link to='/browser-viewer'><h3>Browser Viewer</h3></Link>\r\n                        Software to view multiple browser windows at once, with the capability to save each window url and current scroll position of the window.\r\n                    </Col>\r\n                </Row>\r\n                <Row className='mt-4'>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <Link to='/chrome-control'><h3>Chrome Control</h3></Link>\r\n                        A Google Chrome Extension with a native messaging host, that allows you to control Chrome using C#.\r\n                    </Col>\r\n                </Row>\r\n                <Row className='mt-4'>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <Link to='/nas'><h3>RGB Light Sync</h3></Link>\r\n                        An open source desktop application to sync your RGB lighting. Currently supports Alienware, Razer and Phillips Hue Bridge.\r\n                    </Col>\r\n                </Row>\r\n                <Row className='mt-4'>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <Link to='/sky-control'><h3>Sky Q Box Control</h3></Link>\r\n                        An open source library to control your Sky Q box over the network using C#.\r\n                    </Col>\r\n                </Row>\r\n                <Row className='mt-4'>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <Link to='/sony-bravia-control'><h3>Sony Bravia TV Control</h3></Link>\r\n                        An open source library to control your Sony Bravia TV over the network using C#.\r\n                    </Col>\r\n                </Row>\r\n                <Row className='mt-4'>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <Link to='/monitor-info'><h3>Monitor Information</h3></Link>\r\n                        An open source library to retrieve detailed information about connected monitors.\r\n                    </Col>\r\n                </Row>\r\n                <Row className='mt-4'>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <Link to='/audio-devices'><h3>Default Audio Playback Device</h3></Link>\r\n                        An open source library to get detailed information on your audio devices and change your default audio playback device using C#.\r\n                    </Col>\r\n                </Row>\r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(Projects);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col } from 'reactstrap';\r\n\r\nconst SkyControl = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Sky Control</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        C# library to control your Sky Q box over the local network. You can view the source code <a href=\"https://github.com/BrettHewitt/SkyQBoxControl\">here</a>\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(SkyControl);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col } from 'reactstrap';\r\n\r\nconst BraviaControl = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Sony Bravia Control</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\" className=\"wow fadeInLeft\" data-wow-offset=\"50\" data-wow-delay=\"0.9s\">\r\n                        C# Library to control a Sony Bravia TV over the network. You can view the source code <a href=\"https://github.com/BrettHewitt/SonyBraviaControl\">here</a>\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(BraviaControl);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col } from 'reactstrap';\r\n\r\nconst MonitorInfo = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Monitor Info</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\" className=\"wow fadeInLeft\" data-wow-offset=\"50\" data-wow-delay=\"0.9s\">\r\n                        Obtain detailed information about connected monitors. It is available on Nuget and you can view the source code <a href=\"https://github.com/BrettHewitt/MonitorInformation\">here</a>\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(MonitorInfo);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col } from 'reactstrap';\r\n\r\nconst AudioInfo = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Audio Device Information</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\" className=\"wow fadeInLeft\" data-wow-offset=\"50\" data-wow-delay=\"0.9s\">\r\n                        Obtain information about available audio playback devices and switch which one is currently in use. It is available on Nuget and you can view the source code <a href=\"https://github.com/BrettHewitt/AudioPlaybackDevices\">here</a>\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(AudioInfo);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col, Spinner } from 'reactstrap';\r\nimport { Img } from 'react-image';\r\n\r\nconst ChromeControl = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Chrome Control</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        A Google Chrome Extension that can receive commands from C#. To use this, you must install the extension and native messaging <a href=\"https://www.mediafire.com/file/lymxzlfjw25giwd/dataDyne_Chrome_Native_Messaging_Server.msi/file\">here</a>. You can then install the ChromeControl <a href=\"https://www.nuget.org/packages/BrettHewitt.ChromeControl/1.0.0\">nuget</a> package into your application and control Chrome.\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(ChromeControl);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col, Spinner } from 'reactstrap';\r\nimport { Img } from 'react-image';\r\n\r\nconst BrowserViewer = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Browser Viewer</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        An application to view multiple browser windows at once. You can set the size of the windows, how zoomed in they are, and the starting URL. The application will save all the windows currently in use, and also save the scroll position, so you can return to exactly where you left off. You can download it <a href=\"https://www.mediafire.com/file/zdnmz7r1b6o0wpl/Browser_Viewer.msi/file\">here</a>\r\n                        <br />\r\n                        <br />\r\n                        <br />\r\n                        <Img src={require('../../../images/stock_viewer2.png')} className=\"img-responsive\" width=\"100%\" alt=\"team img 1\" loader={<Spinner />} />\r\n\r\n                        <Img src={require('../../../images/demo.gif')} className=\"img-responsive\" width=\"100%\" alt=\"team img 1\" loader={<Spinner />} />\r\n\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(BrowserViewer);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col, Spinner } from 'reactstrap';\r\nimport { Img } from 'react-image';\r\n\r\nconst Terms = () => (\r\n    <div className=\"cc\">\r\n        <section id=\"contact\">\r\n            <Container className=\"maincontainer\">\r\n                <Row>\r\n                    <Col md=\"12\">\r\n                        <h2>Browser Viewer Pro License Terms</h2>\r\n                    </Col>\r\n                    <Col md={{ size: 10, offset: 1 }} sm={{ size: 10, offset: 1 }} xs=\"12\" id=\"MainDiv\">\r\n                        <ul>\r\n                            <li>The license is valid only for the machine it was purchased on. If you change or upgrade your hardware, it may invalidate your license.</li>\r\n                            <li>The owner is responsible for keeping a copy of their license safe. Lost licenses will need to be repurhcased.</li>\r\n                            <li>No refunds will be given for any reason.</li>\r\n                            <li>These terms do not alter the original terms and conditions agreed upon whe installing the product.</li>\r\n                        </ul>\r\n                    </Col>\r\n                </Row>                         \r\n            </Container>\r\n        </section>\r\n    </div>\r\n);\r\n\r\nexport default connect()(Terms);\r\n","import * as React from 'react';\r\nimport { Route, Switch } from 'react-router';\r\nimport Layout from './components/Layout';\r\nimport Home from './components/Home';\r\nimport './custom.css'\r\nimport Nas from './components/pages/nas/nas';\r\nimport Mwa from './components/pages/mwa/mwa';\r\nimport NotFound from './components/pages/NotFound';\r\nimport Projects from './components/pages/projects/projects';\r\nimport SkyControl from './components/pages/skycontrol/skycontrol';\r\nimport BraviaControl from './components/pages/braviacontrol/braviacontrol';\r\nimport MonitorInfo from './components/pages/monitorinfo/monitorinfo';\r\nimport AudioInfo from './components/pages/audioinfo/audioinfo';\r\nimport ChromeControl from './components/pages/chromecontrol/chromecontrol';\r\nimport BrowserViewer from './components/pages/browserviewer/browserviewer';\r\nimport Terms from './components/pages/browserviewer/terms';\r\n\r\nimport * as ReactGA from \"react-ga\";\r\n\r\nReactGA.initialize('UA-41788510-3');\r\n\r\nexport default () => (\r\n    <Layout>\r\n        <Switch>\r\n            <Route exact path='/' component={Home} />\r\n            <Route path='/nas' component={Nas} />\r\n            <Route path='/mwa' component={Mwa} />\r\n            <Route path='/sky-control' component={SkyControl} />\r\n            <Route path='/sony-bravia-control' component={BraviaControl} />\r\n            <Route path='/monitor-info' component={MonitorInfo} />\r\n            <Route path='/audio-devices' component={AudioInfo} />\r\n            <Route path='/projects' component={Projects} />\r\n            <Route path='/chrome-control' component={ChromeControl} />\r\n            <Route path='/browser-viewer/terms' component={Terms} />\r\n            <Route path='/browser-viewer' component={BrowserViewer} />\r\n            <Route component={NotFound} />\r\n        </Switch>\r\n    </Layout>\r\n);\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n    window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.1/8 is considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n        /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport default function register() {\r\n    if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n        // The URL constructor is available in all browsers that support SW.\r\n        const url = process.env.PUBLIC_URL as string;\r\n        const publicUrl = new URL(url, window.location.toString());\r\n        if (publicUrl.origin !== window.location.origin) {\r\n            // Our service worker won't work if PUBLIC_URL is on a different origin\r\n            // from what our page is served on. This might happen if a CDN is used to\r\n            // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n            return;\r\n        }\r\n\r\n        window.addEventListener('load', () => {\r\n            const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n            if (isLocalhost) {\r\n                // This is running on localhost. Lets check if a service worker still exists or not.\r\n                checkValidServiceWorker(swUrl);\r\n            } else {\r\n                // Is not local host. Just register service worker\r\n                registerValidSW(swUrl);\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nfunction registerValidSW(swUrl: string) {\r\n    navigator.serviceWorker\r\n        .register(swUrl)\r\n        .then(registration => {\r\n            registration.onupdatefound = () => {\r\n                const installingWorker = registration.installing as ServiceWorker;\r\n                installingWorker.onstatechange = () => {\r\n                    if (installingWorker.state === 'installed') {\r\n                        if (navigator.serviceWorker.controller) {\r\n                            // At this point, the old content will have been purged and\r\n                            // the fresh content will have been added to the cache.\r\n                            // It's the perfect time to display a \"New content is\r\n                            // available; please refresh.\" message in your web app.\r\n                            console.log('New content is available; please refresh.');\r\n                        } else {\r\n                            // At this point, everything has been precached.\r\n                            // It's the perfect time to display a\r\n                            // \"Content is cached for offline use.\" message.\r\n                            console.log('Content is cached for offline use.');\r\n                        }\r\n                    }\r\n                };\r\n            };\r\n        })\r\n        .catch(error => {\r\n            console.error('Error during service worker registration:', error);\r\n        });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl: string) {\r\n    // Check if the service worker can be found. If it can't reload the page.\r\n    fetch(swUrl)\r\n        .then(response => {\r\n            // Ensure service worker exists, and that we really are getting a JS file.\r\n            const contentType = response.headers.get('content-type');\r\n            if (response.status === 404 || (contentType && contentType.indexOf('javascript') === -1)) {\r\n                // No service worker found. Probably a different app. Reload the page.\r\n                navigator.serviceWorker.ready.then(registration => {\r\n                    registration.unregister().then(() => {\r\n                        window.location.reload();\r\n                    });\r\n                });\r\n            } else {\r\n                // Service worker found. Proceed as normal.\r\n                registerValidSW(swUrl);\r\n            }\r\n        })\r\n        .catch(() => {\r\n            console.log('No internet connection found. App is running in offline mode.');\r\n        });\r\n}\r\n\r\nexport function unregister() {\r\n    if ('serviceWorker' in navigator) {\r\n        navigator.serviceWorker.ready.then(registration => {\r\n            registration.unregister();\r\n        });\r\n    }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\n\r\nimport * as React from 'react';\r\nimport * as ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport { ConnectedRouter } from 'connected-react-router';\r\nimport { createBrowserHistory } from 'history';\r\nimport configureStore from './store/configureStore';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport ScrollToTop from './utils/ScrollToTop';\r\n\r\n// Create browser history to use in the Redux store\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href') as string;\r\nconst history = createBrowserHistory({ basename: baseUrl });\r\n\r\n// Get the application-wide store instance, prepopulating with state from the server where available.\r\nconst store = configureStore(history);\r\n\r\nReactDOM.render(\r\n<Provider store={store}>\r\n    <ConnectedRouter history={history}>\r\n        <ScrollToTop />\r\n        <App />\r\n    </ConnectedRouter>\r\n</Provider>,\r\ndocument.getElementById('root'));\r\n\r\nregisterServiceWorker();\r\n","import { applyMiddleware, combineReducers, compose, createStore } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport { connectRouter, routerMiddleware } from 'connected-react-router';\r\nimport { History } from 'history';\r\nimport { ApplicationState, reducers } from './';\r\n\r\nexport default function configureStore(history: History, initialState?: ApplicationState) {\r\n    const middleware = [\r\n        thunk,\r\n        routerMiddleware(history)\r\n    ];\r\n\r\n    const rootReducer = combineReducers({\r\n        ...reducers,\r\n        router: connectRouter(history)\r\n    });\r\n\r\n    const enhancers = [];\r\n    const windowIfDefined = typeof window === 'undefined' ? null : window as any;\r\n    if (windowIfDefined && windowIfDefined.__REDUX_DEVTOOLS_EXTENSION__) {\r\n        enhancers.push(windowIfDefined.__REDUX_DEVTOOLS_EXTENSION__());\r\n    }\r\n\r\n    return createStore(\r\n        rootReducer,\r\n        initialState,\r\n        compose(applyMiddleware(...middleware), ...enhancers)\r\n    );\r\n}\r\n"],"sourceRoot":""}