{"version":3,"sources":["serviceWorker.js","configure-store.js","components/common/brandingfirst.js","components/Page1.js","components/Page2.js","components/Page3.js","actions/index.js","components/common/branding.js","components/common/modal.js","components/common/iconmodal.js","components/Page4.js","App.js","reducers/positions.js","reducers/index.js","index.js"],"names":["Boolean","window","location","hostname","match","unregister","navigator","serviceWorker","ready","then","registration","enhancer","global","__REDUX_DEVTOOLS_EXTENSION__","configureStore","preloadedState","createStore","rootReducer","Brandingfirst","color","className","href","target","rel","src","alt","settings","branding","altTag","Page1","props","_handleKeydown","e","keyCode","setState","enableOutline","goBack","preventDefault","started","history","push","startApp","state","name","error","loading","loaded","continue","handleInputChange","bind","handleSubmit","textInput","React","createRef","focus","this","current","hash","setTimeout","addEventListener","event","value","pathname","ref","firstPage","tabIndex","startPage","title","content","contentl2","type","id","onClick","link","altTags","startPageBtn","Component","Page2","heading","nookies","get","cookies","userName","KeyboardUser","aria-label","backBtn","readyPage","readyPageBtn","questionsLength","questions","length","percentToMoveBy","whiteMale","weights","whiteFemale","urMale","urFemale","Page3","restartRace","currentQ","answer1","undefined","answer2","playerType","finished","lastQuestion","playerPosition","position","player1","player2","player3","player4","player5","player6","player7","player8","player9","player10","deletePosition","grow","theQuestions","continueNext","storePosition","positions","player","pos","yourPos","sort","a","b","map","indexOf","text","behind","infront","moveBy","indexToCheck","moveMe","moves","indexToSelect","moveBack","aria-hidden","style","width","trackWidth","left","height","top","question","i","key","finishedBtn","movePlayers","yes","no","connect","Branding","Modal","open","close","animateContent","modalItem","closeModal","modal","image","contentContinued","IconModal","allymodalref","align","Page5","showReflect","reflect","columns","col1","col2","col3","hideReflect","openModal","item","animateModal","animateModalContent","openModal1","modal1","openModal2","modal2","openModal3","modal3","openModal4","modal4","closeModal1","joiningarecruitmentpanel","considerRevealed","animateModalContentReveal","closeModal2","attendingaproductionmeeting","closeModal3","receivingyourworkfortheweek","closeModal4","goingtothepub","revealConsiderThis","moveSection","page","activePage","handleClick","backtowhatcanido","whatcanido","backtoallyshippage","allyshippage","backtowhatisallyship","whatisallyship","backtowhatisprivilege","whatisprivilege","backtowhatisstartingline","startingline","rolesUpper","forEach","role","rolesLower","beforeyougo","allymodal","privileges","privilege","startingLine","contentl3","link2","allyship","theRoles","caption","message","form","linkex","summary","url","NoMatch","AppRoutes","path","component","exact","Page4","render","App","store","context","basename","action","nextPositionId","newState","pop","combineReducers","initialState","__INITIAL_STATE__","ReactDOM","hydrate","document","getElementById"],"mappings":"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","file":"static/js/main.092fdf81.chunk.js","sourcesContent":["// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' }\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import { createStore } from \"redux\";\nimport rootReducer from \"./reducers\";\n\nconst enhancer = global.window && global.window.__REDUX_DEVTOOLS_EXTENSION__ && global.window.__REDUX_DEVTOOLS_EXTENSION__();\n\nexport default function configureStore(preloadedState = {}) {\n  return createStore(\n    rootReducer,\n    preloadedState,\n    enhancer\n  )\n};\n","import React from 'react'\nimport settings from '../../settings.json'\n\nexport const Brandingfirst = ({ color }) => {\n    return (\n        <div className={'brandingFrontPage'}>\n            <div>\n                    <a href=\"https://bbc.co.uk/academy\" target=\"_blank\" rel='noopener noreferrer' className={'bbcbranding' + (color === 'white' ? ' whitebbcbranding' : '')}>\n                        <p>Developed by</p>\n                        <img src=/creativediversity/allyshipapp/static/js/{color === 'white' ? '/creativediversity/allyshipapp/static/bbcAcademyLogoWhite.svg' : '/creativediversity/allyshipapp/static/bbcAcademyLogo.svg'} alt={settings.branding.altTag} />\n                    </a>\n            </div>\n\n            <div>\n                <a href=\"https://annenberg.usc.edu/\" target=\"_blank\" rel='noopener noreferrer' className={'USCLogo' + (color === 'white' ? ' whitebbcbranding' : '')}>\n                    <p>Additional support </p>\n                    <img src=/creativediversity/allyshipapp/static/js/{color === 'white' ? '/creativediversity/allyshipapp/static/USCLogowhite.svg' : '/creativediversity/allyshipapp/static/USCLogo.svg'} alt={settings.branding.altTag} />\n                </a>\n            </div>\n        </div>\n    )\n}","import React, { Component, Fragment } from 'react'\nimport settings from '../settings.json'\nimport { Brandingfirst } from './common/brandingfirst'\nimport { useHistory } from 'react-router'\n\nclass Page1 extends Component {\n  constructor (props) {\n    super(props)\n    this.state = {\n      name: '',\n      error: false,\n      loading: false,\n      loaded: false,\n      continue: false,\n      started: false,\n      enableOutline: false,\n    }\n    this.handleInputChange = this.handleInputChange.bind(this)\n    this.handleSubmit = this.handleSubmit.bind(this)\n\n    this.textInput = React.createRef();\n    this.focus = this.focus.bind(this);\n\n  }\n\n  focus() {\n    this.textInput.current.focus();\n  }\n\n  componentDidMount () {\n    if (this.props.location.hash === '#What-is-your-name') {\n      this.setState({ started: true })\n    } else {\n      this.setState({ started: false })\n    }\n    setTimeout(() => { this.setState({ loaded: !this.state.loaded }) }, 800)\n    window.addEventListener('keydown', this._handleKeydown);\n\n    //router redirecting\n    if (this.props.location.hash === '#/ready') {this.props.history.push('/ready')}\n    if (this.props.location.hash === '#/race') {this.props.history.push('/race')}\n    if (this.props.location.hash === '#/summary') {this.props.history.push('/summary')}\n  }\n\n  _handleKeydown = (e) => {\n    // Detect a keyboard user from a tab key press\n    const isTabEvent = e.keyCode === 9;\n\n    if (isTabEvent) {\n        this.setState({enableOutline: true});\n    }\n}\n\n  handleInputChange (event) {\n    const target = event.target\n    const value = target.value\n    const name = target.name\n\n    this.setState({\n      [name]: value\n    })\n  }\n\n  handleSubmit (event) {\n    event.preventDefault()\n    //if (this.state.name !== '') {\n      //nookies.set(window, 'userName', this.state.name)\n      setTimeout(() => { this.setState({started: true}) }, 1000)\n      setTimeout(() => { this.setState({ continue: true }) }, 1000)\n      setTimeout(() => {  \n        this.props.history.push('/ready')\n      }, 2000)\n    // if (this.state.name === '') {\n    //   this.setState({ error: true })\n    //   setTimeout(() => { this.setState({ error: false }) }, 1000)\n    // }\n  }\n\n  goBack = (e) => {\n    e.preventDefault()\n    this.setState({ started: false })\n    this.props.history.push('/')\n  }\n\n  startApp = (e) => {\n    e.preventDefault()\n    this.setState({ started: true })\n    this.props.history.push('/#What-is-your-name')\n  }\n\n  render () {\n    return (\n      <Fragment>\n        <div className='main blkbackground'>\n          {/* <div className={'bg-image' + ((this.state.started) ? ' out' : '')} /> */}\n\n          <div className='mainimg'>\n                  <img src='/creativediversity/allyshipapp/static/TheAllyTrackBackgroundOpacity.png'></img>\n          </div>\n\n          <div className={'startpage' + ((this.state.started) ? ' out' : '')}>\n            <div className='content-wrapper-start'>\n\n              <div className={'start-content' + (this.state.loaded ? ' show' : '') + ((this.state.started || this.props.location.pathname !== '/') ? ' hide' : '')}>\n\n                <div className='firstrow'>\n                  <h2>{settings.startPage.title}</h2>\n                  <p tabIndex='0' className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>{settings.startPage.content}</p>\n                  <p tabIndex='0' className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>{settings.startPage.contentl2}</p>\n                </div>\n                    \n                <div className='secondrow'>\n                <button className={this.state.enableOutline ? 'round blkbtn' : 'no-outline-on-focus round blkbtn' } type='button' id='start' onClick={this.handleSubmit} tabIndex='0'>\n                  <span className='text'>{settings.startPage.link}</span>\n                  <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.altTags.startPageBtn} /></span>\n                </button>\n\n                <Brandingfirst color='white' /> \n              </div>\n            </div>\n          </div>\n        </div>\n\n</div>\n      </Fragment>\n    )\n  }\n}\n\nexport { Page1 }\nexport default (Page1)","import React, { Component, Fragment } from 'react'\nimport settings from '../settings.json'\nimport nookies from 'nookies'\n\nclass Page2 extends Component {\n  constructor (props) {\n    super(props)\n    this.state = {\n      loading: false,\n      loaded: false,\n      continue: false,\n      name: '',\n      enableOutline: false,\n    }\n    this.handleSubmit = this.handleSubmit.bind(this)\n    this.heading = React.createRef()\n  }\n\n  async componentDidMount () {\n    const cookies = await nookies.get(window)\n    if (cookies.userName) this.setState({ name: cookies.userName })\n    if (cookies.KeyboardUser === true){ this.setState({enableOutline: true}) }\n    setTimeout(() => { this.setState({ loaded: !this.state.loaded }) }, 800)\n    window.addEventListener('keydown', this._handleKeydown);\n    this.heading.current.focus()\n  }\n\n  _handleKeydown = (e) => {\n    const isTabEvent = e.keyCode === 9;\n\n    if (isTabEvent) {\n        this.setState({enableOutline: true});\n    }\n  }\n\n  handleSubmit () {\n    this.setState({\n      loading: true\n    })\n    setTimeout(() => { this.setState({ continue: true }) }, 1000)\n    setTimeout(() => {\n      this.props.history.push('/race')\n    }, 2000)\n  }\n\n  goBack = (e) => {\n    e.preventDefault()\n    this.props.history.push('/')\n  }\n\n  render () {\n    return (\n      <Fragment>\n        <div className='main'>\n        <div className={'bg-image2'} />\n          <div className='expand' />\n          <button\n          className={this.state.enableOutline ? 'back-button' : 'back-button no-outline-on-focus' }\n          onClick={(e) => this.goBack(e)}\n          tabIndex='0'\n          aria-label={'go back to the introduction page'}\n        >\n          <img src='/creativediversity/allyshipapp/static/left-chevron.svg' alt={settings.altTags.backBtn} />\n        </button>\n          <div className={'content-wrapper' + ((!this.state.loaded || this.state.continue) ? ' hide' : '')}>\n            <div className='content'>\n              <h2 tabIndex='0' ref={this.heading} className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>{settings.readyPage.title}</h2>\n               <p tabIndex='0' className={(this.state.enableOutline ? '' : 'no-outline-on-focus')}>{settings.readyPage.content}</p>\n               <p tabIndex='0' className={'impmessage ' + (this.state.enableOutline ? 'consider' : 'consider no-outline-on-focus')}>{settings.readyPage.contentl2}</p>\n              <button type='button' id='next' className={this.state.enableOutline ? 'round' : 'round no-outline-on-focus' } onClick={this.handleSubmit} tabIndex='0'>\n                <span className='text'>{settings.readyPage.link}</span>\n                <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.altTags.readyPageBtn} /></span>\n              </button>\n            </div>\n          </div>\n        </div>\n      </Fragment>\n    )\n  }\n}\n\nexport { Page2 }\nexport default (Page2)","import React, { Component, Fragment } from 'react'\nimport settings from '../settings.json'\nimport { connect } from 'react-redux'\nimport { storePosition, deletePosition } from '../actions'\n\nconst questionsLength = settings.questions.length\nconst percentToMoveBy = (100 / questionsLength)\nconst whiteMale = settings.weights.whiteMale\nconst whiteFemale = settings.weights.whiteFemale\nconst urMale = settings.weights.urMale\nconst urFemale = settings.weights.urFemale\n\nclass Page3 extends Component {\n  constructor (props) {\n    super(props)\n    this.state = {\n      started: true,\n      loading: false,\n      grow: false,\n      loaded: false,\n      continue: true,\n      currentQ: 1,\n      position: {\n        player1: -94,\n        player2: -94,\n        player3: -94,\n        player4: -94,\n        player5: -94,\n        player6: -94,\n        player7: -94,\n        player8: -94,\n        player9: -94,\n        player10: -94\n      },\n      name: '',\n      lastQuestion: false,\n      finished: false,\n      answer1: undefined,\n      answer2: undefined,\n      playerType: undefined,\n      playerPosition: '',\n      enableOutline: false\n    }\n    this.theQuestions = React.createRef()\n    this.continueNext = this.continueNext.bind(this)\n  }\n\n  async componentDidMount () {\n    setTimeout(() => { this.setState({ loaded: !this.state.loaded }) }, 800)\n    this.theQuestions.current.focus()\n    window.addEventListener('keydown', this._handleKeydown)\n    this.props.storePosition({ position: this.state.position })\n  }\n\n  restartRace = () => {\n    const startNo = -94\n\n    this.setState({ currentQ: 1 })\n    this.setState({ answer1: undefined })\n    this.setState({ answer2: undefined })\n    this.setState({ playerType: undefined })\n    this.setState({ finished: false })\n    this.setState({ lastQuestion: false })\n    this.setState({ playerPosition: '' })\n\n    this.setState({\n      position: {\n        player1: startNo,\n        player2: startNo,\n        player3: startNo,\n        player4: startNo,\n        player5: startNo,\n        player6: startNo,\n        player7: startNo,\n        player8: startNo,\n        player9: startNo,\n        player10: startNo\n      }\n    })\n  }\n\n  componentDidUpdate () {\n    if (\n      (this.state.currentQ > questionsLength) &&\n      this.state.loaded &&\n      !this.state.finished\n    ) {\n      let positions = []\n\n      positions.push({player: 'player1', pos: this.state.position.player1})\n      positions.push({player: 'player2', pos: this.state.position.player2})\n      positions.push({player: 'player3', pos: this.state.position.player3})\n      positions.push({player: 'player4', pos: this.state.position.player4})\n      positions.push({player: 'player5', pos: this.state.position.player5})\n      positions.push({player: 'player6', pos: this.state.position.player6})\n      positions.push({player: 'player7', pos: this.state.position.player7})\n      positions.push({player: 'player8', pos: this.state.position.player8})\n      positions.push({player: 'player9', pos: this.state.position.player9})\n      positions.push({player: 'player10', pos: this.state.position.player10})\n\n      const positionsDesc = positions.sort((a, b) => (a.pos < b.pos) ? 1 : -1)\n      const index = positionsDesc.map((e) => { return e.player }).indexOf('player4')\n      const yourPos = index+1\n      let text = ''\n      if (yourPos === 1) text = 'st'\n      if (yourPos === 2) text = 'nd'\n      if (yourPos === 3) text = 'rd'\n      if (yourPos >= 4) text = 'th'\n      const behind = (10 - yourPos)\n      const infront = (9 - behind)\n      setTimeout(() => { this.setState({ lastQuestion: true }) }, 500)\n      setTimeout(() => { \n        this.setState({ finished: true })\n        this.setState({ \n          playerPosition: `Your answers placed your player ${yourPos}${text} on the starting line, with ${infront} players in front and ${behind} behind. The other players are spread out across the track.` })\n      }, 500)\n    }\n  }\n\n\n  _handleKeydown = (e) => {\n    // Detect a keyboard user from a tab key press\n    const isTabEvent = e.keyCode === 9\n\n    if (isTabEvent) this.setState({enableOutline: true})\n  }\n\n  continueNext () {\n    if (this.state.finished) {\n      setTimeout(() => { this.setState({ continue: !this.state.continue }) }, 1000)\n      setTimeout(() => { this.setState({ grow: !this.state.grow }) }, 1200)\n      setTimeout(() => { this.props.history.push('/summary') }, 1700)    \n    }\n  }\n\n  movePlayers (moveBy) {\n    const indexToCheck = (this.state.currentQ-1)\n    let moveMe = 0\n\n    if (indexToCheck === 0) {\n      this.setState({answer1: moveBy})\n      if (moveBy === true) moveMe = 1\n      if (moveBy === false) moveMe = 0.14\n    }  \n\n    if (indexToCheck === 1) {\n      this.setState({ answer2: moveBy })\n      if (this.state.answer1 === true && moveBy === true) {\n        this.setState({ playerType: whiteMale })\n        moveMe = 1\n      }\n      if (this.state.answer1 === false && moveBy === true) {\n        this.setState({ playerType: whiteFemale })\n        moveMe = 0.82\n      }\n      if (this.state.answer1 === true && moveBy === false) {\n        this.setState({ playerType: urMale })\n        moveMe = 0.85\n      }\n      if (this.state.answer1 === false && moveBy === false) {\n        this.setState({ playerType: urFemale })\n        moveMe = 0.74\n      }\n    }\n\n    this.props.storePosition({\n      position: {\n        player1: this.state.position.player1 + ((percentToMoveBy*settings.moves.player1[indexToCheck]- 0.5)),\n        player2: this.state.position.player2 + ((percentToMoveBy*settings.moves.player2[indexToCheck] - 0.5)), // 0.5 keeps player on track\n        player3: this.state.position.player3 + ((percentToMoveBy*settings.moves.player3[indexToCheck]- 0.5)),\n        player4: (indexToCheck === 0 || indexToCheck === 1) ? this.state.position.player4 + (percentToMoveBy*moveMe) - 0.5: this.state.position.player4 + (percentToMoveBy*moveBy) - 0.5,\n        player5: this.state.position.player5 + ((percentToMoveBy*settings.moves.player5[indexToCheck]- 0.5)),\n        player6: this.state.position.player6 + ((percentToMoveBy*settings.moves.player6[indexToCheck]- 0.5)),\n        player7: this.state.position.player7 + ((percentToMoveBy*settings.moves.player7[indexToCheck]- 0.5)),\n        player8: this.state.position.player8 + ((percentToMoveBy*settings.moves.player8[indexToCheck]- 0.5)),\n        player9: this.state.position.player9 + ((percentToMoveBy*settings.moves.player9[indexToCheck]- 0.5)),\n        player10: this.state.position.player10 + ((percentToMoveBy*settings.moves.player10[indexToCheck]- 0.5))\n      }\n    })\n\n    this.setState({\n      position: {\n        player1: this.state.position.player1 + ((percentToMoveBy*settings.moves.player1[indexToCheck]- 0.5)),\n        player2: this.state.position.player2 + ((percentToMoveBy*settings.moves.player2[indexToCheck] - 0.5)), // 0.5 keeps player on track\n        player3: this.state.position.player3 + ((percentToMoveBy*settings.moves.player3[indexToCheck]- 0.5)),\n        player4: (indexToCheck === 0 || indexToCheck === 1) ? this.state.position.player4 + (percentToMoveBy*moveMe) - 0.5: this.state.position.player4 + (percentToMoveBy*moveBy) - 0.5,\n        player5: this.state.position.player5 + ((percentToMoveBy*settings.moves.player5[indexToCheck]- 0.5)),\n        player6: this.state.position.player6 + ((percentToMoveBy*settings.moves.player6[indexToCheck]- 0.5)),\n        player7: this.state.position.player7 + ((percentToMoveBy*settings.moves.player7[indexToCheck]- 0.5)),\n        player8: this.state.position.player8 + ((percentToMoveBy*settings.moves.player8[indexToCheck]- 0.5)),\n        player9: this.state.position.player9 + ((percentToMoveBy*settings.moves.player9[indexToCheck]- 0.5)),\n        player10: this.state.position.player10 + ((percentToMoveBy*settings.moves.player10[indexToCheck]- 0.5))\n      }\n    })\n    this.setState({ currentQ: this.state.currentQ + 1 })\n    this.theQuestions.current.focus()\n  }\n\n  moveBack () {\n    this.props.deletePosition()\n    const { positions } = this.props\n    const indexToCheck = (this.state.currentQ-2)\n\n    if (this.state.currentQ-1 < 3) this.setState({ playerType: undefined })\n    if (this.state.currentQ > 20) this.setState({ finished: false, lastQuestion: false })\n\n    this.setState({ position: positions[indexToCheck].position })\n    this.setState({ currentQ: this.state.currentQ - 1 })\n  }\n\n  goBack = (e) => {\n    e.preventDefault()\n    this.props.deletePosition()\n    this.props.history.push('/ready')\n  }\n\n  render () {\n    const indexToSelect = (this.state.currentQ-1)\n    return (\n      <Fragment>\n        {this.state.currentQ === 1 && (\n          <button\n            className={'back-button racebutton' + (!this.state.started ? ' hide' : '')}\n            onClick={(e) => this.state.started ? this.goBack(e) : null}\n            tabIndex='0'\n            aria-label={'go back to the before you start page'}\n          >\n            <img src='/creativediversity/allyshipapp/static/left-chevron.svg' alt={settings.altTags.backBtn} />\n          </button>\n        )}\n        {this.state.currentQ > 1 && (\n          <button\n            className={'back-button racebutton'}\n            onClick={(e) => this.moveBack(e)}\n            tabIndex='0'\n            aria-label={`go back to question ${this.state.currentQ-1}`}\n          >\n            <img src='/creativediversity/allyshipapp/static/left-chevron.svg' alt={settings.altTags.backBtn} />\n          </button>\n        )}\n        <div className='main-race'>\n          <div className={'track-panel desktop' + (this.state.continue ? ' show' : ' hide')}>\n            <div className='bg-imagerace' />\n            <div className={'track-wrapper' + ((this.state.continue && this.state.loaded) ? ' show' : '')}>\n              <div className='players'>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 1</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 2</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 3</p>\n                <p className='bold' tabIndex='-1' aria-hidden=\"true\">Your <br/> player</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 5</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 6</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 7</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 8</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 9</p>\n                <p tabIndex='-1' aria-hidden=\"true\">Player 10</p>\n              </div>\n              <div className='track'>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player1}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player2}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player3}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane you'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block you' style={{ left: `${this.state.position.player4}%` }}>\n                      <div className='player you' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player5}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player6}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player7}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player8}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player9}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ width: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ left: `${this.state.position.player10}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className='finish-line' />\n            </div>\n          </div>\n          <div className={'track-panel mobile' + (this.state.continue ? ' show' : ' hide')}>\n            <div className='bg-image2' />\n            <div className={'track-wrapper' + ((this.state.continue && this.state.loaded) ? ' show' : '')}>\n              <div className='track'>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player1}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player2}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player3}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane you'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block you' style={{ top: `${this.state.position.player4}%` }}>\n                      <div className='player you' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player5}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player6}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player7}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player8}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player9}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n                <div className='lane'>\n                  <div className='lane__width' style={{ height: `${settings.trackWidth}%` }}>\n                    <div className='lane__block' style={{ top: `${this.state.position.player10}%` }}>\n                      <div className='player' />\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className='finish-line' />\n            </div>\n          </div>\n          <div className={'questions' + (this.state.loaded ? ' show' : '') + (this.state.grow ? ' grow' : '')}>\n                        \n          {this.state.currentQ > 1 && (\n          <button\n            className={'back-button backqbutton racebuttonbottom'}\n            onClick={(e) => this.moveBack(e)}\n            tabIndex='0'\n            aria-label={`go back to question ${this.state.currentQ-1}`}\n          >\n            <img src='/creativediversity/allyshipapp/static/left-chevron-white.svg' alt={settings.altTags.backBtn} />\n          </button>\n        )}\n\n              <div className={this.state.finished ? 'containerPadding  extrapadding' : 'containerPadding'}>\n              <span \n              className={this.state.enableOutline ? 'questionsHeading' : 'questionsHeading no-outline-on-focus' }\n             tabIndex='0' \n             ref={this.theQuestions}>\n              {settings.questions.map((question, i) => {\n                if (this.state.currentQ - 1 === i && !this.state.lastQuestion) {\n                  return (\n                    <h2 key={i}><span>{`Q${i + 1}.`}</span>{question.question}</h2>\n                  )\n                }\n                return null\n              })}\n              {this.state.finished && (\n                <Fragment>\n                {this.state.playerPosition !== '' && (\n                  <p className=\"visually-hidden\"\n                   tabIndex='0'\n                   >{this.state.playerPosition}</p>\n                )}\n                <div className='finished'>\n                  <div className='finishedtext'>\n                    <p className=\"smaller isfair\" tabIndex='0'>So, you’ve created your player and you’re ready to start the race.</p>\n                    <p className=\"smaller isfair\" tabIndex='0'>{this.state.playerPosition}</p>\n                    <p className=\"smaller isfair\" tabIndex='0'>As you’ve seen, not everyone has the same start in life, however there are steps we can all take to be more inclusive.</p>\n                    <p className=\"smaller isfair\" tabIndex='0'>Have you played the game twice? If so move on to the next step.</p>\n                  </div>\n                  \n                  <div>\n                    <button type='button' className={'section-link round' + (this.state.grow ? ' hide' : '')} onClick={this.continueNext}>\n                      <span className='text' tabIndex='0' >{settings.finished.link}</span>\n                      <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.altTags.finishedBtn} /></span>\n                    </button>\n\n                    <button type='button' className={'section-link round' + (this.state.grow ? ' hide' : '')} onClick={this.restartRace}>\n                      <span className='text' tabIndex='0' >Try again</span>\n                      <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.altTags.finishedBtn} /></span>\n                    </button>\n                  </div>\n                </div>\n              </Fragment>\n              )}\n            </span>\n            <div className={'buttons' + (this.state.finished ? ' hide' : '')}>\n              {settings.questions.map((question, i) => {\n                if (this.state.currentQ - 1 === i && !this.state.lastQuestion) {\n                  return (\n                    <div className='buttons-wrapper' key={i}>\n                      <button\n                        type='button'\n                        onClick={() => this.state.playerType === undefined ? this.movePlayers(question.yes) : this.movePlayers(this.state.playerType[indexToSelect].yes)} \n                        className={'round' + (this.state.currentQ > questionsLength ? ' hide' : '')}\n                        tabIndex='0'\n                      >\n                        Yes\n                      </button>\n                      <button\n                        type='button'\n                        onClick={() => this.state.playerType === undefined ? this.movePlayers(question.no) : this.movePlayers(this.state.playerType[indexToSelect].no)}\n                        className={'round' + (this.state.currentQ > questionsLength ? ' hide' : '')}\n                        tabIndex='0'\n                      >\n                        No\n                      </button>\n                    </div>\n                  )\n                }\n                return null\n              })}\n            </div>\n          </div>\n          </div>\n        </div>\n      </Fragment>\n    )\n  }\n}\n\nconst mapStateToProps = (state) => {\n  return {\n    positions: state.positions\n  }\n}\n\nexport { Page3 }\nexport default connect(mapStateToProps, { storePosition, deletePosition })(Page3)","export const storePosition = position => ({\n  type: 'STORE_POSITION',\n  position\n})\n\nexport const deletePosition = () => ({\n  type: 'DELETE_POSITION'\n})","import React from 'react'\nimport settings from '../../settings.json'\n\nexport const Branding = ({ color }) => {\n    return (\n        <div className={'branding'} >\n            <div>\n                    <a href=\"https://bbc.co.uk/academy\" target=\"_blank\" rel='noopener noreferrer' className={'bbcbranding' + (color === 'white' ? ' whitebbcbranding' : '')}>\n                        <p>Developed by</p>\n                        <img src=/creativediversity/allyshipapp/static/js/{color === 'white' ? '/creativediversity/allyshipapp/static/bbcAcademyLogoWhite.svg' : '/creativediversity/allyshipapp/static/bbcAcademyLogo.svg'} alt={settings.branding.altTag} />\n                    </a>\n            </div>\n\n            <div>\n                <a href=\"https://annenberg.usc.edu/\" target=\"_blank\" rel='noopener noreferrer' className={'USCLogo' + (color === 'white' ? ' whitebbcbranding' : '')}>\n                    <p>Additional Support </p>\n                    <img src=/creativediversity/allyshipapp/static/js/{color === 'white' ? '/creativediversity/allyshipapp/static/USCLogowhite.svg' : '/creativediversity/allyshipapp/static/USCLogo.svg'} alt={settings.branding.altTag} />\n                </a>\n            </div>\n        </div>\n    )\n}","import React from 'react'\nimport settings from '../../settings.json'\n\nexport const Modal = ({ open, close, animateContent, modalItem }) => {\n    return (\n        <div className={'modal' + (open ? ' open' : '')}>\n            <button\n                onClick={(e) => close(e)}\n                className='close-modal'\n            >\n                <img src='/creativediversity/allyshipapp/static/x-mark-thin.svg' alt={settings.altTags.closeModal} />\n            </button>\n            <div className={'modal-content' + (animateContent ? ' show' : '')}>\n                <div className='modal-content-wrapper'>\n                    <h3 tabIndex={open ? '1': '-1'}>{modalItem.modal.heading}</h3>\n                    <p tabIndex={open ? '1' : '-1'} className='smaller'>{modalItem.modal.content}</p>\n                    <img src=/creativediversity/allyshipapp/static/js/{modalItem.modal.image} alt={modalItem.modal.altTag} />\n                    {modalItem.modal.contentContinued && (\n                        <p tabIndex={open ? '1' : '-1'} className='smaller'>{modalItem.modal.contentContinued}</p>\n                    )}\n                </div>\n            </div>\n        </div>\n    )\n}\n\n// custom modal template for scenarios\n/*\n<div className={'modal-content' + (this.state.animateModalContent ? ' show' : '')}>\n<div className='modal-content-wrapper'>\n  <h3>{this.state.modalItem.modal.heading}</h3>\n  <p>{this.state.modalItem.modal.content}</p>\n  <div>\n      <div className=\"col6\">\n        <p>You’ve been asked to help interview some candidates for a new role in your department. The candidates have already been shortlisted by HR and the interviews arranged.</p>\n        <p>In the interview, you ask the candidates about their previous experience doing similar tasks that this role involves and their qualifications. The panel marks the candidate’s answers based on the way the team already works.</p>\n        <p>How do you think this made the candidates feel?</p>\n        <p>Consider this:</p>\n        <p>Competency-based questions can put better educated interviewees at an advantage. They may not necessarily be ideal for the job, but may be better at articulating themselves than those they’re competing against. <br /> <br />This can mean the best person for the job, or the person with the most potential, doesn’t always score the highest.<br /> <br />What would you do in this situation?</p>\n        <img src=/creativediversity/allyshipapp/static/js/{this.state.modalItem.modal.image} alt='' />\n      </div>\n      \n      <div className=\"col6\">\n        <img src=/creativediversity/allyshipapp/static/js/{this.state.modalItem.modal.image} alt='' />\n          <p>testing just one modal this should appear in</p>\n      </div>\n    </div>\n\n    */","import React from 'react'\nimport settings from '../../settings.json'\n\n//icon modal loader\nexport const IconModal = ({ open, close, animateContent, modalItem, allymodalref, enableOutline}) => {\n\n    return (\n        <div className={'modal' + (open ? ' open' : '')}>\n            <div className={'modal-contentIcons' + (animateContent ? ' show' : '')}>\n                <div className='modal-content-wrapper'>\n                <div className=\"icon-wrapper\">\n                    <img src=/creativediversity/allyshipapp/static/js/{modalItem.modal.image} alt={modalItem.modal.altTag} align='left' />\n                    <h3 ref={allymodalref} tabIndex={open ? '1': '-1'} className={enableOutline ? '' : 'no-outline-on-focus' }>{modalItem.modal.heading}</h3>\n                    </div>\n                        <div className=\"icon-text\">                   \n                            <p tabIndex={open ? '1': '-1'} className={enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{modalItem.modal.content}</p>\n                            <p tabIndex={open ? '1': '-1'} className={enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{modalItem.modal.contentl2}</p>\n                        </div> \n                    {modalItem.modal.contentContinued && (\n                        <p className='smaller'>{modalItem.modal.contentContinued}</p>\n                    )}\n                </div>\n            </div>\n            <button\n                onClick={(e) => close(e)}\n                className='close-modal'\n                tabIndex={open ? '1': '-1'}\n                aria-label='Close the modal button'\n            >\n                <img src='/creativediversity/allyshipapp/static/x-mark-thin.svg' alt={settings.altTags.closeModal} />\n            </button>\n        </div>\n    )\n}","import React, { Component, Fragment } from 'react'\nimport settings from '../settings.json'\nimport { Branding } from './common/branding'\nimport { Modal } from './common/modal'\nimport { IconModal } from './common/iconmodal'\n\nclass Page5 extends Component {\n  constructor (props) {\n    super(props)\n    settings.rolesUpper.forEach(role => {\n      this[`${role.ref}_ref`] = React.createRef()\n    })\n    settings.rolesLower.forEach(role => {\n      this[`${role.ref}_ref`] = React.createRef()\n    })\n    this.state = {\n      loading: false,\n      loaded: false,\n      continue: false,\n      openModal: false,\n      openModal1: false,\n      openModal2: false, \n      openModal3: false, \n      openModal4: false, \n      // openModal5: false,\n      enableOutline: false,\n      modalItem: undefined,\n      animateModal: false,\n      animateModalContent: false,\n      animateModalContentReveal: false,\n      reflect: false,\n      columns: {\n        col1: false,\n        col2: false,\n        col3: false\n      },\n      activePage: 1,\n      considerRevealed: false,\n      \n    }\n\n//accessibility focus\n    this.modal1 = React.createRef()\n    this.modal2 = React.createRef()\n    this.modal3 = React.createRef()\n    this.modal4 = React.createRef()\n    // this.modal5 = React.createRef()\n    this.allymodalref = React.createRef()\n    this.whatisprivilege = React.createRef()\n    this.allyshippage = React.createRef()\n    this.whatcanido = React.createRef()\n    this.whatisallyship = React.createRef()\n    this.startingline = React.createRef()\n    this.joiningarecruitmentpanel = React.createRef()\n    this.attendingaproductionmeeting = React.createRef()\n    this.receivingyourworkfortheweek = React.createRef()\n    this.goingtothepub = React.createRef()\n    this.beforeyougo = React.createRef()\n    //this.iconIsSelected = React.createRef() //focus \n  }\n  \n  componentDidMount () {\n    setTimeout(() => { this.setState({ loaded: !this.state.loaded }) }, 800)\n    window.addEventListener('keydown', this._handleKeydown);\n    this.startingline.current.focus()\n  }\n\n  _handleKeydown = (e) => {\n    const isTabEvent = e.keyCode === 9;\n\n    if (isTabEvent) {\n        this.setState({enableOutline: true});\n    }\n  }\n\n\n  showReflect = (e) => {\n    e.preventDefault()\n    this.setState({ reflect: true })\n    setTimeout(() => {\n      this.setState({\n        columns: {\n          col1: true,\n          col2: false,\n          col3: false\n        }\n      })\n    }, 500)\n    setTimeout(() => {\n      this.setState({\n        columns: {\n          col1: true,\n          col2: true,\n          col3: false\n        }\n      })\n    }, 600)\n    setTimeout(() => {\n      this.setState({\n        columns: {\n          col1: true,\n          col2: true,\n          col3: true\n        }\n      })\n    }, 700)\n  }\n\n  hideReflect = () => {\n    this.setState({\n      columns: {\n        col1: true,\n        col2: true,\n        col3: false\n      }\n    })\n    setTimeout(() => {\n      this.setState({\n        columns: {\n          col1: true,\n          col2: false,\n          col3: false\n        }\n      })\n    }, 200)\n    setTimeout(() => {\n      this.setState({\n        columns: {\n          col1: false,\n          col2: false,\n          col3: false\n        }\n      })\n    }, 400)\n    setTimeout(() => { this.setState({ reflect: false }) }, 600)\n  }\n\n  openModal = (item) => {\n    this.setState({ openModal: true, modalItem: item })\n    setTimeout(() => { this.setState({ animateModal: true }) }, 200)\n    setTimeout(() => { this.setState({ animateModalContent: true }) }, 800)\n    setTimeout(() => { this.allymodalref.current.focus() }, 850)\n  }\n\n  openModal1 = (item) => {\n    this.setState({ openModal1: true, modalItem: item })\n    setTimeout(() => { this.setState({ animateModal: true }) }, 200)\n    setTimeout(() => { this.setState({ animateModalContent: true }) }, 800)\n    setTimeout(() => { this.modal1.current.focus() }, 850)\n  } \n\n  openModal2 = (item) => {\n    this.setState({ openModal2: true, modalItem: item })\n    setTimeout(() => { this.setState({ animateModal: true }) }, 200)\n    setTimeout(() => { this.setState({ animateModalContent: true }) }, 800)\n    setTimeout(() => { this.modal2.current.focus() }, 850)\n\n  } \n\n  openModal3 = (item) => {\n    this.setState({ openModal3: true, modalItem: item })\n    setTimeout(() => { this.setState({ animateModal: true }) }, 200)\n    setTimeout(() => { this.setState({ animateModalContent: true }) }, 800)\n    setTimeout(() => { this.modal3.current.focus() }, 850)\n  } \n\n  openModal4 = (item) => {\n    this.setState({ openModal4: true, modalItem: item })\n    setTimeout(() => { this.setState({ animateModal: true }) }, 200)\n    setTimeout(() => { this.setState({ animateModalContent: true }) }, 800)\n    setTimeout(() => { this.modal4.current.focus() }, 850)\n  } \n\n  // openModal5 = (item) => {\n  //   this.setState({ openModal5: true, modalItem: item })\n  //   setTimeout(() => { this.setState({ animateModal: true }) }, 200)\n  //   setTimeout(() => { this.setState({ animateModalContent: true }) }, 800)\n  //   setTimeout(() => { this.modal5.current.focus() }, 850)\n  // } \n\n  closeModal = () => {\n    this.setState({ animateModalContent: false })\n    setTimeout(() => { this.setState({ animateModal: false }) }, 500)\n    setTimeout(() => { this.setState({ openModal: false, modalItem: undefined }) }, 1000)\n    setTimeout(() => { this[`${this.state.modalItem.ref}_ref`].current.focus() }, 850)\n    }\n\n  closeModal1 = () => {\n    this.setState({ animateModalContent: false })\n    setTimeout(() => { this.setState({ animateModal: false }) }, 500)\n    setTimeout(() => { this.setState({ openModal1: false, modalItem: undefined }) }, 1000)\n    setTimeout(() => { this.joiningarecruitmentpanel.current.focus() }, 850)\n    this.setState({considerRevealed: false})\n    this.setState({animateModalContentReveal: false})\n  } \n\n  closeModal2 = () => {\n    this.setState({ animateModalContent: false })\n    setTimeout(() => { this.setState({ animateModal: false }) }, 500)\n    setTimeout(() => { this.setState({ openModal2: false, modalItem: undefined }) }, 1000)\n    setTimeout(() => { this.attendingaproductionmeeting.current.focus() }, 850)\n    this.setState({considerRevealed: false})\n    this.setState({animateModalContentReveal: false})\n  } \n\n  closeModal3 = () => {\n    this.setState({ animateModalContent: false })\n    setTimeout(() => { this.setState({ animateModal: false }) }, 500)\n    setTimeout(() => { this.setState({ openModal3: false, modalItem: undefined }) }, 1000)\n    setTimeout(() => { this.receivingyourworkfortheweek.current.focus() }, 850)\n    this.setState({considerRevealed: false})\n    this.setState({animateModalContentReveal: false})\n  } \n\n  closeModal4 = () => {\n    this.setState({ animateModalContent: false })\n    setTimeout(() => { this.setState({ animateModal: false }) }, 500)\n    setTimeout(() => { this.setState({ openModal4: false, modalItem: undefined }) }, 1000)\n    setTimeout(() => { this.goingtothepub.current.focus() }, 850)\n    this.setState({considerRevealed: false})\n    this.setState({animateModalContentReveal: false})\n  } \n\n  // closeModal5 = () => {\n  //   this.setState({ animateModalContent: false })\n  //   setTimeout(() => { this.setState({ animateModal: false }) }, 500)\n  //   setTimeout(() => { this.setState({ openModal5: false, modalItem: undefined }) }, 1000)\n  //   setTimeout(() => { this.startingline.current.focus() }, 850)\n  // } \n\n  goBack = () => {\n    this.props.history.push(`/race`)\n  }\n\n  revealConsiderThis = () => {\n    // setTimeout(() => {this.setState({ considerRevealed: true })}, 0)\n    // this.setState({ considerRevealed: true })\n    setTimeout(() => { this.setState({ considerRevealed: true }) }, 200)\n    setTimeout(() => { this.setState({ animateModalContentReveal: true }) }, 300)\n  }\n\n  moveSection = (e, page) => {\n    e.preventDefault()\n    this.setState({ activePage: page })\n  }\n\n  handleClick = (e, page) => {\n    e.preventDefault()\n    this.setState({ activePage: page })\n    window.open(\"/send/u51377337\", \"_blank\")\n  }\n\n  backtowhatcanido = (e, page) => {\n    this.moveSection(e, 5)\n    this.whatcanido.current.focus()\n  }\n\n  backtoallyshippage = (e, page) => {\n    this.moveSection(e,4)\n    this.allyshippage.current.focus()\n  }\n\n  backtowhatisallyship = (e, page) => {\n    this.moveSection(e,3)\n    this.whatisallyship.current.focus()\n  }\n\n  backtowhatisprivilege = (e,page) => {\n    this.moveSection(e,2)\n    this.whatisprivilege.current.focus()  \n  }\n\n  backtowhatisstartingline = (e,page) => {\n    this.moveSection(e,1)\n    this.startingline.current.focus()\n  }\n\n  render () {\n    return (\n      <div className={'main main-Page5' + (this.state.loaded ? ' show' : '')}>\n        {this.state.openModal && (\n          <Modal open={this.state.animateModal} close={(e) => this.closeModal(e)} animateContent={this.state.animateModalContent} modalItem={this.state.modalItem} allymodalref={this.allymodal}/>\n        )}\n\n      {this.state.openModal && (\n          <IconModal open={this.state.animateModal} close={(e) => this.closeModal(e)} animateContent={this.state.animateModalContent} modalItem={this.state.modalItem} allymodalref={this.allymodalref} enableOutline={this.state.enableOutline}/>\n     )}\n        \n        \n        {this.state.openModal1 && ( //MODAL ONE STARTS\n          <div className={'modal' + (this.state.animateModal ? ' open' : '')} tabIndex={this.state.animateModal ? '1' : '-1'}>\n            <div className={'modal-content' + (this.state.animateModalContent ? ' show' : '')}>\n            <div className='modal-content-wrapper'>\n              <div className='icon-wrapper'>\n                <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[0].modal.image} className='modalimg' align='left' alt='Joining a recruitment panel icon' />\n                <h3 ref={this.modal1} tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>Joining a recruitment panel</h3>\n              </div>\n              <div>\n                  <div className=\"col6\">\n                    <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>You’ve been asked to help interview some candidates for a new role in your department. The candidates have already been shortlisted by HR and the interviews arranged.<br /><br />In the interview, you ask the candidates about their previous experience doing similar tasks to those required in the role, as well as their qualifications. The panel marks the candidate’s answers based on the way the team already works.<br /><br />How do you think this made the candidates feel?</p>\n                    \n                    <button \n                        className={this.state.enableOutline ? 'modalbutton show round' : 'modalbutton show round no-outline-on-focus' }\n                        onClick={this.revealConsiderThis} tabIndex={this.state.animateModal ? '1' : '-1'}\n                        aria-label='this button reveals the considerations behind this senario'>\n                        <span className='text'>Consider this</span>\n                        <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.privilege.altTag} /></span>\n                    </button>\n\n                    {this.state.considerRevealed && (\n                      <Fragment>\n                        {/* <div className='considerthistext'> */}\n                        <div className={'considerthistext' + (this.state.animateModalContentReveal ? ' show' : '') }>\n                          <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>Competency-based questions can put better-educated interviewees at an advantage. Those candidates may not necessarily be ideal for the job, but may be better at articulating themselves than their competitors.<br /><br />This can mean the best person for the job, or the person with the most potential, doesn’t always score the highest in an interview.<br /><br />What would you do in this situation?</p>\n                          <ul className='smaller reflection'>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Check to see if unconscious biases are influencing your decisions</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Try a conversational tone to put interviewees at ease</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Look for potential rather than just their previous experience</li>\n                          </ul>\n                        </div>\n                      </Fragment>\n                    )} \n\n                  </div>\n              </div>\n            </div> \n          </div>\n            <button\n              onClick={(e) => this.closeModal1(e)}\n              className='close-modal'\n              aria-label='close modal pop up window'>\n              <img src='/creativediversity/allyshipapp/static/x-mark-thin.svg' alt='' />\n            </button>\n          </div> \n        ) // MODAL ONE ENDS\n                    }\n\n        {this.state.openModal2 && ( //MODAL TWO STARTS\n          <div className={'modal' + (this.state.animateModal ? ' open' : '')} tabIndex={this.state.animateModal ? '1' : '-1'}>\n            <div className={'modal-content' + (this.state.animateModalContent ? ' show' : '')}>\n            <div className='modal-content-wrapper'>\n              <div className='icon-wrapper'>\n                <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[1].modal.image} className='modalimg' align='left' alt='Attending a meeting icon' />\n                <h3 ref={this.modal2} tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? '' : 'no-outline-on-focus'}>Attending a meeting</h3>\n              </div>\n              <div>\n                <div className=\"col6\">\n                  <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>You’re in a creative session discussing ideas for an upcoming production. Meesha has recently rejoined the project after some time off work. She suggests an idea, but she’s spoken over by some of the team and the conversation quickly moves on.<br /><br/>Later in the discussion, Mark repeats Meesha’s idea and is praised for his creativity and ingenuity. The idea then goes into production with Mark taking the creative lead. It’s a huge success for the programme.<br/><br />How do you think this made Meesha feel?</p>\n                  \n                  <button \n                    className={this.state.enableOutline ? 'modalbutton show round' : 'modalbutton show round no-outline-on-focus' }\n                    onClick={this.revealConsiderThis} tabIndex={this.state.animateModal ? '1' : '-1'}\n                    aria-label='this button reveals the considerations behind this senario'>\n                    <span className='text'>Consider this</span>\n                    <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.privilege.altTag} /></span>\n                  </button>\n\n                  {this.state.considerRevealed && (\n                    <Fragment>\n                      {/* <div className='considerthistext show'> */}\n                      <div className={'considerthistext' + (this.state.animateModalContentReveal ? ' show' : '') }>\n                        <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>Some would argue that it doesn’t matter where the idea came from, however, the lack of recognition for the idea deprives Meesha of further opportunities. She didn’t get the opportunity to develop her idea and use the treatment in her portfolio. Equally, the failure to get recognition from the rest of the team could make her reluctant to participate again.<br /><br />If her idea had been taken seriously initially, she could've been more closely involved in the production. It would still have been a success and could have benefited her development.<br /><br />What would you do in this situation?</p>\n                        <ul className='smaller reflection'>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Give colleagues the chance to express their ideas and credit them</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Look at whether opportunities are given to those who offer ideas</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Openly support your colleagues and recognise their achievements </li>\n                          </ul>\n                      </div>\n                    </Fragment>\n                  )} \n                </div>\n              </div>\n            </div> \n          </div>\n            <button\n              onClick={(e) => this.closeModal2(e)}\n              className='close-modal'\n              aria-label='close modal pop up window'>\n              <img src='/creativediversity/allyshipapp/static/x-mark-thin.svg' alt='' />\n            </button>\n          </div> // MODAL TWO ENDS\n        ) } \n\n        {this.state.openModal3 && ( //MODAL THREE STARTS\n          <div className={'modal' + (this.state.animateModal ? ' open' : '')} tabIndex={this.state.animateModal ? '1' : '-1'}>\n            <div className={'modal-content' + (this.state.animateModalContent ? ' show' : '')}>\n            <div className='modal-content-wrapper'>\n              <div className='icon-wrapper'>\n                <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[2].modal.image} className='modalimg' align='left' alt='Receiving your work icon' />\n                <h3 ref={this.modal3} tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? '' : 'no-outline-on-focus'}>Receiving your work</h3>\n              </div>\n              <div>\n                  <div className=\"col6\">\n                    <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller o-outline-on-focus'}>You dial into your team meeting where your team leader briefs everyone on their new assignments. Just like in last week's meeting, Mai is given her work - yet another basic project.<br /><br />Mai airs her annoyance and asks why she doesn’t get the opportunity to work on more complex projects. Your team leader brushes this off, explaining that the rest of the team are just more experienced.<br /><br />How do you think this made Mai feel?</p>\n                    \n                    <button \n                      className={this.state.enableOutline ? 'modalbutton show round' : 'modalbutton show round no-outline-on-focus' }\n                      onClick={this.revealConsiderThis} tabIndex={this.state.animateModal ? '1' : '-1'}\n                      aria-label='this button reveals the considerations behind this senario'>\n                      <span className='text'>Consider this</span>\n                      <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.privilege.altTag} /></span>\n                    </button>\n\n                    {this.state.considerRevealed && (\n                      <Fragment>\n                        {/* <div className='considerthistext show'> */}\n                        <div className={'considerthistext' + (this.state.animateModalContentReveal ? ' show' : '') }>\n                          <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>Mai’s disheartened that she isn’t treated like a full member of the team or given the chance to develop in her role.<br /><br />As she isn’t being considered fairly or given the same opportunities as the rest of her team, she raises a grievance with HR for discrimination because of her disability and gender.<br /><br />What would you do in this situation?</p>\n                          <ul className='smaller reflection'>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Be available for colleagues who might want to talk or need support</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Speak up for colleagues in situations where they’re being dismissed</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Remind others to consider that everyone is included and treated fairly</li>\n                          </ul>\n                        </div>\n                      </Fragment>\n                    )} \n                </div>\n              </div>\n                 </div> </div>\n            <button\n              onClick={(e) => this.closeModal3(e)}\n              className='close-modal'\n              aria-label='close modal pop up window'>\n              <img src='/creativediversity/allyshipapp/static/x-mark-thin.svg' alt='' />\n            </button>\n          </div> // MODAL THREE ENDS\n        ) } \n\n        {this.state.openModal4 && ( //MODAL THREE STARTS\n          <div  className={'modal' + (this.state.animateModal ? ' open' : '')} tabIndex={this.state.animateModal ? '1' : '-1'}>\n            <div className={'modal-content' + (this.state.animateModalContent ? ' show' : '')}>\n            <div className='modal-content-wrapper'>\n              <div className='icon-wrapper'>\n                <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[3].modal.image} className='modalimg' align='left' alt='Going to the pub after work icon' />\n                <h3 ref={this.modal4} tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? '' : 'no-outline-on-focus'}>Going to the pub after work</h3>\n              </div>\n              <div>\n                  <div className=\"col6\">\n                    <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>Your boss has invited you and the team to go for a few drinks after work to wind down after a hectic day.<br /><br />Michael says he’ll have to pass on the drinks. At the pub, those who can attend discuss a project you’ve all been working on and decide who should get involved. This excludes team members who didn’t go to the pub.<br /><br />How do you think this made Michael feel?</p>\n                    \n                    <button \n                      className={this.state.enableOutline ? 'modalbutton show round' : 'modalbutton show round no-outline-on-focus' }\n                      onClick={this.revealConsiderThis} tabIndex={this.state.animateModal ? '1' : '-1'}\n                      aria-label='this button reveals the considerations behind this senario'>\n                      <span className='text'>Consider this</span>\n                      <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.privilege.altTag} /></span>\n                    </button>\n\n\n                    {this.state.considerRevealed && (\n                      <Fragment>\n                        {/* <div className='considerthistext show'> */}\n                        <div className={'considerthistext' + (this.state.animateModalContentReveal ? ' show' : '') }>\n                          <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>Michael didn’t want to go to the pub because it was the wrong side of payday. He didn’t want the expectation of buying a round of drinks and thought it may draw negative attention if he didn’t drink at all.<br /><br />He missed out on the opportunity to be involved in some major plans related to the project and to build better relationships with his team.<br /><br />Other members of the team could potentially have missed out too. Think of those people who may not drink for religious reasons or who have childcare commitments.<br /><br />What would you do in this situation?</p>\n                          <ul className='smaller reflection' >\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Plan team social events that are inclusive</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Try not to make work decisions when others aren’t involved</li>\n                            <li tabIndex={this.state.animateModal ? '1' : '-1'}>Try and put collaboration at the heart of everything you do</li>\n                          </ul>\n                        </div>\n                      </Fragment>\n                    )} \n                  </div>\n              </div>\n                 </div> </div>\n            <button\n              onClick={(e) => this.closeModal4(e)}\n              className='close-modal'\n              aria-label='close modal pop up window'>\n              <img src='/creativediversity/allyshipapp/static/x-mark-thin.svg' alt='' />\n            </button>\n          </div> // MODAL FOUR ENDS\n        ) } \n\n{/* {this.state.openModal5 && ( //MODAL - stats\n          <div  className={'modal' + (this.state.animateModal ? ' open' : '')} tabIndex={this.state.animateModal ? '1' : '-1'}>\n            <div className={'modal-content' + (this.state.animateModalContent ? ' show' : '')}>\n            <div className='modal-content-wrapper'>\n              <div>\n              <h3 ref={this.modal5} tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? '' : 'no-outline-on-focus'}>Consider this:</h3>\n                  <div className=\"col6\">\n                      <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}><span className='consider'>1 in 16:</span> The proportion of senior leaders in the private and public sector that are from a black, Asian or minority ethnic (BAME) background</p>\n                      <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}><span className='consider'>64%:</span> The proportion of people in the UK paid below the National Living Wage in 2016 who were women</p>\n                      <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}><span className='consider'>0%:</span> The number of black female CEO’s of FTSE 100 companies in the UK and Fortune 500 companies in the US</p>\n                      <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}><span className='consider'>27%:</span> The proportion of working-age people with disabilities in the US who were employed in 2015 compared to the 72% of people without disabilities who were employed</p>\n                      <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}><span className='consider'>6%:</span> The percentage of adults with a learning disability known to their local authority in England who are in paid work </p>\n                      <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}><span className='consider'>50%:</span> The percentage of Muslim households in poverty in the UK, compared to the national average of 18%</p>\n                      <p tabIndex={this.state.animateModal ? '1' : '-1'} className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}><span className='consider'>1 in 10:</span> The proportion of gay and bisexual men aged 16-19 who have attempted to take their own life the past year in the UK</p>\n                    </div>\n              </div>\n                 </div> </div>\n            <button\n              onClick={(e) => this.closeModal5(e)}\n              className='close-modal'\n              aria-label='close modal pop up window'>\n              <img src='/creativediversity/allyshipapp/static/x-mark-thin.svg' alt='' />\n            </button>\n          </div> // MODAL FOUR ENDS\n        ) }  */}\n\n\n        <div className='section-wrapper'>\n          <section className={'section1' + (this.state.activePage === 1 ? ' in' : '') + (this.state.activePage > 1 ? ' left' : '')}>\n            <div className='bg-image3' />\n\n            <button\n              className={'back-button'}\n              onClick={() => this.goBack()}\n              tabIndex='0'\n              aria-label={'go back to the privilege questions page, you will start from the beginning'}>\n              <img src='/creativediversity/allyshipapp/static/left-chevron-white.svg' alt={settings.altTags.backBtn} />\n            </button>\n\n            <div className='content-wrapper'>            \n              <div className='content'>\n                <div className='toppadding'>\n                  <h2 ref={this.startingline} tabIndex='0' className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>{settings.startingLine.title}</h2>\n                  <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>{settings.startingLine.content}</p>\n                  <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>{settings.startingLine.contentl2}</p>\n                  <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus'}>{settings.startingLine.contentl3}</p>\n\n                  {/* <div className='actionbtns'>\n\n                    <button className='section-link round' href='#' onClick={() => settings.privileges[1].modal ? this.openModal5(settings.privileges[1]) : null} >\n                      <span tabIndex='0' className={this.state.enableOutline ? 'text' : 'text no-outline-on-focus' }>Consider this</span>\n                      <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.startingLine.altTag} /></span>\n                    </button> */}\n\n\n                  <div className='groupfacts'>\n\n                    <div className='fact'>\n                      <div tabIndex='0' className={this.state.enableOutline ? 'stat' : 'stat no-outline-on-focus'}>1 in 13</div>\n                      <div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription' : 'factdescription no-outline-on-focus'}>people at management levels in the private and public sector are from a Black, Asian and Minority Ethnic background.</div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription source' : 'factdescription source no-outline-on-focus'}>Source: <a href=\"https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/594336/race-in-workplace-mcgregor-smith-review.pdf\" target=\"_blank\">Race in the workplace: The McGregor-Smith review 2017</a></div>\n                      </div>\n                    </div>\n\n                    <div className='fact'>\n                      <div tabIndex='0' className={this.state.enableOutline ? 'stat' : 'stat no-outline-on-focus'}>60%</div>\n                      <div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription' : 'factdescription no-outline-on-focus'}>the proportion of low-paid employees who were women in 2018.</div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription source' : 'factdescription source no-outline-on-focus'}>Source: <a href=\"https://www.resolutionfoundation.org/app/uploads/2019/05/Low-Pay-Britain-2019-report.pdf\" target=\"_blank\">Resolution Foundation</a></div>\n                      </div>\n                    </div>\n\n                    <div className='fact'>\n                      <div tabIndex='0' className={this.state.enableOutline ? 'stat' : 'stat no-outline-on-focus'}>0%</div>\n                      <div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription' : 'factdescription no-outline-on-focus'}>of the world’s biggest companies as listed in the FTSE 100 and Fortune 500 have a black female CEO.</div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription source' : 'factdescription source no-outline-on-focus'}>Source: <a href=\"https://fortune.com/2020/05/18/women-ceos-fortune-500-2020/\" target=\"_blank\">Fortune May 2020</a></div>\n                      </div>\n                    </div>\n\n                    <div className='fact'>\n                      <div tabIndex='0' className={this.state.enableOutline ? 'stat' : 'stat no-outline-on-focus'}>33%</div>\n                      <div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription' : 'factdescription no-outline-on-focus'}>of working age disabled people are employed in US, compared to 76% of people without disabilities.</div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription source' : 'factdescription source no-outline-on-focus'}>Source: <a href=\"https://www.dol.gov/agencies/odep/publications/statistics\" target=\"_blank\">US Department of Labor</a></div>\n                      </div>\n                    </div>\n\n                    <div className='fact'>\n                      <div tabIndex='0' className={this.state.enableOutline ? 'stat' : 'stat no-outline-on-focus'}>6%</div>\n                      <div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription' : 'factdescription no-outline-on-focus'}>of working age adults with learning disabilities using long-term social care in England were paid or self-employed in 2017/2018.</div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription source' : 'factdescription source no-outline-on-focus'}>Source: <a href=\"https://www.gov.uk/government/publications/people-with-learning-disabilities-in-england/chapter-2-employment\" target=\"_blank\">Public Health England</a></div>\n                      </div>\n                    </div>\n\n                    <div className='fact'>\n                      <div tabIndex='0' className={this.state.enableOutline ? 'stat' : 'stat no-outline-on-focus'}>50%</div>\n                      <div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription' : 'factdescription no-outline-on-focus'}>poverty rate for Muslims, compared to 18% for the whole UK population at the time of 2011 Census.</div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription source' : 'factdescription source no-outline-on-focus'}>Source: <a href=\"https://www.jrf.org.uk/sites/default/files/jrf/migrated/files/Reducing-poverty-reviews-FULL_0.pdf\" target=\"_blank\">Joseph Rowntree Foundation</a></div>\n                      </div>\n                    </div>\n\n                    <div className='fact'>\n                      <div tabIndex='0' className={this.state.enableOutline ? 'stat' : 'stat no-outline-on-focus'}>1 in 8</div>\n                      <div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription' : 'factdescription no-outline-on-focus'}>LGBT people aged 18-24 said they’ve attempted to take their own life in 2017, according to a survey.</div>\n                        <div tabIndex='0' className={this.state.enableOutline ? 'factdescription source' : 'factdescription source no-outline-on-focus'}>Source: <a href=\"https://www.stonewall.org.uk/system/files/lgbt_in_britain_health.pdf\" target=\"_blank\">Stonewall</a></div>\n                      </div>\n                    </div>\n\n                  </div>\n\n                    <button className='section-link round' href='#' onClick={(e) => this.moveSection(e, 2) & this.whatisprivilege.current.focus()} >\n                      <span tabIndex='0' className={this.state.enableOutline ? 'text' : 'text no-outline-on-focus' }>{settings.startingLine.link}</span>\n                      <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.startingLine.altTag} /></span>\n                    </button>\n\n                  {/* </div> */}\n                </div>\n              </div>\n            </div>\n\n            {/* <Branding color='white' />  */}\n          </section>\n          <section className={'section2' + (this.state.activePage === 2 ? ' in' : '') + (this.state.activePage > 2 ? ' left' : '') + (this.state.activePage < 2 ? ' right' : '')}>\n            <div className='bg-image3' />\n            <button\n                className={'back-button'}\n                //onClick={(e) => this.moveSection(e, 1)}\n                onClick={(e) => this.backtowhatisstartingline(e, 1)}\n                tabIndex='0'\n                aria-label={'go back to the how different is your startling line page'}\n              >\n                <img src='/creativediversity/allyshipapp/static/left-chevron.svg' alt={settings.altTags.backBtn} />\n            </button>\n            <div className='content-wrapper'>\n              <div className='content topwrapper'>\n                <h2 ref={this.whatisprivilege} tabIndex='0' className={this.state.enableOutline ? 'whatisprivilege' : 'whatisprivilege no-outline-on-focus' }>{settings.privilege.title}</h2>\n                <p className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' } tabIndex='0'>{settings.privilege.content}</p>\n                <p className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' } tabIndex='0'>{settings.privilege.contentl2}</p>\n                <div className={'grid-row show modalbtn fullwidth'}>\n                 \n                 \n                  <button\n                    className={'grid-col show' + (settings.privileges[0].modal ? ' pointer' : '') + (this.state.enableOutline ? '' : ' no-outline-on-focus')}\n                    //className={this.state.enableOutline ? '' : 'no-outline-on-focus' }\n\n                    id=\"openModal1sc\"\n                    onClick={() => settings.privileges[0].modal ? this.openModal1(settings.privileges[0]) : null}\n                    tabIndex='0'\n                    ref={this.joiningarecruitmentpanel}\n                    aria-label={'Click here to open the modal of ' + settings.privileges[0].content}\n                  >\n                    <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[0].image} alt={settings.privileges[0].altTag}/>\n                    <p className='smaller caption'>{settings.privileges[0].content}</p>\n                  </button>\n              \n                  <button\n                    className={'grid-col show pointer' + (settings.privileges[1].modal1 ? ' pointer' : '') + (this.state.enableOutline ? '' : ' no-outline-on-focus')}\n                    onClick={() => settings.privileges[1].modal ? this.openModal2(settings.privileges[1]) : null}\n                    tabIndex='0'\n                    ref={this.attendingaproductionmeeting}\n                    aria-label={'Click here to open the modal of ' + settings.privileges[1].content}\n                  >\n                    <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[1].image} alt={settings.privileges[1].altTag}/>\n                    <p className='smaller caption'>{settings.privileges[1].content}</p>\n                  </button>\n\n                  <button\n                    className={'grid-col show' + (settings.privileges[2].modal ? ' pointer' : '') + (this.state.enableOutline ? '' : ' no-outline-on-focus')}\n                    onClick={() => settings.privileges[2].modal ? this.openModal3(settings.privileges[2]) : null}\n                    tabIndex='0'\n                    ref={this.receivingyourworkfortheweek}\n                    aria-label={'Click here to open the modal of ' + settings.privileges[2].content}\n                  >\n                    <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[2].image} alt={settings.privileges[2].altTag}/>\n                    <p className='smaller caption'>{settings.privileges[2].content}</p>\n                  </button>\n\n\n                  <button\n                    className={'grid-col show' + (settings.privileges[3].modal ? ' pointer' : '') + (this.state.enableOutline ? '' : ' no-outline-on-focus')}\n                    onClick={() => settings.privileges[3].modal ? this.openModal4(settings.privileges[3]) : null}\n                    tabIndex='0'\n                    ref={this.goingtothepub}\n                    aria-label={'Click here to open the modal of ' + settings.privileges[3].content}\n                  >\n                    <img src=/creativediversity/allyshipapp/static/js/{settings.privileges[3].image} alt={settings.privileges[3].altTag}/>\n                    <p className='smaller caption'>{settings.privileges[3].content}</p>\n                  </button>\n                </div>\n                <div className='section-link-wrapper'>\n                  <button \n                    className={this.state.enableOutline ? 'section-link show round' : 'section-link show round no-outline-on-focus' }\n                    onClick={(e) => this.moveSection(e, 3) & this.whatisallyship.current.focus()} tabIndex='0'>\n                    <span className='text'>{settings.privilege.link2}</span>\n                    <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.privilege.altTag} /></span>\n                  </button>\n                </div>\n              </div>\n            </div>\n          </section>\n          <section className={'section3' + (this.state.activePage === 3 ? ' in' : '') + (this.state.activePage > 3 ? ' left' : '') + (this.state.activePage < 3 ? ' right' : '')}>\n            <div className='bg-image3' />\n            <button\n              className={'back-button'}\n              //onClick={(e) => this.moveSection(e, 2)}\n              onClick={(e) => this.backtowhatisprivilege(e, 2)}\n              tabIndex='0'\n              aria-label={'go back to the what is privilege page'}\n            >\n              <img src='/creativediversity/allyshipapp/static/left-chevron-white.svg' alt={settings.altTags.backBtn} />\n            </button>\n            <div className='content-wrapper'>\n              <div className='content'>\n                <h2 tabIndex='0' ref={this.whatisallyship} className={this.state.enableOutline ? '' : 'no-outline-on-focus' }\n                >{settings.allyship.title}</h2>\n                <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>Allyship is an ongoing process to create an inclusive working environment that builds trust and confidence for everyone.</p>\n                <p  tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>It’s about people who have been fortunate in life committing to learn and understand the position of those who have had fewer advantages. This knowledge can then support changes in behaviour that benefit everyone.</p>\n                { /*<p className='smaller'>{settings.allyship.content}</p>  */}\n                <button tabIndex='0' className='section-link round' onClick={(e) => this.moveSection(e, 4) & this.allyshippage.current.focus()}>\n                  <span className='text'>{settings.allyship.link}</span>\n                  <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.allyship.altTag} /></span>\n                </button>\n              </div>\n            </div>\n          </section>\n          <section className={'section4' + (this.state.activePage === 4 ? ' in' : '') + (this.state.activePage > 4 ? ' left' : '') + (this.state.activePage < 4 ? ' right' : '')}>\n            <div className='bg-image3' />\n            <button\n              className={'back-button'}\n              //onClick={(e) => this.moveSection(e, 3)}\n              onClick={(e) => this.backtowhatisallyship(e, 3)}\n              tabIndex='0'\n              aria-label={'go back to the what is allyship page'}>\n            \n              <img src='/creativediversity/allyshipapp/static/left-chevron-white.svg' alt={settings.altTags.backBtn} />\n            </button>\n            <div className='content-wrapper'>\n              <div className='content topwrapper'>\n                <h2 ref={this.allyshippage} tabIndex='0' className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>{settings.theRoles.title}</h2>\n                <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{settings.theRoles.content}</p>\n                <div className='roles__wrapper'>\n                  <div className='roles'>\n\n                    {settings.rolesUpper.map((role, i) => {\n                      return (\n                        <button\n                          key={i}\n                          className={'role' + (role.modal ? ' pointer iconbtn' : '') + (this.state.enableOutline ? '' : ' no-outline-on-focus')}\n                          onClick={() => role.modal ? this.openModal(role) : null}\n                          tabIndex='0'\n                          aria-label={'Click here to open the modal of ' + role.caption}\n                          ref={this[`${role.ref}_ref`]}\n                        >\n                          <img src=/creativediversity/allyshipapp/static/js/{role.image} alt={role.altTag} />\n                          <p className='smaller'>{role.caption}</p>\n                        </button>\n                      )\n                    })}\n                  </div>\n\n                  <div className='roles'>\n                    {settings.rolesLower.map((role, i) => {\n                      return (\n                        <button\n                          key={i}\n                          className={'role' + (role.modal ? ' pointer iconbtn' : '') + (this.state.enableOutline ? '' : ' no-outline-on-focus')}\n                          onClick={() => role.modal ? this.openModal(role) : null}\n                          tabIndex='0'\n                          ref={this[`${role.ref}_ref`]}\n                          //ref={this.state.iconSelected ? 'iconIsNotSelected' : this.iconIsSelected } //focus\n                        >\n                          <img src=/creativediversity/allyshipapp/static/js/{role.image} alt={role.altTag} />\n                          <p className='smaller'>{role.caption}</p>\n                        </button>\n                      )\n                    })}\n                   \n                  </div>\n                  <i className={(this.state.enableOutline ? 'theRolesMessage' : 'theRolesMessage no-outline-on-focus')} tabIndex='0'>{settings.theRoles.message}</i>\n                </div>\n                <button className='section-link mt-0 round' onClick={(e) => this.moveSection(e, 5) & this.whatcanido.current.focus()}>\n                  <span className='text'>{settings.theRoles.link}</span>\n                  <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.theRoles.altTag} /></span>\n                </button>\n              </div>\n            </div>\n          </section>\n          <section className={'section5' + (this.state.activePage === 5 ? ' in' : '') + (this.state.activePage > 5 ? ' left' : '') + (this.state.activePage < 5 ? ' right' : '')}>\n            <div className='bg-image3' />\n            <button\n              className={'back-button'}\n              //onClick={(e) => this.moveSection(e, 4)}\n              onClick={(e) => this.backtoallyshippage(e, 4)}\n              tabIndex='0'\n              aria-label={'go back to the what type of ally can I be page'}\n            >\n              <img src='/creativediversity/allyshipapp/static/left-chevron.svg' alt={settings.altTags.backBtn} />\n            </button>\n            <div className='content-wrapper'>\n              <div className='content'>\n                <h2 ref={this.whatcanido} tabIndex='0' className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>{settings.form.title}</h2>\n                <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{settings.form.content}</p>\n                <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{settings.form.contentl2}</p>\n                <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{settings.form.contentl3}</p>\n                  {/*<iframe className='iframe' src={settings.form.iframeUrl} title={settings.form.iframeTitle} /> */}\n                  \n                <div className=\"actionbtns\">\n                  <button className='section-link mt round' onClick={(e) => this.handleClick(e, 6) & this.beforeyougo.current.focus()} tabIndex='0'>\n                    <span className='text'>{settings.form.linkex}</span>\n                    <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.form.altTag} /></span>\n                  </button>\n                 \n                  <button className='section-link mt round' onClick={(e) => this.moveSection(e, 6) & this.beforeyougo.current.focus()} tabIndex='0'>\n                    <span className='text'>{settings.form.link}</span>\n                    <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.form.altTag} /></span>\n                  </button>\n                </div>\n\n              </div>\n            </div>\n          </section>\n          <section className={'section6' + (this.state.activePage === 6 ? ' in' : '') + (this.state.activePage > 6 ? ' left' : '') + (this.state.activePage < 6 ? ' right' : '')}>\n            <div className='bg-image3' />\n            <button\n              className={'back-button'}\n             // onClick={(e) => this.moveSection(e, 5)}>\n                onClick={(e) => this.backtowhatcanido(e, 5)}\n                tabIndex='0'\n                aria-label={'go back to the what can I do page'}>\n              <img src='/creativediversity/allyshipapp/static/left-chevron-white.svg' alt={settings.altTags.backBtn} />\n            </button>\n            <div className='content-wrapper'>\n              <div className='content'>\n                <h2 tabIndex='0' ref={this.beforeyougo} className={this.state.enableOutline ? '' : 'no-outline-on-focus' }>{settings.summary.title}</h2>\n                <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{settings.summary.content}</p>\n                <p tabIndex='0' className={this.state.enableOutline ? 'smaller' : 'smaller no-outline-on-focus' }>{settings.summary.contentl2}</p>\n                <a className='section-link' href={settings.summary.url}>\n                  <span className='text'>{settings.summary.link}</span>\n                  <span className='chevron'><img src='/creativediversity/allyshipapp/static/right-chevron.svg' alt={settings.summary.altTag} /></span>\n                </a>\n              </div>\n            </div>\n            <Branding color='white' tabIndex=\"-1\"/>\n          </section>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport { Page5 }\nexport default (Page5)\n","import React, { Fragment } from 'react';\nimport { Provider } from 'react-redux';\nimport Page1 from './components/Page1';\nimport Page2 from './components/Page2';\nimport Page3 from './components/Page3';\nimport Page4 from './components/Page4';\nimport { Route, Switch, BrowserRouter } from 'react-router-dom';\nimport { StaticRouter } from 'react-router';\n\nimport './App.scss';\n\nconst NoMatch = (props) => (\n  <Fragment>\n    <button className='back-button' onClick={() => props.history.goBack()}>\n      <img src='/creativediversity/allyshipapp/static/left-chevron.svg' alt='Back button' />\n    </button>\n    <div className='main'>\n      <div className='content-wrapper'>\n        <div className='content center'>\n          <h2>404</h2>\n          <p>Page not found.</p>\n        </div>\n      </div>\n    </div>\n    \n  </Fragment>\n);\n\nconst AppRoutes = () => (\n  <Switch>\n    {/* <Route path={`${process.env.PUBLIC_URL}/`} component={Page1} exact />\n    <Route path={`${process.env.PUBLIC_URL}/ready`} component={Page2} exact />\n    <Route path={`${process.env.PUBLIC_URL}/race`} component={Page3} exact />\n    <Route path={`${process.env.PUBLIC_URL}/summary`} component={Page4} exact /> */}\n    <Route path='/' component={Page1} exact />\n    <Route path='/ready' component={Page2} exact /> \n    <Route path='/race' component={Page3} exact />\n    <Route path='/summary' component={Page4} exact /> \n    <Route render={NoMatch} />\n  </Switch>\n)\n\nfunction App (props) {\n  return (\n    <Provider store={props.store}>\n      {\n        props.location\n        ? (\n          <StaticRouter location={props.location} context={{}} basename={`/creativediversity/allyshipapp/#`}>\n            <AppRoutes store={props.store}/>\n          </StaticRouter>\n        ) : (\n          <BrowserRouter basename={`/creativediversity/allyshipapp/#`}> \n            <AppRoutes/>\n          </BrowserRouter>  \n        )\n      }\n    </Provider>\n  );\n}\nexport default App;\n","const positions = (state = [], action) => {\n  switch (action.type) {\n    case 'STORE_POSITION':\n      const nextPositionId = state ? state.length : 0\n\n      return [\n        ...state,\n        {\n          id: nextPositionId,\n          ...action.position\n        }\n      ];\n    case 'DELETE_POSITION':\n      const newState = [...state]\n      newState.pop()\n      return [...newState]\n    default:\n      return state\n  }\n};\nexport default positions\n","import { combineReducers } from 'redux';\nimport positions from './positions'\n\nexport default combineReducers({\n    positions\n})\n","import 'core-js/stable'\nimport React from 'react'\nimport ReactDOM from 'react-dom'\n\nimport App from './App'\nimport * as serviceWorker from './serviceWorker';\n\nimport configureStore from './configure-store';\n\nconst initialState = global.window && global.window.__INITIAL_STATE__ \nconst store = configureStore(initialState);\n\nReactDOM.hydrate(<App store={store}/>, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}