From 232c53b49358ae4448e5db175a3273287de7fc62 Mon Sep 17 00:00:00 2001
From: Oliver Holmes <oliver.albert.holmes@gmail.com>
Date: Sun, 15 Oct 2023 10:37:50 +1030
Subject: [PATCH] Add team page starter

---
 public/imgs/{ => team}/team-AL.png | Bin
 public/imgs/{ => team}/team-DG.jpg | Bin
 public/imgs/{ => team}/team-EH.jpg | Bin
 public/imgs/{ => team}/team-EN.jpg | Bin
 public/imgs/{ => team}/team-EP.jpg | Bin
 public/imgs/{ => team}/team-GL.png | Bin
 public/imgs/{ => team}/team-OH.png | Bin
 public/imgs/{ => team}/team-RS.png | Bin
 public/imgs/{ => team}/team-SH.png | Bin
 public/imgs/{ => team}/team-SN.png | Bin
 public/imgs/{ => team}/team-TD.jpg | Bin
 public/imgs/{ => team}/team-dh.jpg | Bin
 public/imgs/{ => team}/team-hc.jpg | Bin
 src/App.tsx                        |   2 +
 src/documents/team.md              |   4 +-
 src/pages/Team.tsx                 |  77 +++++++++++++++++++++++++++++
 16 files changed, 81 insertions(+), 2 deletions(-)
 rename public/imgs/{ => team}/team-AL.png (100%)
 rename public/imgs/{ => team}/team-DG.jpg (100%)
 rename public/imgs/{ => team}/team-EH.jpg (100%)
 rename public/imgs/{ => team}/team-EN.jpg (100%)
 rename public/imgs/{ => team}/team-EP.jpg (100%)
 rename public/imgs/{ => team}/team-GL.png (100%)
 rename public/imgs/{ => team}/team-OH.png (100%)
 rename public/imgs/{ => team}/team-RS.png (100%)
 rename public/imgs/{ => team}/team-SH.png (100%)
 rename public/imgs/{ => team}/team-SN.png (100%)
 rename public/imgs/{ => team}/team-TD.jpg (100%)
 rename public/imgs/{ => team}/team-dh.jpg (100%)
 rename public/imgs/{ => team}/team-hc.jpg (100%)
 create mode 100644 src/pages/Team.tsx

diff --git a/public/imgs/team-AL.png b/public/imgs/team/team-AL.png
similarity index 100%
rename from public/imgs/team-AL.png
rename to public/imgs/team/team-AL.png
diff --git a/public/imgs/team-DG.jpg b/public/imgs/team/team-DG.jpg
similarity index 100%
rename from public/imgs/team-DG.jpg
rename to public/imgs/team/team-DG.jpg
diff --git a/public/imgs/team-EH.jpg b/public/imgs/team/team-EH.jpg
similarity index 100%
rename from public/imgs/team-EH.jpg
rename to public/imgs/team/team-EH.jpg
diff --git a/public/imgs/team-EN.jpg b/public/imgs/team/team-EN.jpg
similarity index 100%
rename from public/imgs/team-EN.jpg
rename to public/imgs/team/team-EN.jpg
diff --git a/public/imgs/team-EP.jpg b/public/imgs/team/team-EP.jpg
similarity index 100%
rename from public/imgs/team-EP.jpg
rename to public/imgs/team/team-EP.jpg
diff --git a/public/imgs/team-GL.png b/public/imgs/team/team-GL.png
similarity index 100%
rename from public/imgs/team-GL.png
rename to public/imgs/team/team-GL.png
diff --git a/public/imgs/team-OH.png b/public/imgs/team/team-OH.png
similarity index 100%
rename from public/imgs/team-OH.png
rename to public/imgs/team/team-OH.png
diff --git a/public/imgs/team-RS.png b/public/imgs/team/team-RS.png
similarity index 100%
rename from public/imgs/team-RS.png
rename to public/imgs/team/team-RS.png
diff --git a/public/imgs/team-SH.png b/public/imgs/team/team-SH.png
similarity index 100%
rename from public/imgs/team-SH.png
rename to public/imgs/team/team-SH.png
diff --git a/public/imgs/team-SN.png b/public/imgs/team/team-SN.png
similarity index 100%
rename from public/imgs/team-SN.png
rename to public/imgs/team/team-SN.png
diff --git a/public/imgs/team-TD.jpg b/public/imgs/team/team-TD.jpg
similarity index 100%
rename from public/imgs/team-TD.jpg
rename to public/imgs/team/team-TD.jpg
diff --git a/public/imgs/team-dh.jpg b/public/imgs/team/team-dh.jpg
similarity index 100%
rename from public/imgs/team-dh.jpg
rename to public/imgs/team/team-dh.jpg
diff --git a/public/imgs/team-hc.jpg b/public/imgs/team/team-hc.jpg
similarity index 100%
rename from public/imgs/team-hc.jpg
rename to public/imgs/team/team-hc.jpg
diff --git a/src/App.tsx b/src/App.tsx
index fb44b679..7742e041 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,6 +9,7 @@ import AttendTGPPage from "./pages/Attend/TravelGrantProgram";
 import Workshops from "./pages/Program/Workshops";
 import CommunityDayPage from "./pages/Program/CommunityDay";
 import Sponsorship from "./pages/Sponsorship";
