Skip to content
Snippets Groups Projects
Select Git revision
  • ba6a74667bc6d287718cda3402d2a117f447d595
  • develop default protected
  • main protected
3 results

index.md

Blame
    • ExternalPageNavBar.tsx 2.42 KiB
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51 
    

    

    

    import React, { ReactElement } from "react";
import { Col, Container, Row } from "react-bootstrap";
import Login from "../../shared/Login";
import GeantLogo from "../../images/geant_logo_f2020_new.svg";

/**
 * NavBar
 *
 * This NavBar is only to be used when doing development, as the main site will run inside an iframe with
 * the correct menu around it
 */
function ExternalPageNavBar(): ReactElement {
    return (
        <div className={'external-page-nav-bar'}>

            <Container>
                <Row>
                    <Col xs={10}>
                        <div className="nav-wrapper">
                            <nav className="header-nav">
                                <a href="https://geant.org/"><img src={GeantLogo} /></a>

                                <ul>
                                    <li><a className="nav-link-entry" href="https://network.geant.org/">NETWORK</a></li>
                                    <li><a className="nav-link-entry" href="https://geant.org/services/">SERVICES</a></li>
                                    <li><a className="nav-link-entry" href="https://community.geant.org/">COMMUNITY</a></li>
                                    <li><a className="nav-link-entry" href="https://tnc23.geant.org/">TNC</a></li>
                                    <li><a className="nav-link-entry" href="https://geant.org/projects/">PROJECTS</a></li>
                                    <li><a className="nav-link-entry" href="https://connect.geant.org/">CONNECT</a></li>
                                    <li><a className="nav-link-entry" href="https://impact.geant.org/">IMPACT</a></li>
                                    <li><a className="nav-link-entry" href="https://careers.geant.org/">CAREERS</a></li>
                                    <li><a className="nav-link-entry" href="https://about.geant.org/">ABOUT</a></li>
                                    <li><a className="nav-link-entry" href="https://connect.geant.org/community-news">NEWS</a></li>
                                    <li><a className="nav-link-entry" href="https://resources.geant.org/">RESOURCES</a></li>
                                </ul>

                            </nav>
                        </div>

                    </Col>

                    <Col align="right">
                        <Login />
                    </Col>
                </Row>
            </Container>
        </div >
    );
}

export default ExternalPageNavBar;