184 remove unneeded parts of footer (#185)

* fix(frontend): add links, remove sections not needed * fix(frontend): fix sizing and flex
NTNU-SmallSatLab · Apr 2, 2024 · 2865f46 · 2865f46
1 parent c70d83e
commit 2865f46
Showing 1 changed file with 19 additions and 25 deletions.
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
@@ -3,24 +3,36 @@ import NTNULogo from "./ntnu/NTNULogo";
 export default function Footer() {
     return (
         <footer className="flex flex-col items-center border-t bg-background p-4 text-foreground">
-            <div className="flex w-full flex-col items-center justify-between gap-12 lg:flex-row">
+            <div className="flex w-full flex-col items-center justify-between gap-8 lg:flex-row">
                 <div className="flex flex-1 justify-start">
                     <NTNULogo />
                 </div>
 
                 <div className="flex flex-1 justify-center">
                     <div className="flex flex-col text-center">
                         <div className="flex flex-row gap-4">
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.x.com/NTNU"
+                                className="hover:underline"
+                            >
                                 Twitter
                             </a>
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.facebook.com/ntnu.no"
+                                className="hover:underline"
+                            >
                                 Facebook
                             </a>
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.instagram.com/ntnu"
+                                className="hover:underline"
+                            >
                                 Instagram
                             </a>
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.youtube.com/user/ntnuinfo"
+                                className="hover:underline"
+                            >
                                 Youtube
                             </a>
                         </div>
@@ -29,31 +41,13 @@ export default function Footer() {
                 </div>
 
                 <div className="flex flex-1 justify-end">
-                    <div className="flex flex-col text-right">
+                    <div className="flex flex-col text-center lg:text-right">
                         <span className="">NTNU Small Satellite Lab</span>
                         <span className="">Trondheim, Norway</span>
+                        <p>Norwegian University of Science and Technology</p>
                     </div>
                 </div>
             </div>
-
-            <div className="text-center">
-                <p>Norwegian University of Science and Technology</p>
-            </div>
-
-            <div className="mt-4 flex flex-col text-center">
-                <a href="#" className="hover:underline">
-                    Use of cookies
-                </a>
-                <a href="#" className="hover:underline">
-                    Accessibility statement (in Norwegian)
-                </a>
-                <a href="#" className="hover:underline">
-                    Privacy policy
-                </a>
-                <a href="#" className="hover:underline">
-                    Editorial responsibility
-                </a>
-            </div>
         </footer>
     );
 }