+import Team from "./pages/Team";
 import OurConferenceVenuePage from "./pages/Attend/OurConferenceVenue";
 import ProgramPage from "./pages/Program/Program";
 import RegisterPage from "./pages/Attend/Register";
@@ -41,6 +42,7 @@ export default function App() {
           <Route path="program/community-day" element={<CommunityDayPage />} />
           <Route path="program/product-showcase" element={<ProductShowcasePage />} />
           <Route path="sponsorship" element={<Sponsorship />} />
+          <Route path="team" element={<Team />} />
           <Route path="*" element={<NoPage />} />
         </Route>
       </Routes>
diff --git a/src/documents/team.md b/src/documents/team.md
index 2d8a59d7..60010169 100644
--- a/src/documents/team.md
+++ b/src/documents/team.md
@@ -3,7 +3,7 @@
 Blurb and statement of thanks to the people and the organisation that supports their efforts here
 
 
-![Name](img/name.png)
+![Name](/imgs/venues-map.png)
 Name <br />
 Role <br />
 [Company](weblink)
@@ -11,5 +11,5 @@ Role <br />
 Also I want to not mess around with sub folders and it would be super cool if I could also have the picture as a circle with a border around it--->
 
 ## Supporting companies
-![Company logo](img/logo-company.png)
+![Company logo](/imgs/venues-map.png)
 
diff --git a/src/pages/Team.tsx b/src/pages/Team.tsx
new file mode 100644
index 00000000..dd145f21
--- /dev/null
+++ b/src/pages/Team.tsx
@@ -0,0 +1,77 @@
+import { useState, useEffect } from "react";
+import Markdown from "markdown-to-jsx";
+
+import MarkDownDoc from "../documents/team.md";
+
+import Blockquote from "../components/Blockquote";
+
+const ProductShowcasePage = () => {
+  const [mddText, setMddText] = useState("");
+
+  // Fetch Terms of Use
+  useEffect(() => {
+    fetch(MarkDownDoc)
+      .then((res) => res.text())
+      .then((text) => setMddText(text));
+  });
+  return (
+    <>
+      <section
+        style={{
+          backgroundImage: "url('/imgs/Soar_AUT_2.png')",
+          backgroundSize: "cover",
+          backgroundPosition: "center 0px",
+        }}
+        className="relative flex items-center justify-center h-64 bg-gray-100 bg-no-repeat bg-cover bg-center"
+      ></section>
+      <section className="container px-6 py-8 mx-auto lg:py-16">
+        <div>
+          <Markdown
+            options={{
+              overrides: {
+                h1: {
+                  props: {
+                    className:
+                      "text-3xl font-medium text-gray-800 md:text-2xl lg:text-3xl",
+                  },
+                },
+                h2: {
+                  props: {
+                    className:
+                      "text-2xl font-semibold text-gray-700 capitalize",
+                  },
+                },
+                h3: {
+                  props: {
+                    className: "text-xl font-semibold text-gray-700 capitalize",
+                  },
+                },
+                ul: {
+                  props: {
+                    className: "list-disc list-outside ms-8",
+                  },
+                },
+                ol: {
+                  props: {
+                    className: "list-decimal list-outside ms-8",
+                  },
+                },
+                blockquote: {
+                  component: Blockquote,
+                },
+                a: {
+                  props: {
+                    className: "text-blue-500 underline",
+                    target: "_blank",
+                  },
+                },
+              },
+            }}
+            children={mddText}
+          />
+        </div>
+      </section>
+    </>
+  );
+};
+export default ProductShowcasePage;