- -
+
-
Kontrollpanel
diff --git a/src/index.css b/src/index.css
index 7a241cdf..2cd46c11 100644
--- a/src/index.css
+++ b/src/index.css
@@ -26,3 +26,8 @@ body::-webkit-scrollbar-thumb {
border-radius: 9999px;
background-color: #6fceee;
}
+
+.info-background {
+ background: rgb(226,244,250);
+ background: linear-gradient(0deg, transparent 0%, #223c70 20%, #223c70 80%, transparent 100%);
+}
\ No newline at end of file
diff --git a/src/pages/public/index.tsx b/src/pages/public/index.tsx
index c9df225a..e360f7b8 100644
--- a/src/pages/public/index.tsx
+++ b/src/pages/public/index.tsx
@@ -1,20 +1,17 @@
import AppFooter from "components/AppFooter/AppFooter";
import AppHeader from "components/Header/AppHeader";
-import { Outlet, ScrollRestoration } from "react-router-dom";
+import { Outlet, ScrollRestoration} from "react-router-dom";
+import "/src/index.css";
-const MainPage = (): JSX.Element => {
+const infoSite = (): JSX.Element => {
return (
); }; -export default MainPage; +export default infoSite; \ No newline at end of file diff --git a/src/pages/public/mainPage.tsx b/src/pages/public/mainPage.tsx new file mode 100644 index 00000000..e7ee457e --- /dev/null +++ b/src/pages/public/mainPage.tsx @@ -0,0 +1,200 @@ +import react from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from 'react-visibility-sensor'; +import { Link } from "react-router-dom"; + +import vektorForsidebilde from "/images/mainPage/vektor-forsidebilde.png"; +import Abelprisen from "/images/mainPage/sponsor/Abelprisen.png"; +import KSBergen from "/images/mainPage/sponsor/KSBergen.png"; +import SparebankstiftelsenDNB from "/images/mainPage/sponsor/SparebankstiftelsenDNB.png"; +import Tekna from "/images/mainPage/sponsor/Tekna.png"; +import UiB from "/images/mainPage/sponsor/UIB.png"; +import VisionTech from "/images/mainPage/sponsor/VisionTech.png"; +import NTNUIE from "/images/mainPage/sponsor/NTNUIE.png"; +import NTNUIV from "/images/mainPage/sponsor/NTNUIV.png"; +import Samarbeidsforum from "/images/mainPage/sponsor/SamarbeidsForum.png"; +import Matematikksenteret from "/images/mainPage/sponsor/Matematikksenteret.png"; + + +interface MainPageProps { + // Props + number: number; + title: string; + text: string; + route: { + pathname: string; + text: string; + }; +} + +const cards: MainPageProps[] = [ + { + number: 2218, + title: "Assistenter", + text: "Over 2218 studenter har hatt et verv som vektorassistent i Vektorprogrammet", + route: { + pathname: "/assistenter", + text: "Les mer om assistenter", + }, + }, + { + number: 608, + title: "I team", + text: "Over 608 studenter har hatt et verv i et av Vektorprogrammets mange team", + route: { + pathname: "/team", + text: "Les mer om verv i team", + }, + }, +]; + +const mainPage = (): JSX.Element => { + return ( +
{/* Banner */} - - {/* Use component when the rendered component needs no props */} - {/* Getting the routes from the defined route file in pages */} - + {/* Use component when the rendered component needs no props */} + {/* Getting the routes from the defined route file in pages */} + + ) +}; + +export default mainPage; \ No newline at end of file diff --git a/src/pages/public/routes.tsx b/src/pages/public/routes.tsx index 15c95a38..ae2f743d 100644 --- a/src/pages/public/routes.tsx +++ b/src/pages/public/routes.tsx @@ -1,4 +1,5 @@ import type { AppRoute } from "@/App"; +import MainPage from "pages/public/mainPage"; import Assistenter from "./Assistenter"; import ForForeldre from "./ForForeldre"; import ForSkoler from "./ForSkoler"; @@ -10,6 +11,7 @@ import Utlegg from "./User/components/Utlegg"; // The route with the corresponding component to render in the route const routes: AppRoute[] = [ + { path: "", element:+ {" "} + {/*Upper start*/} ++ {/*Upper end*/} ++++ Vektorprogrammet +
++
+++ Vektorprogrammet +
+++ ++ - sender studenter til ungdomsskoler for å hjelpe til som + lærerens assistent i matematikkundervisningen +
++ {/*Middle start*/} + {cards.map(({ number, title, text, route }) => ( ++ {/*Middle end*/} +++ ))} ++++ {({ isVisible }: { isVisible: boolean }) => ( + ++ {isVisible ?+ )} +: 0} + + {title} +
++ {text} +
++ + {route.text} + ++++++Hovedsponsorer
++++++
+++
++Sponsorer og samarbeidspartnere
++++++
+++
+++++
+++
+++++
+++
+++++
+++
}, { path: "/assistenter", element: , name: "Assistenter" }, { path: "/staging", element: , name: "Staging" }, { path: "/foreldre", element: , name: "Foreldre" }, diff --git a/tailwind.config.ts b/tailwind.config.ts index 7f3c7729..3cdd2eee 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -38,7 +38,7 @@ export default { secondary: "#023874", "secondary-focus": "#001854", "secondary-content": "#ffffff", - accent: "#37cdbe", + accent: "#E2F4FA", "accent-focus": "#2aa79b", "accent-content": "#ffffff", neutral: "#3d4451", @@ -49,7 +49,7 @@ export default { "base-300": "#d1d5db", "base-content": "#1f2937", info: "#2094f3", - success: "#009485", + success: "#4CAF50", warning: "#ff9900", error: "#ff5724", },