From 4dd2fd01c825c11533ab69d71f2c59d95bbd2c32 Mon Sep 17 00:00:00 2001
From: Ian Galpin <ian.galpin@geant.org>
Date: Tue, 20 Dec 2022 05:28:22 +0000
Subject: [PATCH] Remove typo character

---
 Changelog.md                                  |   8 +++
 .../static/images/section_data_large.png      | Bin 0 -> 3074 bytes
 .../static/images/section_reports_large.png   | Bin 0 -> 2178 bytes
 compendium_v2/static/index.html               |   1 +
 webapp/src/App.tsx                            |  44 +++++++--------
 .../components/global/ExternalPageFooter.tsx  |   9 +++
 .../components/global/ExternalPageNavBar.tsx  |  39 +++++++++++++
 webapp/src/images/geant_logo_f2020_new.svg    |  16 ++++++
 webapp/src/images/section_data_large.png      | Bin 0 -> 5018 bytes
 webapp/src/images/section_reports_large.png   | Bin 0 -> 5054 bytes
 webapp/src/styles.scss                        |  53 +++++++++++++-----
 webapp/src/types/images.d.ts                  |   3 +-
 12 files changed, 136 insertions(+), 37 deletions(-)
 create mode 100644 compendium_v2/static/images/section_data_large.png
 create mode 100644 compendium_v2/static/images/section_reports_large.png
 create mode 100644 webapp/src/components/global/ExternalPageFooter.tsx
 create mode 100644 webapp/src/components/global/ExternalPageNavBar.tsx
 create mode 100644 webapp/src/images/geant_logo_f2020_new.svg
 create mode 100644 webapp/src/images/section_data_large.png
 create mode 100644 webapp/src/images/section_reports_large.png

diff --git a/Changelog.md b/Changelog.md
index 3b9f6c77..dd3e950a 100644
--- a/Changelog.md
+++ b/Changelog.md
@@ -1,6 +1,14 @@
 # Changelog
 
 All notable changes to this project will be documented in this file.
+## [0.5] - 2022-12-21
+- Final layout (WIP)
+
+## [0.4] - 2022-12-06
+
+
+## [0.3] - 2022-12-06
+
 
 ## [0.2] - 2022-11-22
  - COMP-48: Added SQLAlchemy link to the survey database, including instructions to create the database locally
diff --git a/compendium_v2/static/images/section_data_large.png b/compendium_v2/static/images/section_data_large.png
new file mode 100644
index 0000000000000000000000000000000000000000..a3b730064250343dbe5bffadc490b24ed58456f8
GIT binary patch
literal 3074
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
O5$EaZ=d#Wzp$Pywuz0Kh

literal 0
HcmV?d00001

diff --git a/compendium_v2/static/images/section_reports_large.png b/compendium_v2/static/images/section_reports_large.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ad1ee43395ec3702bdcf8467f75a33f489d310b
GIT binary patch
literal 2178
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
PP&Ml5>gTe~DWM4f;)pna

literal 0
HcmV?d00001

diff --git a/compendium_v2/static/index.html b/compendium_v2/static/index.html
index 3b2df07a..f156b8c9 100644
--- a/compendium_v2/static/index.html
+++ b/compendium_v2/static/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
+  <link rel="stylesheet" id="herald-fonts-css" href="https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C600&amp;subset=latin%2Clatin-ext&amp;ver=2.5" type="text/css" media="all">
 </head>
 <body>
   <div id="root"></div>
diff --git a/webapp/src/App.tsx b/webapp/src/App.tsx
index 0f1fd9be..8be8487c 100644
--- a/webapp/src/App.tsx
+++ b/webapp/src/App.tsx
@@ -1,31 +1,29 @@
 import React, {ReactElement} from 'react';
-import AnnualReport from './pages/AnnualReport';
-import DataAnalysis from './pages/DataAnalysis';
-import Navigation from './Navigation';
-import About from './pages/About';
 import Landing from "./pages/Landing";
-import {BrowserRouter as Router,Switch, Route} from 'react-router-dom'
+import ExternalPageNavBar
+from "./components/global/ExternalPageNavBar";
 
 
-
-// const api_url = window.location.origin+'/';
-
-// console.log(api_url)
-
 function App(): ReactElement {
     return (
-      <Router>
-        <Navigation/>
-          <Switch>
-            <Route exact path="/about" component={About} />
-            <Route exact path='/analysis' component={DataAnalysis} />
-            <Route exact path="/report" component={AnnualReport} />
-            <Route path="*" component={Landing} />
-        </Switch>
+        <div>
+
+            <ExternalPageNavBar/>
+            <Landing/>
 
-      </Router>
-      
-      );
-    }
+        </div>
+        // <Router>
+        //   <Navigation/>
+        //     <Switch>
+        //       <Route exact path="/about" component={About} />
+        //       <Route exact path='/analysis' component={DataAnalysis} />
+        //       <Route exact path="/report" component={AnnualReport} />
+        //       <Route path="*" component={Landing} />
+        //   </Switch>
+        //
+        // </Router>
+        //
+    );
+}
 
