Made team pages for Aas (#247)

* Made team pages for Aas

* fixed lint issues

src/pages/public/Team/TeamPages/Aas/EvalueringRekrutteringProfilering.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const EvalueringRekrutteringProfilering = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Evaluering, Rekruttering og Profilering"
+        mail="[email protected]"
+        text="Vi rekrutterer nye assistenter, styrer sosiale medier og sender ut evalueringers-undersøkelser."
+        members={[{ name: "Ingrid Iselin Male Østern", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/6443b33e254ba.jpeg", role: "Leder" },
+          { name: "Rikke Vegstein", image: "https://vektorprogrammet.no/media/cache/profile_img/images/defaultProfile.png", role: "Profilering" },
+          { name: "Julie Blohm Christensen", image: "https://vektorprogrammet.no/media/cache/profile_img/images/defaultProfile.png", role: "Profilering" },
+          { name: "Aurora Røyseth", image: "https://vektorprogrammet.no/media/cache/profile_img/images/defaultProfile.png", role: "Rekruttering" },
+          { name: "Tina Moen", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/636c01c40740a.jpeg", role: "Rekruttering" }]}
+      />
+
+      <div className="font-sans text-lg text-black text-start mx-5 mt-20">
+        Dette er teamet med de mest varierende arbeidsoppgavene. Teamet har ansvar for rekrutteringen av nye assistenter i starten av hvert semester ved å arrangere stand, holde infomøte, blestinger
+        og henge opp plakater. I tillegg har de ansvar for å sende ut evalueringsskjemaer ved slutten av hvert semester og følge opp både ris og ros som kommer inn på disse. Teamet styrer også
+        Vektorprogrammet Ås sine sosiale medier, og sørger for at organisasjonen er synlige rundt på campus.
+      </div>
+
+      <div className="m-3">
+        <img
+          src="https://vektorprogrammet.no/images/team_images/%C3%85s%20h%C3%B8st%202022/rekruttering.jpg"
+          className="sm:max-w-2xl h-auto content-center mx-auto m-5"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default EvalueringRekrutteringProfilering;

src/pages/public/Team/TeamPages/Aas/Skolekoordinering.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const Skolekoordinering = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Skolekoordinering"
+        mail="[email protected]"
+        text="Skolekoordinering har ansvaret for kontakten med skolene og organisering av assistentene."
+        members={[{ name: "Ingvild Hefte", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644435db96beb.jpeg", role: "Leder" },
+          { name: "Lars Thomassen", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/62653f9b48d6c.jpeg", role: "Medlem" },
+          { name: "Aud Johanne Aaserud", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/636c05bf259ea.jpeg", role: "Medlem" },
+          { name: "Boglarka Mate", image: "https://vektorprogrammet.no/media/cache/profile_img/images/defaultProfile.png", role: "Medlem" },
+          { name: "Celina Che Phan", image: "https://vektorprogrammet.no/media/cache/profile_img/images/defaultProfile.png", role: "Medlem" },
+          { name: "Thilde Marås", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/6443b4f8aab15.jpeg", role: "Medlem" }]}
+      />
+
+      <div className="font-sans text-lg text-black text-start mx-5 mt-20">
+        Team skolekoordinering er et bindeledd mellom vektorprogrammet, ungdomsskolene vi samarbeider med og våre assistenter. Gjennom semestert har teamet tett kontakt
+        med skolene og assistentene. De har ansvar for å fordele våre assistenter på skolene vi samarbeider med, og har ansvar for å følge opp assistentene underveis i
+        perioden de er ute på skolene. I løpet av et semester inngår de samarbeid med skolene og lager timeplan til assistentene. De er tilgjengelig på mail for å formidle
+        informasjon mellom vektorproggrammet, samarbeidsskolene og assistentene. De er også med å har intervjuer og står på stand sammen med de andre teamene i
+        rekrutteringsperioden. Det skal være lav terskel for vektorassistentene å ta kontakt med en skolekoordinator dersom det er noe de ønsker å si i fra om.
+      </div>
+
+      <div className="font-sans text-lg text-black text-start mx-5 mt-5">
+        Det er også lagt opp til sosiale arrangementer i løpet av et semester slik at man blir kjent innad i teamet, men også kjent med medlemmene i de andre teamene i
+        vektorprogrammet. I eksamensperioden vil det ikke være noen arbeidsoppgaver for noen i vektorprogrammet, så dette er et verv som fint kan kombineres med skole.
+      </div>
+
+      <div className="m-3">
+        <img
+          src="https://vektorprogrammet.no/images/team_images/%C3%85s%20h%C3%B8st%202022/20_g_pp.jpeg"
+          className="sm:max-w-2xl h-auto content-center mx-auto m-5"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Skolekoordinering;

src/pages/public/Team/TeamPages/Aas/Sosialt.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const Sosialt = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Sosialt"
+        mail="[email protected]"
+        text="Vi arrangerer sosiale arrangementer for assistenter og sørger for at alle trives i vervet."
+        members={[{ name: "Joakim Karlsen", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644435fcb6edc.jpeg", role: "Leder" },
+          { name: "Håvard Smidesang", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644523500b42e.jpeg", role: "Medlem" },
+          { name: "My Helene Sohlberg", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/636c055160722.jpeg", role: "Medlem" },
+          { name: "Marie Eide Roalkvam", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644523500b42e.jpeg", role: "Medlem" },
+          { name: "Vincent Kollbotn", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644523500b42e.jpeg", role: "Medlem" },
+          { name: "Marius Johannessen", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644523500b42e.jpeg", role: "Medlem" }]}
+      />
+    </div>
+  );
+};
+
+export default Sosialt;

src/pages/public/Team/TeamPages/Aas/SponsorOkonomi.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const SponsorOkonomi = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Sponsor og økonomi"
+        mail="[email protected]"
+        text="Har ansvaret for økonomien og sponsorene til Vektorprogrammet Ås."
+        members={[{ name: "Vasilii Anderson", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644435c0abfa7.jpeg", role: "Leder" },
+          { name: "Elinor Smedstad", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/636c0467baba3.jpeg", role: "Medlem" },
+          { name: "Kamilla Kleppang", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/636c058bdf4de.jpeg", role: "Medlem" },
+          { name: "Iftikhar Amiri", image: "https://vektorprogrammet.no/media/cache/profile_img/images/defaultProfile.png", role: "Medlem" }]}
+      />
+
+      <div className="font-sans text-lg text-black text-left m-5 mt-20">
+        Teamet har ansvar for å holde oversikt over økonomien til Vektorprogrammet på Ås. I tillegg jobber de også med å skaffe sponsorer i løpet av semesteret ved å ta
+        kontakt med bedrifter i nærområdet.
+      </div>
+      <div className="m-3">
+        <img
+          src="https://vektorprogrammet.no/images/team_images/%C3%85s%20h%C3%B8st%202022/okonomi_spons.jpg"
+          className="sm:max-w-2xl h-auto content-center mx-auto m-5"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default SponsorOkonomi;

src/pages/public/Team/TeamPages/Aas/Styret.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const Styret = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Styret"
+        mail="[email protected]"
+        text="Ansvarlig for driften av Vektorprogrammet i Ås."
+        members={[{ name: "Ane Runningen", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/6444359076f0d.jpeg", role: "Leder" },
+          { name: "Thilde Marås", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/6443b4f8aab15.jpeg", role: "Nestleder" },
+          { name: "Ingrid Iselin Male Østern", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/6443b33e254ba.jpeg", role: "Rekruttering og profilering" },
+          { name: "Ingvild Hefte", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644435db96beb.jpeg", role: "Skolekoordinering" },
+          { name: "Joakim Karlsen", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644435fcb6edc.jpeg", role: "Sosialansvarlig" },
+          { name: "Vasilii Anderson", image: "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/644435c0abfa7.jpeg", role: "Sponsor- og Økonomiansvarleg" }]}
+      />
+
+      <div className="font-sans text-lg text-black text-left m-5 mt-20">
+        Styret består av leder, nestleder og ledere for de ulike teamene (sponsor/økonomi, rekruttering/profilering/evaluering, skolekoordinering og sosialt). I løpet av de månedlige møtene gjennomgås
+        månedens, samt fremtidige saker, som kan være alt fra å organisere sosiale aktiviteter til å løse problemer som oppstår under driften av Vektorprogrammet i Ås. Hver av medlemmene i styret
+        (med unntak av leder og nestleder) har ansvar for et team bestående av 3 til 6 medlemmer som hjelper til med å utføre ulike oppgaver for sitt team.
+      </div>
+      <div className="m-3">
+        <img
+          src="https://vektorprogrammet.no/images/team_images/3D16170B-E69D-4891-ADE7-EB976B9CC272.jpeg"
+          className="sm:max-w-2xl h-auto content-center mx-auto m-5"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Styret;

src/pages/public/Team/TeamPages/index.ts

@@ -6,3 +6,8 @@ export { default as Rekruttering } from "./Trondheim/Rekruttering";
 export { default as Skolekoordinering } from "./Trondheim/Skolekoordinering";
 export { default as Sponsor } from "./Trondheim/Sponsor";
 export { default as Styret } from "./Trondheim/Styret";
+export { default as StyretAas } from "./Aas/Styret";
+export { default as SponsorOkonomiAas } from "./Aas/SponsorOkonomi";
+export { default as SkolekoordineringAas } from "./Aas/Skolekoordinering";
+export { default as EvalueringRekrutteringProfileringAas } from "./Aas/EvalueringRekrutteringProfilering";
+export { default as SosialtAas } from "./Aas/Sosialt";

src/pages/public/Team/TeamPages/routes.tsx

@@ -11,6 +11,11 @@ import {
   Skolekoordinering,
   Sponsor,
   Styret,
+  StyretAas,
+  SponsorOkonomiAas,
+  SkolekoordineringAas,
+  EvalueringRekrutteringProfileringAas,
+  SosialtAas,
 } from "./index";
 
 // The route with the corresponding component to render in the route
@@ -24,6 +29,11 @@ const routes: AppRoute[] = [
   { path: "trondheim/skolekoordinering", element: <Skolekoordinering />, name: "skolekoordinering" },
   { path: "trondheim/sponsor", element: <Sponsor />, name: "sponsor" },
   { path: "trondheim/styret", element: <Styret />, name: "styret" },
+  { path: "aas/styret", element: <StyretAas />, name: "styret" },
+  { path: "aas/sponsor-okonomi", element: <SponsorOkonomiAas />, name: "sponsor-okonomi" },
+  { path: "aas/skolekoordinering", element: <SkolekoordineringAas />, name: "skolekoordinering" },
+  { path: "aas/evaluering-rekruttering-profilering", element: <EvalueringRekrutteringProfileringAas />, name: "evaluering-rekruttering-profilering" },
+  { path: "aas/sosialt", element: <SosialtAas />, name: "sosialt" },
   { path: "hovedstyret", element: <Hovedstyret />, name: "hovedstyret" },
 ];
 export default routes;

src/pages/public/Team/components/TeamTabs.tsx

@@ -30,9 +30,10 @@ const AasTab = ({ open }: { open: boolean }): JSX.Element => {
   return (
     <div className={`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 place-items-center ${open ? "block" : "hidden"}`}>
       <Division title="STYRET" text="Ansvarlig for driften av Vektorprogrammet i Ås." mail="[email protected]" numberOfMembers={5} button_name="Les mer" url="aas/styret" />
-      <Division title="SPONSOR" text="Har ansvaret for økonomien og sponsorene til Vektorprogrammet Ås." mail="[email protected]" numberOfMembers={4} button_name="Les mer" url="aas/sponsor" />
+      <Division title="SPONSOR" text="Har ansvaret for økonomien og sponsorene til Vektorprogrammet Ås." mail="[email protected]" numberOfMembers={4} button_name="Les mer" url="aas/sponsor-okonomi" />
       <Division title="SKOLEKOORDINERING" text="Skolekoordinering har ansvaret for kontakten med skolene og organisering av assistentene." mail="[email protected]" numberOfMembers={5} button_name="Les mer" url="aas/skolekoordinering" />
-      <Division title="EVALUERING" text="Vi rekrutterer nye assistenter, styrer sosiale medier, arrangerer sosiale aktiviteter og følger opp at alle trives i vervet." mail="[email protected]" numberOfMembers={8} button_name="Les mer" url="aas/evaluering" />
+      <Division title="EVALUERING" text="Vi rekrutterer nye assistenter, styrer sosiale medier, arrangerer sosiale aktiviteter og følger opp at alle trives i vervet." mail="[email protected]" numberOfMembers={8} button_name="Les mer" url="aas/evaluering-rekruttering-profilering" />
+      <Division title="SOSIALT" text="Vi arrangerer sosiale arrangementer for assistenter og sørger for at alle trives i vervet." mail="[email protected]" numberOfMembers={6} button_name="Les mer" url="aas/sosialt" />
     </div>
   );
 };