From 88aa44c4b0b4cf8177ed3049b74a56267b606a4d Mon Sep 17 00:00:00 2001 From: Alice Date: Wed, 8 Nov 2023 20:45:10 +0100 Subject: [PATCH] immplementerte noen nye elementer --- src/pages/AboutPage.tsx | 36 ++++++++++++++++++++++++++++++++++++ src/structure/Content.tsx | 7 ++++++- src/structure/Footer.tsx | 13 ++++++++----- src/structure/Header.tsx | 16 ++++++++++++++-- 4 files changed, 64 insertions(+), 8 deletions(-) create mode 100644 src/pages/AboutPage.tsx diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx new file mode 100644 index 0000000..951750b --- /dev/null +++ b/src/pages/AboutPage.tsx @@ -0,0 +1,36 @@ +import Page from '../structure/Page'; + +const AboutPage: React.FC = () => { + const numbers = Array.from({ length: 5 }, (_, index) => 1 + index); + + return ( + +
+
+

Om Oss

+

Hackerspace NTNU er et studentdrevet prosjekt åpent for alle studenter uansett studieretning eller Hackerspace-medlemsskap. Vi tilbyr en kreativ arena der studenter fra forskjellige linjer kan få hjelp til å realisere idéene sine i et engasjert og inkluderende miljø. Hos oss finner du ny teknologi til din disposisjon, blant annet droner, 3D-printere og Virtual Reality-utstyr. + Om du er en førsteklassing som trenger hjelp med ditt første Arduino-prosjekt eller en fjerdeklassing som ønsker å lage en 3D-modell av Trondheim, kan vi stille med både utstyr og kompetanse. Vi holder også regelmessig kurs for både nybegynnere og viderekomne innen mange spennende emner.

+

Kom innom for å se hva vi driver med og slå av en prat.Du finner oss i andre etasje i A-blokka på Realfagbygget, NTNU Gløshaugen.

+
+
+

Vis i kart

+
+
+

FAQ's

+

Hvordan blir jeg medlem?

+

Kan jeg bruke 3D-printer?

+

Kan jeg prøve VR spill/utstyr?

+
+
+

Våre aktive grupper

+
+
+
+ +
+
+ + ) +} + +export default AboutPage \ No newline at end of file diff --git a/src/structure/Content.tsx b/src/structure/Content.tsx index da80150..658b9a2 100644 --- a/src/structure/Content.tsx +++ b/src/structure/Content.tsx @@ -4,6 +4,8 @@ import { Route, Routes } from 'react-router-dom' import Header from './Header' import Footer from './Footer' import Home from '../pages/Home' +import AboutPage from '../pages/AboutPage' + //mport Logo from '../assets/logo.png' @@ -22,7 +24,10 @@ const Content: React.FC = () => {
- } /> + } /> + + + } />
diff --git a/src/structure/Footer.tsx b/src/structure/Footer.tsx index f52679b..9c0ba35 100644 --- a/src/structure/Footer.tsx +++ b/src/structure/Footer.tsx @@ -40,9 +40,9 @@ const Footer: React.FC = () => {

Har du funnet en bug?

-

Send gjerne en mail til DevOps, - bruk #dev-public kanalen på Slack, - eller gi oss forslag til forbedringer på GitHub.

+

Send gjerne en til DevOps, + bruk #dev-public kanalen på Slack, + eller gi oss forslag til forbedringer på .

@@ -55,12 +55,15 @@ const Footer: React.FC = () => {

Åpningstider

Alle hverdager, 10:15 - 18:00

+
+

Vaktliste

+

Kontakt oss

hackerspace-styret@idi.ntnu.no
- - + window.location.href = 'https://www.instagram.com/hackerspacentnu/'} className='h-full w-10' /> + window.location.href = 'https://www.facebook.com/hackerspacentnu/?locale=nb_NO'} className='h-full w-10' />
diff --git a/src/structure/Header.tsx b/src/structure/Header.tsx index 787550b..6a8d606 100644 --- a/src/structure/Header.tsx +++ b/src/structure/Header.tsx @@ -6,6 +6,8 @@ import { FaMoon, FaSun } from 'react-icons/fa' import { useModal } from '../context/modal/ModalHook' import Button from '../components/Button' +import { useNavigate } from 'react-router-dom' + // Header Interface interface HeaderProps { @@ -17,19 +19,29 @@ const Header: React.FC = () => { const modal = useModal(); const [dark, setDark] = useState(true); + const navigate = useNavigate(); function toggleTheme() { setDark(d => !d) document.body.classList.toggle("dark") } + const navigateToAboutPage = () => { + navigate('/AboutPage'); + } + const navigateToHomePage = () => { + navigate('/'); + } + return (
-

HACKERSPACE

+
-
+
+ +

Arrangementer