thowitz-work/tremor-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home page fixes

Browse Source
This commit is contained in:
Emily Neighbour 2025-05-12 13:25:57 +01:00
parent 481fadec3c
commit 53c6292e1a
5 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/scientists.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 MiB

2
src/app/earthquakes/page.tsx
View File

@ -3,7 +3,7 @@
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import useSWR from "swr"; import useSWR from "swr";
import Map from "@components/map"; import Map from "@components/Map";
import Sidebar from "@components/Sidebar"; import Sidebar from "@components/Sidebar";
import { fetcher } from "@utils/fetcher"; import { fetcher } from "@utils/fetcher";

10
src/app/layout.tsx
View File

@ -1,12 +1,12 @@
"use client"; "use client";
import type { Metadata } from "next"; import type { Metadata } from "next";
import './globals.css'; import "./globals.css";
import { action, createStore, StoreProvider } from 'easy-peasy'; import { action, createStore, StoreProvider } from "easy-peasy";
import { Inter } from 'next/font/google'; import { Inter } from "next/font/google";
import { StoreModel } from '@appTypes/StoreModel'; import { StoreModel } from "@appTypes/StoreModel";
import Navbar from '@components/navbar'; import Navbar from "@components/Navbar";
const inter = Inter({ const inter = Inter({
subsets: ["latin"], subsets: ["latin"],

2
src/app/observatories/page.tsx
View File

@ -4,7 +4,7 @@ import { useMemo, useState } from "react";
import useSWR from "swr"; import useSWR from "swr";
import Sidebar from "@/components/Sidebar"; import Sidebar from "@/components/Sidebar";
import Map from "@components/map"; import Map from "@components/Map";
import { fetcher } from "@utils/fetcher"; import { fetcher } from "@utils/fetcher";
export default function Observatories() { export default function Observatories() {

18
src/app/page.tsx
View File

@ -74,8 +74,9 @@ export default function Home() {
<p className="text-lg md:text-xl text-white w-4/6 mx-auto drop-shadow-md z-10">info</p> <p className="text-lg md:text-xl text-white w-4/6 mx-auto drop-shadow-md z-10">info</p>
<p className="mt-20"></p> <p className="mt-20"></p>
<p className="text-lg md:text-3xl font-bold text-white w-4/6 mx-auto drop-shadow-md z-10"> <p className="text-lg md:text-3xl font-bold text-white w-4/6 mx-auto drop-shadow-md z-10">
What are observatories? What do they do? What are observatories?
</p> </p>
<p className="text-lg md:text-3xl font-bold text-white w-4/6 mx-auto drop-shadow-md z-10">What is their role?</p>
<p className="text-lg md:text-xl text-white w-4/6 mx-auto drop-shadow-md z-10">info</p> <p className="text-lg md:text-xl text-white w-4/6 mx-auto drop-shadow-md z-10">info</p>
</section> </section>
</div> </div>
@ -97,7 +98,7 @@ export default function Home() {
</div> </div>
))} ))}
</div> </div>
<p className="mt-40"></p> <p className="mt-20"></p>
<section className="relative z-10 flex flex-col items-start text-left w-5/6 mx-auto px-2 -mt-5 mb-2"> <section className="relative z-10 flex flex-col items-start text-left w-5/6 mx-auto px-2 -mt-5 mb-2">
<h1 className="text-3xl md:text-3xl font-bold text-black drop-shadow-lg mb-3 tracking-tight">Contact Information</h1> <h1 className="text-3xl md:text-3xl font-bold text-black drop-shadow-lg mb-3 tracking-tight">Contact Information</h1>
<p className="text-lg md:text-xl text-black drop-shadow-md"> <p className="text-lg md:text-xl text-black drop-shadow-md">
@ -110,7 +111,7 @@ export default function Home() {
href="/contact-us" href="/contact-us"
className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300" className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300"
> >
<Image height={100} width={100} src="/contactUs.jpg" alt="Education Icon" className="h-40 w-40 mb-4" /> <Image height={100} width={100} src="/contactUs.jpg" alt="Education Icon" className="h-20 w-20 mb-4" />
<h3 className="text-xl font-bold text-black mb-4">Contact us directly</h3> <h3 className="text-xl font-bold text-black mb-4">Contact us directly</h3>
<p className="text-md text-black text-center max-w-xs opacity-90"> <p className="text-md text-black text-center max-w-xs opacity-90">
Visit our socials or leave us a message via phone or email. Visit our socials or leave us a message via phone or email.
@ -120,7 +121,7 @@ export default function Home() {
href="/our-mission" href="/our-mission"
className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300" className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300"
> >
<Image height={100} width={100} src="/mission.jpg" alt="Research Icon" className="h-40 w-40 mb-4" /> <Image height={100} width={100} src="/mission.jpg" alt="Research Icon" className="h-20 w-20 mb-4" />
<h3 className="text-xl font-bold text-black mb-4">Our Mission</h3> <h3 className="text-xl font-bold text-black mb-4">Our Mission</h3>
<p className="text-md text-black text-center max-w-xs opacity-90"> <p className="text-md text-black text-center max-w-xs opacity-90">
Find out more about our purpose and the features we offer. Find out more about our purpose and the features we offer.
@ -130,7 +131,7 @@ export default function Home() {
href="/the-team" href="/the-team"
className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300" className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300"
> >
<Image height={100} width={100} src="/team.jpg" alt="Technology Icon" className="h-40 w-40 mb-4" /> <Image height={100} width={100} src="/team.jpg" alt="Technology Icon" className="h-20 w-20 mb-4" />
<h3 className="text-xl font-bold text-black mb-4">Meet the Team</h3> <h3 className="text-xl font-bold text-black mb-4">Meet the Team</h3>
<p className="text-md text-black text-center max-w-xs opacity-90"> <p className="text-md text-black text-center max-w-xs opacity-90">
Learn about our team leads and their responsibilities. Learn about our team leads and their responsibilities.
@ -138,6 +139,13 @@ export default function Home() {
</Link> </Link>
</div> </div>
<p className="mt-10"></p> <p className="mt-10"></p>
<section style={{ height: 500, overflow: "hidden" }} className="text-black">
<div className="w-full relative overflow-hidden z=10">
<div className="">
<Image height={1000} width={2000} alt="Background Image" src="/scientists.png"></Image>
</div>
</div>
</section>
</main> </main>
); );