Merge pull request #89 from Spiderpig02/develop

Develop
Spiderpig02 · Sep 3, 2024 · fc0dd82 · fc0dd82
2 parents dc684f3 + 4ee5ae3
commit fc0dd82
Show file tree

Hide file tree

Showing 2 changed files with 102 additions and 36 deletions.
diff --git a/docs/manuals/deploying_to_production.md b/docs/manuals/deploying_to_production.md
@@ -11,3 +11,16 @@ Open git bash and run the following commands:
 ```bash
 ssh-keygen
 ```
+
+
+# Connecting to the server
+In the terminal, run the following command:
+```bash
+ssh root@134.209.177.49
+```
+If you don't have access to the server, please contact the administrator.
+
+```bash
+ssh -i "~/.ssh/galacticpathfinder" root@134.209.177.49
+```
+
diff --git a/frontend/src/pages/aboutUs/AboutUs.tsx b/frontend/src/pages/aboutUs/AboutUs.tsx
@@ -1,49 +1,60 @@
-import React from 'react';
-import { FaArrowAltCircleUp, FaGithub, FaLinkedin } from 'react-icons/fa';
-import { Link } from 'react-router-dom';
+import React from "react";
+import { FaArrowAltCircleUp, FaGithub, FaLinkedin } from "react-icons/fa";
+import { Link } from "react-router-dom";
 
 const developers = [
   {
-    name: 'Daniel Neukirch Hansen',
-    specialization: 'Artificial Intelligence',
-    image: 'https://github.com/Spiderpig02.png?size=100',
-    description: 'Daniel specializes in AI, bringing advanced machine learning models to life.',
-    github: 'https://github.com/Spiderpig02',
-    linkedin: 'https://www.linkedin.com/in/daniel-neukirch-hansen-475895263/',
+    name: "Daniel Neukirch Hansen",
+    specialization: "Artificial Intelligence",
+    image: "https://github.com/Spiderpig02.png?size=100",
+    description:
+      "Daniel specializes in AI, bringing advanced machine learning models to life.",
+    github: "https://github.com/Spiderpig02",
+    linkedin: "https://www.linkedin.com/in/daniel-neukirch-hansen-475895263/",
   },
   {
-    name: 'Jens Martin Norheim Berget',
-    specialization: 'Program and System Development',
-    image: 'https://github.com/Jensern1.png?size=100',
-    description: 'Jens focuses on ProgSys, ensuring our systems are robust and scalable.',
-    github: 'https://github.com/Jensern1',
-    linkedin: 'https://www.linkedin.com/in/jens-martin-norheim-berget-87560b141/',
+    name: "Jens Martin Norheim Berget",
+    specialization: "Programming and Systems Development",
+    image: "https://github.com/Jensern1.png?size=100",
+    description:
+      "Jens focuses on ProgSys, ensuring our systems are robust and scalable.",
+    github: "https://github.com/Jensern1",
+    linkedin:
+      "https://www.linkedin.com/in/jens-martin-norheim-berget-87560b141/",
   },
   {
-    name: 'Sverre Nystad',
-    specialization: 'AI & Program and System Development',
-    image: 'https://github.com/SverreNystad.png?size=100',
-    description: 'Sverre bridges AI and ProgSys, integrating cutting-edge AI into reliable systems.',
-    github: 'https://github.com/SverreNystad',
-    linkedin: 'https://www.linkedin.com/in/sverre-nystad/',
+    name: "Sverre Nystad",
+    specialization: "AI & Programming and Systems Development",
+    image: "https://github.com/SverreNystad.png?size=100",
+    description:
+      "Sverre bridges AI and ProgSys, integrating cutting-edge AI into reliable systems.",
+    github: "https://github.com/SverreNystad",
+    linkedin: "https://www.linkedin.com/in/sverre-nystad/",
   },
 ];
 
 const AboutUs: React.FC = () => {
   return (
     <div className="flex flex-col items-center p-8 min-h-screen bg-gradient-to-r from-ss-navy-blue via-purple-900 to-ss-navy-blue text-white ">
       <Link to="/" className="mb-4">
-        <FaArrowAltCircleUp size={30} className="transition-transform duration-300 transform hover:scale-125"/>
+        <FaArrowAltCircleUp
+          size={30}
+          className="transition-transform duration-300 transform hover:scale-125"
+        />
       </Link>
       <h1 className="text-5xl font-extrabold mb-4">About Us</h1>
       <p className="text-xl text-gray-200 mb-12 text-center max-w-2xl">
-        We are a team of dedicated computer science students specializing in AI and system development, pursuing our master's degrees at the Norwegian University of Science and Technology (NTNU). Our mission is to make complex algorithms accessible and easy to understand through interaction and visualization.
+        We are a team of dedicated computer science students specializing in AI
+        and systems development, pursuing our master's degrees at the Norwegian
+        University of Science and Technology (NTNU). Our mission is to make
+        complex algorithms accessible and easy to understand through interaction
+        and visualization.
       </p>
-      
+
       <div className="flex flex-wrap justify-center space-x-8">
         {developers.map((developer, index) => (
-          <div 
-            key={index} 
+          <div
+            key={index}
             className="group bg-white shadow-lg rounded-xl overflow-hidden max-w-xs transform transition-all hover:scale-105 hover:shadow-2xl hover:bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"
           >
             <div className="flex justify-center mt-6">
@@ -54,14 +65,28 @@ const AboutUs: React.FC = () => {
               />
             </div>
             <div className="p-6 text-center transition-colors group-hover:text-white">
-              <h3 className="text-2xl font-semibold text-gray-900 group-hover:text-white">{developer.name}</h3>
-              <p className="text-gray-700 mt-2 group-hover:text-white">{developer.specialization}</p>
-              <p className="text-gray-800 mt-4 text-sm group-hover:text-white">{developer.description}</p>
+              <h3 className="text-2xl font-semibold text-gray-900 group-hover:text-white">
+                {developer.name}
+              </h3>
+              <p className="text-gray-700 mt-2 group-hover:text-white">
+                {developer.specialization}
+              </p>
+              <p className="text-gray-800 mt-4 text-sm group-hover:text-white">
+                {developer.description}
+              </p>
               <div className="flex justify-center mt-4 space-x-4">
-                <a href={developer.github} target="_blank" rel="noopener noreferrer">
+                <a
+                  href={developer.github}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
                   <FaGithub className="text-gray-800 group-hover:text-white text-2xl" />
                 </a>
-                <a href={developer.linkedin} target="_blank" rel="noopener noreferrer">
+                <a
+                  href={developer.linkedin}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
                   <FaLinkedin className="text-gray-800 group-hover:text-white text-2xl" />
                 </a>
               </div>
@@ -74,28 +99,56 @@ const AboutUs: React.FC = () => {
 
       <section className="max-w-4xl text-center mb-8">
         <p className="text-lg mb-4">
-          Beyond our academic pursuits, we are active members of <a href="https://www.cogito-ntnu.no/" target="_blank" rel="noopener noreferrer" className="text-blue-300 underline hover:text-blue-400">Cogito NTNU</a>, a technical student organization that offers its members the opportunity to collaborate on developing AI systems. Our involvement in Cogito NTNU has enriched our learning experience, allowing us to apply theoretical knowledge to practical, real-world projects.
+          Beyond our academic pursuits, we are active members of{" "}
+          <a
+            href="https://www.cogito-ntnu.no/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-300 underline hover:text-blue-400"
+          >
+            Cogito NTNU
+          </a>
+          , a technical student organization that offers its members the
+          opportunity to collaborate on developing AI systems. Our involvement
+          in Cogito NTNU has enriched our learning experience, allowing us to
+          apply theoretical knowledge to practical, real-world projects.
         </p>
       </section>
 
       <section className="max-w-4xl text-center mb-8">
         <h2 className="text-3xl font-bold mb-4">Our Passion</h2>
         <p className="text-lg mb-4">
-          We love developing software that solves real problems and enhances learning. Our latest project, <strong className="text-pink-300">GalacticPathFinder</strong>, was born out of our fascination with pathfinding algorithms. As students, we realized that while pathfinding algorithms are crucial in computer science, understanding them solely through pseudocode can be challenging.
+          We love developing software that solves real problems and enhances
+          learning. Our latest project,{" "}
+          <strong className="text-pink-300">GalacticPathFinder</strong>, was
+          born out of our fascination with pathfinding algorithms. As students,
+          we realized that while pathfinding algorithms are crucial in computer
+          science, understanding them solely through pseudocode can be
+          challenging.
         </p>
       </section>
 
       <section className="max-w-4xl text-center mb-8">
-        <h2 className="text-3xl font-bold mb-4">Why We Created GalacticPathFinder</h2>
+        <h2 className="text-3xl font-bold mb-4">
+          Why We Created GalacticPathFinder
+        </h2>
         <p className="text-lg mb-4">
-          GalacticPathFinder is our solution to make the study of pathfinding algorithms more accessible. We designed it with both students and teachers in mind, aiming to provide a visual and interactive tool that illustrates how different algorithms explore and determine paths. By seeing these algorithms in action, users can gain a deeper understanding of their behavior and efficiency in various scenarios.
+          GalacticPathFinder is our solution to make the study of pathfinding
+          algorithms more accessible. We designed it with both students and
+          teachers in mind, aiming to provide a visual and interactive tool that
+          illustrates how different algorithms explore and determine paths. By
+          seeing these algorithms in action, users can gain a deeper
+          understanding of their behavior and efficiency in various scenarios.
         </p>
       </section>
 
       <section className="max-w-4xl text-center">
         <h2 className="text-3xl font-bold mb-4">Join Us on Our Journey</h2>
         <p className="text-lg">
-          We are excited to share our project with you and hope it enhances your learning experience as much as it has ours. If you’re interested in what we do or have any questions, feel free to reach out. We’re always eager to connect with fellow enthusiasts and collaborators.
+          We are excited to share our project with you and hope it enhances your
+          learning experience as much as it has ours. If you’re interested in
+          what we do or have any questions, feel free to reach out. We’re always
+          eager to connect with fellow enthusiasts and collaborators.
         </p>
       </section>
     </div>