src/components/layout.tsx


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

import * as React from "react";
import { Link } from "gatsby";
import { config } from "@fortawesome/fontawesome-svg-core";

import "./layout.scss";
import "@fortawesome/fontawesome-svg-core/styles.css";

// Setup Font Awesome
config.autoAddCss = false;

const Layout = (props: { children: React.ReactNode; fixed?: boolean }) => {
  return (
    <div id="wrapper">
      <div id="wrapper-content" className={"container" +
             (props.fixed ? " wrapper-content-fixed" : "")}>
        <nav className="nav">
          <div className="nav-left">
            <Link to="/">
              <span className="text-primary">∧,,,∧</span>
              &nbsp;
              <span className="text-dark">RHE-NET &mdash; AS51044</span>
            </Link>
          </div>
          <div className="nav-right">
            <Link to="/tools">Looking Glass</Link>
          </div>
        </nav>
        <main>{props.children}</main>
        <hr />
        <footer>
          <span className="text-grey">
            <p>Last updated on 2023-09-08</p>
          </span>
        </footer>
      </div>
    </div>
  )
};

export default Layout;