Merge pull request #22 from codenetwork/agm-page

Added an AGM links page

src/Agm.jsx

@@ -0,0 +1,29 @@
+import './App.css'
+import Rules from './Rules'
+import { Routes, Route } from "react-router-dom"
+import AnimatedCursor from "./component/cursor"
+import teamData from "./component/TeamData.json"
+import './agm.css';
+
+function Agm() {
+  return (
+    <div className="content-wrapper">
+      <div className="edges" style={{ color: "#111", fontFamily: 'Montserrat' }}>
+        <div className="global-padding">
+          <h1>Code Network's 2023 AGM</h1>
+          <p>We will be electing our 2024 Executive Team and voting on other business, including constitution amendments.</p>
+          <p><b>When and Where:</b> 5-8pm Thursday 5/10/2023 at QUT GP-D106</p>
+          <h2>Key Links</h2>
+          <div style={{ display: 'flex', flexDirection: 'row', gap: '4px', flexWrap: 'wrap' }} id="agmLinks">
+            <a href="https://codenetwork.co/agmagenda" target="_blank">Agenda</a>
+            <a href="https://codenetwork.co/agmpositions" target="_blank">Executive Positions</a>
+            <a href="https://codenetwork.co/agmeoi" target="_blank">Executive EOI</a>
+            <a href="https://codenetwork.co/agmconstitution" target="_blank">Constitution Amendments</a>
+          </div>
+        </div>
+      </div >
+    </div>
+  )
+}
+
+export default Agm;

src/App.jsx

@@ -7,6 +7,7 @@ import Header from './Header'
 import Ssp from './ssp'
 import Coc from './coc'
 import About from './About'
+import Agm from './Agm'
 
 function App()
 {
@@ -20,6 +21,7 @@ function App()
           <Route path="/rules" element={<Rules />} />
           <Route path="/ssp" element={<Ssp />} />
           <Route path="/coc" element={<Coc />} />
+          <Route path="/agm" element={<Agm />} />
         </Routes>
       </section>
 

src/agm.css

@@ -0,0 +1,10 @@
+#agmLinks>a {
+    padding: 8px;
+    background-color: rgb(1, 214, 9);
+    color: white;
+    border-radius: 16px
+}
+
+#agmLinks>a:hover {
+    background-color: rgb(150, 214, 150)
+}

src/component/Navbar.jsx

@@ -27,6 +27,7 @@ function Navbar()
             </div>
           </div>
           <a href="/rules">Rules</a>
+          <a href="/agm" style={{margin: 0}}>AGM 2023</a>
 
           <button className="nav-btn nav-close-btn" onClick={showNavbar}>
             <FaTimes />

src/index.css

@@ -9,6 +9,9 @@ a {
   text-decoration: inherit;
   overflow: hidden;
 }
+a.link:hover {
+    color: rgb(150, 214, 150)
+}
 a:hover {
   color: #ffffff;
 }