diff --git a/js/components/browserBombModal.js b/js/components/browserBombModal.js
new file mode 100644
index 000000000..49f90551f
--- /dev/null
+++ b/js/components/browserBombModal.js
@@ -0,0 +1,86 @@
+/**
+ * Created by ricgillams on 14/06/2018.
+ */
+
+import React from "react";
+import {connect} from "react-redux";
+import ReactModal from "react-modal";
+import {Button} from 'react-bootstrap';
+
+const customStyles = {
+    overlay : {
+        zIndex: 50,
+        backgroundColor: 'rgba(0, 0, 0, 0.85)'
+    },
+    content : {
+        top: '50%',
+        left: '50%',
+        right: 'auto',
+        bottom: 'auto',
+        marginRight: '-20%',
+        transform: 'translate(-50%, -50%)',
+        border: '10px solid #7a7a7a'
+    }
+};
+
+export class BrowserBomb extends React.Component {
+    constructor(props) {
+        super(props);
+        this.closeModal = this.closeModal.bind(this);
+        this.checkBrowser = this.checkBrowser.bind(this);
+        this.state = {
+            currentBrowser: undefined,
+            notSupported: undefined
+        };
+    }
+
+    checkBrowser(){
+        if (typeof InstallTrigger !== 'undefined'){
+            this.setState(prevState => ({currentBrowser: "Firefox should be supported"}));
+            this.setState(prevState => ({notSupported: false}));
+        } else if (!!window.chrome && !!window.chrome.webstore){
+            this.setState(prevState => ({currentBrowser: "Chrome should be supported"}))
+            this.setState(prevState => ({notSupported: false}));
+        } else {
+            this.setState(prevState => ({currentBrowser: "This browser may not perform properly. Please consider using Firefox or Chrome."}))
+            this.setState(prevState => ({notSupported: true}));
+        }
+    }
+
+    closeModal(){
+        this.setState(prevState => ({notSupported:undefined}));
+    }
+
+    componentWillMount() {
+        ReactModal.setAppElement('body')
+        this.checkBrowser()
+    }
+
+    componentWillReceiveProps(nextProps) {
+        if (nextProps.errorMessage != undefined){
+            this.setState(prevState => ({errorMessage: nextProps.errorMessage}))
+        }
+    }
+
+    render() {
+        return (
+            <ReactModal isOpen={this.state.notSupported} style={customStyles}>
+                <div>
+                    <h4>This browser is not supported by Fragalysis, please consider moving to
+                    <a href="https://www.google.com/chrome/"> Google Chrome</a> or <a href="https://www.mozilla.org/en-GB/firefox/">Mozilla Firefox.</a></h4>
+                    <Button bsSize="sm" bsStyle="success" onClick={this.closeModal}>Close</Button>
+                </div>
+            </ReactModal>
+        );
+    }
+}
+
+function mapStateToProps(state) {
+    return {
+    }
+}
+
+const mapDispatchToProps = {
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(BrowserBomb);
diff --git a/js/components/header.js b/js/components/header.js
index 25a85f1a5..f17a0865f 100644
--- a/js/components/header.js
+++ b/js/components/header.js
@@ -11,14 +11,15 @@ import TargetList from "./targetList";
 import SessionManagement from "./sessionManagement";
 import {ErrorReport} from "./errorReport";
 
-
 class Header extends React.Component {
-
     constructor(props) {
         super(props)
         this.getTargetList = this.getTargetList.bind(this);
         this.selectTarget = this.selectTarget.bind(this);
         this.generateTargetObject = this.generateTargetObject.bind(this);
+        this.openXchem = this.openXchem.bind(this);
+        this.openDiamond = this.openDiamond.bind(this);
+        this.openSgc = this.openSgc.bind(this);
     }
 
     getViewUrl(pk, get_view) {
@@ -30,7 +31,7 @@ class Header extends React.Component {
     generateTargetObject(targetData) {
         // Now deal with this target
         var prot_to_load = targetData.protein_set[0]
-        if(prot_to_load!=undefined) {
+        if (prot_to_load != undefined) {
             var out_object = {
                 "name": "PROTEIN_" + prot_to_load.toString(),
                 "prot_url": this.getViewUrl(prot_to_load, "prot_from_pk"),
@@ -43,62 +44,76 @@ class Header extends React.Component {
 
     getTargetList() {
         var newArray = []
-        for(var key in this.props.target_id_list){
-        newArray.push(this.props.target_id_list[key].title)
+        for (var key in this.props.target_id_list) {
+            newArray.push(this.props.target_id_list[key].title)
         }
         return newArray;
     }
 
-
     selectTarget(option) {
         this.props.history.push("/viewer/react/preview/target/" + option)
     }
 
-  render() {
-      var landing = "/viewer/react/landing";
-      var login = "/accounts/login"
-      var logout = "/accounts/logout"
-      var new_ele;
-      var username = DJANGO_CONTEXT["username"];
-      if (username=="NOT_LOGGED_IN"){
-          new_ele =  <NavItem eventKey={1} href={login}>
-              <h5> Login </h5>
-          </NavItem>
-      }
-      else{
-          new_ele = <NavItem eventKey={1} href={logout}>
-              <h5><b>Hello {username}!</b> Logout.</h5>
-          </NavItem>
-      }
+    openXchem() {
+        window.location.href = 'https://www.diamond.ac.uk/Instruments/Mx/Fragment-Screening.html'
+    }
 
-    return <Navbar>
-          <Navbar.Header>
-              <Navbar.Brand>
-                  <h4>
-                      <a  href={landing}>FragalysisHome</a>
-                  </h4>
-              </Navbar.Brand>
-          </Navbar.Header>
-        <Nav pullLeft>
-            {new_ele}
-            <NavItem>
-                <SessionManagement/>
+    openDiamond() {
+        window.location.href = 'https://www.diamond.ac.uk/Home.html'
+    }
+
+    openSgc() {
+        window.location.href = 'https://www.sgc.ox.ac.uk/'
+    }
+
+    render() {
+        var landing = "/viewer/react/landing";
+        var login = "/accounts/login"
+        var logout = "/accounts/logout"
+        var new_ele;
+        var username = DJANGO_CONTEXT["username"];
+        if (username == "NOT_LOGGED_IN") {
+            new_ele = <NavItem eventKey={1} href={login}>
+                <h5> Login </h5>
             </NavItem>
-        </Nav>
-        <Nav pullRight>
-            <NavItem>
-                <ErrorReport />
+        }
+        else {
+            new_ele = <NavItem eventKey={1} href={logout}>
+                <h5><b>Hello {username}!</b> Logout.</h5>
             </NavItem>
-        </Nav>
-        <TargetList key="TARGLIST" render={false}/>
-      </Navbar>
-  }
+        }
+
+        return <Navbar>
+            <Navbar.Header>
+                <Navbar.Brand>
+                    <h4>
+                        <a href={landing}>FragalysisHome</a>
+                    </h4>
+                </Navbar.Brand>
+            </Navbar.Header>
+            <Nav pullLeft>
+                {new_ele}
+                <NavItem>
+                    <SessionManagement/>
+                </NavItem>
+            </Nav>
+            <Nav pullRight>
+                <NavItem>
+                    <img src={require('../img/xchemLogo.png')} width="67" height="31" onClick={this.openXchem}/>
+                    <img src={require('../img/dlsLogo.png')} width="100" height="31" onClick={this.openDiamond}/>
+                    <img src={require('../img/sgcLogo.png')} width="65" height="31" onClick={this.openSgc}/>
+                    <ErrorReport/>
+                </NavItem>
+            </Nav>
+            <TargetList key="TARGLIST" render={false}/>
+        </Navbar>
+    }
 }
 
 function mapStateToProps(state) {
-  return {
-      target_id_list: state.apiReducers.present.target_id_list,
-  }
+    return {
+        target_id_list: state.apiReducers.present.target_id_list,
+    }
 }
 const mapDispatchToProps = {
 }
diff --git a/js/components/landing.js b/js/components/landing.js
index fe223298f..46ed1b931 100644
--- a/js/components/landing.js
+++ b/js/components/landing.js
@@ -5,6 +5,7 @@ import {Col, Row} from "react-bootstrap";
 import React from "react";
 import {connect} from "react-redux";
 import TargetList from "./targetList";
+import {BrowserBomb} from "./browserBombModal";
 
 export class Welcome extends React.Component {
     constructor(props) {
@@ -34,6 +35,7 @@ export class Welcome extends React.Component {
                       <TargetList key="TARGLIST"/>
                   </div>
               </Col>
+                <BrowserBomb/>
           </Row>
         )
     }
diff --git a/js/components/modalErrorDisplay.js b/js/components/modalErrorDisplay.js
index 00d758c1f..3c0c5755c 100644
--- a/js/components/modalErrorDisplay.js
+++ b/js/components/modalErrorDisplay.js
@@ -53,7 +53,7 @@ export class ModalErrorMessage extends React.Component {
                 <ReactModal isOpen={this.props.savingState} style={customStyles}>
                     <div>
                         <h3>Error occurred during state saving. Please contact Fragalysis support!</h3>
-                        <Button bsSize="large" bsStyle="success" onClick={this.closeModal}>Close</Button>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.closeModal}>Close</Button>
                     </div>
                 </ReactModal>
             );
diff --git a/js/components/modalStateSave.js b/js/components/modalStateSave.js
index 2331fc35e..9998783a3 100644
--- a/js/components/modalStateSave.js
+++ b/js/components/modalStateSave.js
@@ -5,7 +5,7 @@
 import React, {Component} from "react";
 import {connect} from "react-redux";
 import ReactModal from "react-modal";
-import {Tooltip, OverlayTrigger, ButtonToolbar} from 'react-bootstrap';
+import {Tooltip, OverlayTrigger, ButtonToolbar, Row} from 'react-bootstrap';
 import * as apiActions from "../actions/apiActions";
 import Clipboard from 'react-clipboard.js';
 
@@ -70,34 +70,34 @@ export class ModalStateSave extends Component {
         );
         var urlToCopy = "";
         var information = "";
-        var text = "";
         if (this.state.fraggleBoxLoc != undefined) {
             if (this.props.savingState == "savingSnapshot") {
                 urlToCopy = window.location.protocol + "//" + window.location.hostname + "/viewer/react/snapshot/" + this.props.latestSnapshot.slice(1, -1);
-                information = "A snapshot of the current point in time has been saved and can ";
-                text = ". This snapshot cannot be overwritten.";
+                information = "A permanent, fixed snapshot of the current state has been saved ";
             } else if (this.props.savingState == "savingSession") {
                 urlToCopy = window.location.protocol + "//" + window.location.hostname + "/viewer/react/fragglebox/" + this.props.latestSession.slice(1, -1);
-                information = "A new session has been generated and can ";
-                text = ". The session can be overwritten.";
+                information = "A new session has been generated ";
             } else if (this.props.savingState == "overwritingSession") {
                 urlToCopy = window.location.protocol + "//" + window.location.hostname + "/viewer/react/fragglebox/" + this.props.latestSession.slice(1, -1);
-                information = "Your session has been updated and can still ";
-                text = ". This has overwritten the session record.";
+                information = "Your session has been overwritten and remains ";
             }
             return (
                 <ReactModal isOpen={this.props.savingState.startsWith("saving") || this.props.savingState.startsWith("overwriting")} style={customStyles}>
-                    <strong>
-                        {information} be viewed <a href={urlToCopy}>here </a>{text}
-                    </strong>
-                    <ButtonToolbar>
-                        <OverlayTrigger trigger="click" placement="bottom" overlay={tooltip}>
-                            <Clipboard option-container="modal" data-clipboard-text={urlToCopy}
-                                       button-title="Copy me!">Copy link</Clipboard>
-                        </OverlayTrigger>
-                        <button onClick={this.openFraggleLink}>Open in new tab</button>
-                        <button onClick={this.closeModal}>Close</button>
-                    </ButtonToolbar>
+                    <Row>
+                        <strong>
+                            {information} be viewed <a href={urlToCopy}>here.</a>
+                        </strong>
+                    </Row>
+                    <Row>
+                        <ButtonToolbar>
+                            <OverlayTrigger trigger="click" placement="bottom" overlay={tooltip}>
+                                <Clipboard option-container="modal" data-clipboard-text={urlToCopy}
+                                           button-title="Copy me!">Copy link</Clipboard>
+                            </OverlayTrigger>
+                            <button onClick={this.openFraggleLink}>Open in new tab</button>
+                            <button onClick={this.closeModal}>Close</button>
+                        </ButtonToolbar>
+                    </Row>
                 </ReactModal>
             );
         } else {
diff --git a/js/components/modalTargetUnrecognised.js b/js/components/modalTargetUnrecognised.js
index bca1b6f06..1f86f2e66 100644
--- a/js/components/modalTargetUnrecognised.js
+++ b/js/components/modalTargetUnrecognised.js
@@ -8,6 +8,7 @@ import ReactModal from "react-modal";
 import {Button} from 'react-bootstrap';
 import * as apiActions from "../actions/apiActions";
 import TargetList from "./targetList";
+import {ErrorReport} from "./errorReport";
 
 const customStyles = {
     overlay : {
@@ -49,29 +50,27 @@ export class ModalTargetUnrecognised extends React.Component {
     }
 
     render() {
-        if (this.state.targetUnrecognised == true) {
-            if(this.state.targetListLength == 0) {
-                return (
-                    <ReactModal isOpen={this.state.targetUnrecognised} style={customStyles}>
-                        <div>
-                            <h3>No targets available.<br/>Please contact Fragalysis Support!</h3>
-                            <Button bsSize="large" bsStyle="success" onClick={this.closeModal}>Close</Button>
-                        </div>
-                    </ReactModal>
-                );
-            } else {
-                return (
-                    <ReactModal isOpen={this.state.targetUnrecognised} style={customStyles}>
-                        <div>
-                            <h3>Target was not recognised. <br/> Please select a target:</h3>
-                            <TargetList key="TARGLIST"/>
-                            <Button bsSize="large" bsStyle="success" onClick={this.closeModal}>Close</Button>
-                        </div>
-                    </ReactModal>
-                );
-            }
+        if (this.state.targetListLength == 0) {
+            return (
+                <ReactModal isOpen={this.state.targetUnrecognised} style={customStyles}>
+                    <div>
+                        <h3>The target was not recognised and there are no other available targets.</h3>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.closeModal}>Close</Button>
+                        <ErrorReport />
+                    </div>
+                </ReactModal>
+            );
         } else {
-            return null;
+            return (
+                <ReactModal isOpen={this.state.targetUnrecognised} style={customStyles}>
+                    <div>
+                        <h3>Target was not recognised. <br/> Please select a target:</h3>
+                        <TargetList key="TARGLIST"/>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.closeModal}>Close</Button>
+                        <ErrorReport/>
+                    </div>
+                </ReactModal>
+            );
         }
     }
 }
diff --git a/js/components/refinementOutcome.js b/js/components/refinementOutcome.js
index d064e9b34..99dfde6a6 100644
--- a/js/components/refinementOutcome.js
+++ b/js/components/refinementOutcome.js
@@ -59,7 +59,7 @@ class RefinementOutcome extends React.Component{
             return <Label bsStyle="success">{"Deposited"}</Label>;
         }
         else if (this.state.refinementOutcome==5){
-            return <Label bsStyle="warning">{"Ready"}</Label>;
+            return <Label bsStyle="warning">{"DepoReady"}</Label>;
         }
         else if (this.state.refinementOutcome==4){
             return <Label bsStyle="danger">{"CompChem"}</Label>;
diff --git a/js/components/sessionManagement.js b/js/components/sessionManagement.js
index d43182f54..b4bea7d13 100644
--- a/js/components/sessionManagement.js
+++ b/js/components/sessionManagement.js
@@ -13,7 +13,6 @@ import {getStore} from "../containers/globalStore";
 import * as selectionActions from "../actions/selectionActions";
 import {withRouter} from "react-router-dom";
 
-
 const override = css`
     display: block;
     margin: 0 auto;
@@ -31,8 +30,10 @@ export class SessionManagement extends React.Component {
         this.newSession = this.newSession.bind(this);
         this.saveSession = this.saveSession.bind(this);
         this.newSnapshot = this.newSnapshot.bind(this);
+        this.handleSessionNaming = this.handleSessionNaming.bind(this);
         this.state = {
-            saveType: ""
+            saveType: "",
+            sessionName: "",
         };
     }
 
@@ -62,6 +63,14 @@ export class SessionManagement extends React.Component {
         this.postToServer();
     }
 
+    handleSessionNaming(e){
+        if (e.keyCode === 13) {
+            var newSessionName = e.target.value;
+            console.log('submit new session name ' + newSessionName);
+            // this.props.setSessionName(newSessionName);
+        }
+    }
+
     newSnapshot(){
         this.setState(prevState => ({saveType: "snapshotNew"}));
         this.postToServer();
@@ -132,7 +141,9 @@ export class SessionManagement extends React.Component {
             var store = JSON.stringify(getStore().getState());
             const csrfToken = this.getCookie("csrftoken");
             var fullState = {"state": store};
-            var TITLE = 'need to define title';
+            const timeOptions = {year:'numeric', month:'numeric', day:'numeric', hour: 'numeric', minute: 'numeric',
+            second: 'numeric', hour12: false,}
+            var TITLE = 'Created on ' + new Intl.DateTimeFormat('en-GB', timeOptions).format(Date.now());
             var userId = DJANGO_CONTEXT["pk"];
             if (this.state.saveType == "sessionNew") {
                 const uuidv4 = require('uuid/v4');
@@ -209,28 +220,33 @@ export class SessionManagement extends React.Component {
 
     render() {
         const {pathname} = this.props.location;
-        var button = ""
+        var urlToCopy = "testing";
+        if (this.props.latestSession != undefined) {
+            urlToCopy = window.location.protocol + "//" + window.location.hostname + "/viewer/react/fragglebox/" + this.props.latestSession.slice(1, -1);
+        }
+        var buttons = "";
         if (pathname != "/viewer/react/landing") {
             if (this.props.latestSession == undefined) {
-                button = <div>
-                    <Row>
-                    <Button bsSize="sm" bsStyle="success" onClick={this.newSession}>New session</Button>
-                    <Button bsSize="sm" bsStyle="success" disabled>Save session</Button>
-                    <Button bsSize="sm" bsStyle="success" onClick={this.newSnapshot}>New snapshot</Button>
-                    </Row>
+                buttons = <div>
+                    <ButtonToolbar>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.newSession}>New session</Button>
+                        <Button bsSize="sm" bsStyle="success" disabled>Overwrite and View Session Info</Button>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.newSnapshot}>New snapshot</Button>
+                    </ButtonToolbar>
                     <Row>
-                    <p>Currently no active session.</p>
+                        <p>Currently no active session.</p>
                     </Row>
                 </div>
             } else {
-                button = <div>
+                buttons = <div>
                     <Row>
-                    <Button bsSize="sm" bsStyle="success" onClick={this.newSession}>New Session</Button>
-                    <Button bsSize="sm" bsStyle="success" onClick={this.saveSession}>Save Session</Button>
-                    <Button bsSize="sm" bsStyle="success" onClick={this.newSnapshot}>New snapshot</Button>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.newSession}>New Session</Button>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.saveSession}>Overwrite and View Session Info</Button>
+                        <Button bsSize="sm" bsStyle="success" onClick={this.newSnapshot}>New snapshot</Button>
                     </Row>
                     <Row>
-                    <p>Session: {this.props.latestSession}, author: tbd</p>
+                        {/*<input id="renameSession" style={{ width:100 }} defaultValue={this.state.sessionName} onKeyDown={ this.handleSessionNaming }></input>*/}
+                        <p>Session: {this.props.latestSession}, author: tbd</p>
                     </Row>
                 </div>
             }
@@ -239,7 +255,7 @@ export class SessionManagement extends React.Component {
             return <RingLoader className={override} sizeUnit={"px"} size={30} color={'#7B36D7'} loading={(this.props.savingState.startsWith("saving") || this.props.savingState.startsWith("overwriting"))}/>
         } else {
             return <ButtonToolbar>
-                {button}
+                {buttons}
             </ButtonToolbar>
         }
     }
diff --git a/js/containers/fraggleBoxHolder.js b/js/containers/fraggleBoxHolder.js
index 696cfb052..29efacc32 100644
--- a/js/containers/fraggleBoxHolder.js
+++ b/js/containers/fraggleBoxHolder.js
@@ -18,6 +18,7 @@ import ModalLoadingScreen from "../components/modalLoadingScreen";
 import ModalStateSave from "../components/modalStateSave";
 import ModalErrorMessage from "../components/modalErrorDisplay";
 import HotspotList from "../components/hotspotList";
+import {BrowserBomb} from "../components/browserBombModal";
 
 class FraggleBox extends Component {
 
@@ -60,6 +61,7 @@ class FraggleBox extends Component {
                 <ModalLoadingScreen/>
                 <ModalStateSave/>
                 <ModalErrorMessage/>
+                <BrowserBomb/>
           </Row>
         )
     }
diff --git a/js/containers/previewHolder.js b/js/containers/previewHolder.js
index 7e28077c8..dac71356c 100644
--- a/js/containers/previewHolder.js
+++ b/js/containers/previewHolder.js
@@ -20,6 +20,7 @@ import * as apiActions from "../actions/apiActions";
 import * as selectionActions from "../actions/selectionActions";
 import fetch from "cross-fetch";
 import {withRouter} from "react-router-dom";
+import {BrowserBomb} from "../components/browserBombModal";
 
 class Preview extends Component {
 
@@ -86,6 +87,7 @@ class Preview extends Component {
                 <ModalStateSave/>
                 <ModalErrorMessage/>
                 <ModalTargetUnrecognised/>
+                <BrowserBomb/>
             </Row>
         )
     }
diff --git a/js/img/dlsLogo.png b/js/img/dlsLogo.png
new file mode 100644
index 000000000..db92cd8c3
Binary files /dev/null and b/js/img/dlsLogo.png differ
diff --git a/js/img/sgcLogo.png b/js/img/sgcLogo.png
new file mode 100644
index 000000000..b3fdc3e27
Binary files /dev/null and b/js/img/sgcLogo.png differ
diff --git a/js/img/xchemLogo.png b/js/img/xchemLogo.png
new file mode 100644
index 000000000..3b21b32d4
Binary files /dev/null and b/js/img/xchemLogo.png differ