-export default App;
+export default App;
\ No newline at end of file
diff --git a/webapp/src/components/global/ExternalPageFooter.tsx b/webapp/src/components/global/ExternalPageFooter.tsx
new file mode 100644
index 00000000..158da048
--- /dev/null
+++ b/webapp/src/components/global/ExternalPageFooter.tsx
@@ -0,0 +1,9 @@
+import React, {ReactElement} from "react";
+
+function ExternalPageFooter(): ReactElement {
+    return (<div>
+
+    </div>);
+}
+
+export default ExternalPageFooter
\ No newline at end of file
diff --git a/webapp/src/components/global/ExternalPageNavBar.tsx b/webapp/src/components/global/ExternalPageNavBar.tsx
new file mode 100644
index 00000000..f915aafa
--- /dev/null
+++ b/webapp/src/components/global/ExternalPageNavBar.tsx
@@ -0,0 +1,39 @@
+import React, {ReactElement} from "react";
+import {Container, Row, Col} from "react-bootstrap";
+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>
+                        <img src={GeantLogo}/>
+                        <ul>
+                            <li><a>NETWORK</a></li>
+                            <li><a>SERVICES</a></li>
+                            <li><a>COMMUNITY</a></li>
+                            <li><a>TNC</a></li>
+                            <li><a>PROJECTS</a></li>
+                            <li><a>CONNECT</a></li>
+                            <li><a>IMPACT</a></li>
+                            <li><a>CAREERS</a></li>
+                            <li><a>ABOUT</a></li>
+                            <li><a>NEWS</a></li>
+                            <li><a>RESOURCES</a></li>
+                        </ul>
+                    </Col>
+                </Row>
+            </Container>
+        </div>
+    );
+}
+
+export default ExternalPageNavBar;
\ No newline at end of file
diff --git a/webapp/src/images/geant_logo_f2020_new.svg b/webapp/src/images/geant_logo_f2020_new.svg
new file mode 100644
index 00000000..31bfead6
--- /dev/null
+++ b/webapp/src/images/geant_logo_f2020_new.svg
@@ -0,0 +1,16 @@
+<svg width="79" height="35" viewBox="0 0 79 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_101_15)">
+<path d="M15.9 17.8C16.5 17.3 17 17.1 17.4 17.1C18.4 17.1 18.7 17.8 18.7 18.2C18.5 18.3 14.2 19.7 14 19.8C13.9 19.7 13.9 19.6 13.8 19.6C14 19.4 15.9 17.8 15.9 17.8Z" fill="white" fill-opacity="0.85"/>
+<path d="M0 27C0 31.8 2.1 34.3 6.3 34.3C9.1 34.3 10.8 33.1 10.8 33L10.9 32.9V26.2H5.2V28.1C5.2 28.1 8.1 28.1 8.6 28.1C8.6 28.6 8.6 31.6 8.6 31.9C8.3 32.1 7.4 32.4 6.2 32.4C3.7 32.4 2.5 30.6 2.5 27C2.5 24.9 3.1 22.4 5.9 22.4C7.8 22.4 8.5 23.5 8.5 24.5V24.8H11.1V24.5C11.1 22.1 9 20.5 5.9 20.5C2.2 20.5 0 22.9 0 27Z" fill="white" fill-opacity="0.85"/>
+<path d="M20.2 20.7H12.6V34.1H20.7V32.2C20.7 32.2 15.5 32.2 14.9 32.2C14.9 31.7 14.9 28.5 14.9 28C15.5 28 20.2 28 20.2 28V26.1C20.2 26.1 15.5 26.1 14.9 26.1C14.9 25.6 14.9 23 14.9 22.5C15.5 22.5 20.5 22.5 20.5 22.5V20.6H20.2V20.7Z" fill="white" fill-opacity="0.85"/>
+<path d="M54.5 20.7H42.9C42.9 20.7 42.9 28.7 42.9 30.6C42 29 37.2 20.7 37.2 20.7H34.5V34.1H36.8C36.8 34.1 36.8 26.1 36.8 24.2C37.7 25.8 42.5 34.1 42.5 34.1H45.2C45.2 34.1 45.2 23.2 45.2 22.6C45.7 22.6 48.4 22.6 48.9 22.6C48.9 23.2 48.9 34.1 48.9 34.1H51.3C51.3 34.1 51.3 23.2 51.3 22.6C51.8 22.6 54.9 22.6 54.9 22.6V20.7H54.5V20.7Z" fill="white" fill-opacity="0.85"/>
+<path d="M28.9 20.7H28.7H26.4L21.4 34.1H23.8C23.8 34.1 25.1 30.6 25.3 30.2C25.7 30.2 29.8 30.2 30.2 30.2C30.3 30.6 31.7 34.1 31.7 34.1H34L28.9 20.7ZM25.9 28.3C26.1 27.6 27.3 24.4 27.7 23.3C28.1 24.4 29.2 27.6 29.5 28.3C28.7 28.3 26.6 28.3 25.9 28.3Z" fill="white" fill-opacity="0.85"/>
+<path d="M77 8C68.2 -2.9 32.6 12.5 23 16.5C22.3 16.8 21.4 16.7 20.9 15.7C21.3 16.7 22.1 17.1 23.1 16.7C35.8 11.6 66.5 0.600002 74.2 10.7C77.7 15.3 76.7 20.9 72.9 28.8C72.7 29.1 72.6 29.4 72.6 29.4C72.6 29.4 72.6 29.4 72.6 29.5C72.6 29.5 72.6 29.5 72.6 29.6C72.3 30.1 71.9 30.3 71.6 30.4C72 30.4 72.5 30.2 72.9 29.6C73 29.5 73.1 29.3 73.3 29C78.7 19.5 80.7 12.5 77 8Z" fill="white" fill-opacity="0.85"/>
+<path d="M70.3 29.9C70.2 29.8 68.6 28.4 67 26.9C58.7 19 33.4 -5.3 22.4 1.1C19.3 2.9 18.8 8.2 20.7 15.2C20.7 15.3 20.8 15.4 20.8 15.5C21 16.2 21.5 16.7 22.2 16.7C21.7 16.6 21.3 16.2 21.1 15.7C21.1 15.6 21 15.5 21 15.5C21 15.4 20.9 15.3 20.9 15.1C20.9 15 20.9 14.9 20.8 14.9C19.8 9 21 5.1 23.4 3.5C32.3 -2.5 53.5 15.8 64.2 25C66.6 27.1 69.4 29.5 70.2 30.1C71.4 31 72.4 30 72.7 29.5C72.3 30.1 71.3 30.7 70.3 29.9Z" fill="white" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_101_15">
+<rect width="78.9" height="34.3" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/webapp/src/images/section_data_large.png b/webapp/src/images/section_data_large.png
new file mode 100644
index 0000000000000000000000000000000000000000..33db5101e4ebfa25ab2e7fbb9d6b41f361018a08
GIT binary patch
literal 5018
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
Nn5V0s%Q~loCIGZL<f{Mx

literal 0
HcmV?d00001

diff --git a/webapp/src/images/section_reports_large.png b/webapp/src/images/section_reports_large.png
new file mode 100644
index 0000000000000000000000000000000000000000..a87845b5c8a4a7589c1d95ae6c3e64c26e68df9f
GIT binary patch
literal 5054
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
Z)X&(pe%<biQq7>TGf!7Pmvv4FO#oy)RpS5v

literal 0
HcmV?d00001

diff --git a/webapp/src/styles.scss b/webapp/src/styles.scss
index 85b5b785..76aced2f 100644
--- a/webapp/src/styles.scss
+++ b/webapp/src/styles.scss
@@ -1,17 +1,17 @@
 table {
-    min-width: 650px;
+  min-width: 650px;
 }
 
 thead {
-    background-color: lightgray;
+  background-color: lightgray;
 }
 
 .state_true {
-    background-color: lightgreen;
+  background-color: lightgreen;
 }
 
 .state_false {
-    background-color: red;
+  background-color: red;
 }
 
 $border-color: #064c6e !default;
@@ -25,22 +25,23 @@ $queue_link_hover: #ffffff !default;
   padding-bottom: 15px;
   padding-bottom: 15px;
 }
+
 $footer-height: 75px !default;
 
-.footer-img{
+.footer-img {
   width: 55px;
-  height:38px
+  height: 38px
 }
 
 .footer {
   margin-top: 8px;
   background-color: #064c6e;
   font-size: 8px;
-  height:75px;
+  height: 75px;
   color: black;
-  width:100%;
-  padding:15px;
-  clear:both;
+  width: 100%;
+  padding: 15px;
+  clear: both;
 }
 
 .footer-text {
@@ -52,7 +53,7 @@ $footer-height: 75px !default;
   padding-left: 55px;
 }
 
-.header-naviagtion{
+.header-naviagtion {
   display: flex;
   justify-content: space-around;
   align-items: center;
@@ -61,10 +62,36 @@ $footer-height: 75px !default;
   color: white
 }
 
-.nav-links{
+.nav-links {
   width: 50%;
   display: flex;
-  justify-content:  space-around;
+  justify-content: space-around;
   align-items: center;
   list-style: none;
+}
+
+.external-page-nav-bar {
+  background-color: #003753;
+  color: #b0cde1;
+  padding-top: 10px;
+
+  img {
+    float: left;
+  }
+
+  ul {
+    list-style: none;
+    float: left;
+    margin-bottom: 0;
+
+    li {
+      float: left;
+      padding: 10px;
+      a {
+        font-family: "Open Sans";
+        font-size: 14px;
+        font-weight: 400;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/webapp/src/types/images.d.ts b/webapp/src/types/images.d.ts
index 3e9abb64..28764f8f 100644
--- a/webapp/src/types/images.d.ts
+++ b/webapp/src/types/images.d.ts
@@ -1 +1,2 @@
-declare module '*png';
\ No newline at end of file
+declare module '*png';
+declare module '*svg';
\ No newline at end of file
-- 
GitLab