Skip to content

Commit 1ca1407

Browse files
dlynzdlynz
authored
Merge pull request #54 from csesoc/I2-24/tab-display
[I2-24] Update to tab message and favicon
2 parents 529809e + f8c1019 commit 1ca1407

14 files changed

+97
-32
lines changed

‎frontend/public/csesoc-favicon.ico

422 KB
Binary file not shown.

‎frontend/src/pages/404.tsx

Lines changed: 26 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,35 @@
11
import Footer from '@/components/Footer';
22
import Navbar from '@/components/Navbar';
3+
import TabTitle from 'next/head';
34

45
export default function Custom404() {
56
return (
6-
<section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative">
7-
<div className="items-center text-center">
8-
<Navbar />
9-
<h1 className="text-5xl font-bold pt-24">404 - Page Not Found</h1>
10-
<p className="text-4xl pt-10">
11-
Sorry! We can't find the page you're looking for!
12-
<br />
13-
</p>
14-
<div className="opacity-0 transition-opacity duration-200 hover:opacity-100">
15-
<p className="text-2xl pt-10">Oops! This page must have been garbage collected.</p>
7+
<>
8+
<TabTitle>
9+
<title>404</title>
10+
</TabTitle>
11+
12+
<section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative">
13+
<div className="items-center text-center">
14+
<Navbar />
15+
<h1 className="text-5xl font-bold pt-24">404 - Page Not Found</h1>
16+
<p className="text-4xl pt-10">
17+
Sorry! We can't find the page you're looking for!
18+
<br />
19+
</p>
20+
<div className="opacity-0 transition-opacity duration-200 hover:opacity-100">
21+
<p className="text-2xl pt-10">Oops! This page must have been garbage collected.</p>
22+
</div>
23+
<a href="/">
24+
<button className="mt-10 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[30%] xl:h-12 h-10 transition-all duration-200 hover:bg-[#F3F4F6] hover:text-[#1A202C]">
25+
Back to safety
26+
</button>
27+
</a>
1628
</div>
17-
<a href="/">
18-
<button className="mt-10 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[30%] xl:h-12 h-10 transition-all duration-200 hover:bg-[#F3F4F6] hover:text-[#1A202C]">
19-
Back to safety
20-
</button>
21-
</a>
22-
</div>
2329

24-
<Footer />
25-
</section>
30+
<Footer />
31+
</section>
32+
</>
33+
2634
);
2735
}

‎frontend/src/pages/_document.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ export default function Document() {
44
return (
55
<Html lang="en">
66
<Head>
7+
<link rel="icon" href="/csesoc-favicon.ico" />
78
<link rel="preconnect" href="https://fonts.googleapis.com" />
89
<link rel="preconnect" href="https://fonts.gstatic.com" />
910
<link

‎frontend/src/pages/about/constitution.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import Layout from "@/components/Layout";
22
import PageBody from "@/components/PageBody";
33
import PageTitle from "@/components/PageTitle";
4+
import TabTitle from 'next/head'
45

56
const ConstitutionPage = () => {
67
return (
78
<Layout>
9+
<TabTitle>
10+
<title>Constitution | CseSoc UNSW</title>
11+
</TabTitle>
812
<PageTitle title="CONSTITUTION" />
913
<PageBody>
1014
<div>
@@ -52,4 +56,4 @@ const ConstitutionPage = () => {
5256
);
5357
}
5458

55-
export default ConstitutionPage;
59+
export default ConstitutionPage;

‎frontend/src/pages/about/election-guide.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import Layout from "@/components/Layout";
22
import PageBody from "@/components/PageBody";
33
import PageTitle from "@/components/PageTitle";
4+
import TabTitle from 'next/head'
45

56
const ElectionGuidePage = () => {
67
return (
78
<Layout>
9+
<TabTitle>
10+
<title>Constitution | CseSoc UNSW</title>
11+
</TabTitle>
812
<PageTitle title="ELECTION GUIDE" />
913
<PageBody>
1014
<div>
@@ -114,4 +118,4 @@ const ElectionGuidePage = () => {
114118
);
115119
};
116120

117-
export default ElectionGuidePage;
121+
export default ElectionGuidePage;

‎frontend/src/pages/about/execs-directors-subcoms.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,14 @@ import Layout from "@/components/Layout";
33
import PageBody from "@/components/PageBody";
44
import PageTitle from "@/components/PageTitle";
55
import { EXECS } from "@/../public/data/execs";
6+
import TabTitle from 'next/head'
67

78
const ExecsDirectorsSubcommitteesPage = () => {
89
return (
910
<Layout>
11+
<TabTitle>
12+
<title>Execs, Directors, Subcom | CseSoc UNSW</title>
13+
</TabTitle>
1014
<PageTitle title="EXECS, DIRECTORS & SUBCOMMITTEES" />
1115
<PageBody>
1216
{/* CSESOC TEAM */}

‎frontend/src/pages/about/faqs.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import Layout from "@/components/Layout";
22
import PageBody from "@/components/PageBody";
33
import PageTitle from "@/components/PageTitle";
4+
import TabTitle from 'next/head'
45

56
const FaqsPage = () => {
67
return (
78
<Layout>
9+
<TabTitle>
10+
<title>FAQs | CseSoc UNSW</title>
11+
</TabTitle>
812
<PageTitle title="FREQUENTLY ASKED QUESTIONS" />
913
<PageBody>
1014
<div>
@@ -54,4 +58,4 @@ const FaqsPage = () => {
5458
);
5559
};
5660

57-
export default FaqsPage;
61+
export default FaqsPage;

‎frontend/src/pages/about/index.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,15 @@ import Layout from "@/components/Layout";
22
import PageTitle from "@/components/PageTitle";
33
import Image from 'next/image';
44
import Link from 'next/link';
5+
import TabTitle from 'next/head';
56

67
export default function AboutPage() {
78
return (
89
<Layout>
10+
<TabTitle>
11+
<title>About Us | CseSoc UNSW</title>
12+
</TabTitle>
13+
914
<PageTitle title="ABOUT US" />
1015
<section className="py-8 xl:px-24 sm:px-10 px-5">
1116
<div className="flex justify-center items-center">

‎frontend/src/pages/about/our-history.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import Layout from "@/components/Layout";
22
import PageBody from "@/components/PageBody";
33
import PageTitle from "@/components/PageTitle";
4+
import TabTitle from 'next/head'
45
import { useState } from "react";
56

67
const MIN_YEAR = 2007;
@@ -13,6 +14,10 @@ const OurHistoryPage = () => {
1314

1415
return (
1516
<Layout>
17+
<TabTitle>
18+
<title>Our History | CseSoc UNSW</title>
19+
</TabTitle>
20+
1621
<PageTitle title="OUR HISTORY" />
1722
<PageBody>
1823
<div>

‎frontend/src/pages/contact-us.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,15 @@ import Contacts from '@/components/Contacts';
22
import Layout from '@/components/Layout';
33
import PageBody from '@/components/PageBody';
44
import PageTitle from '@/components/PageTitle';
5+
import TabTitle from 'next/head';
56

67
export default function ContactUsPage() {
78
return (
89
<Layout>
10+
<TabTitle>
11+
<title>Contact Us | CseSoc UNSW</title>
12+
</TabTitle>
13+
914
<PageTitle title="CONTACT US" />
1015

1116
<PageBody>

‎frontend/src/pages/events.tsx

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,24 @@ import Navbar from '@/components/Navbar';
22
import Footer from '@/components/Footer';
33
// import axios from 'axios';
44
import Events from '@/components/Event';
5+
import TabTitle from 'next/head'
56

67
export default function EventsPage() {
78
return (
8-
<section className="flex flex-col min-h-screen justify-between py-8 relative">
9-
<Navbar />
10-
11-
<div className='xl:px-24 md:px-10 px-5 '>
12-
<Events/>
13-
<Footer />
14-
</div>
15-
16-
</section>
9+
<>
10+
<TabTitle>
11+
<title>Events | CseSoc UNSW</title>
12+
</TabTitle>
13+
14+
<section className="flex flex-col min-h-screen justify-between py-8 relative">
15+
<Navbar />
16+
17+
<div className='xl:px-24 md:px-10 px-5 '>
18+
<Events/>
19+
<Footer />
20+
</div>
21+
22+
</section>
23+
</>
1724
);
1825
}

‎frontend/src/pages/index.tsx

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,16 @@ import Landing from '@/components/Landing';
33
import Sponsors from '@/components/Sponsors/index';
44
import AboutHomePage from '@/components/About/AboutHomepage';
55
import EventsBrief from '@/components/Event/EventsBrief';
6+
import TabTitle from 'next/head';
67

78
export default function HomePage() {
89
return (
9-
<section>
10+
<>
11+
<TabTitle>
12+
<title>CseSoc UNSW</title>
13+
</TabTitle>
14+
15+
<section>
1016
<div className="h-8"></div>
1117

1218
<Navbar />
@@ -18,6 +24,8 @@ export default function HomePage() {
1824
<AboutHomePage />
1925
<EventsBrief />
2026
<Sponsors />
21-
</section>
27+
</section>
28+
</>
29+
2230
);
2331
}

‎frontend/src/pages/resources.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,18 @@ import Layout from '@/components/Layout';
22
import Image from 'next/image';
33
import { resourceCards, stage1, stage2, stage3 } from '@/../public/data/resourceCards';
44
import PageTitle from '@/components/PageTitle';
5+
import TabTitle from 'next/head';
56

67
export default function ResourcesPage() {
78
const boxStyling =
89
'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
910

1011
return (
1112
<Layout>
13+
<TabTitle>
14+
<title>Resources | CseSoc UNSW</title>
15+
</TabTitle>
16+
1217
<PageTitle title="RESOURCES" />
1318

1419
<section className="bg-no-repeat bg-center py-8 px-15 min-h-screen flex justify-center items-center">

‎frontend/src/pages/sponsors.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import { useState } from 'react';
33
import { diamondLinks, goldLinks, silverLinks, sponsorInfo } from '@/../public/data/sponsorInfos';
44
import SponsorModal from '@/components/Sponsors/SponsorModal';
55
import { EmojiRain } from 'next-emoji-rain';
6+
import TabTitle from 'next/head';
67

78
export default function SponsorsPage() {
89
const logostyle =
@@ -29,6 +30,10 @@ export default function SponsorsPage() {
2930

3031
return (
3132
<Layout>
33+
<TabTitle>
34+
<title>Sponsers | CseSoc UNSW</title>
35+
</TabTitle>
36+
3237
<div id="diamondRain" className="opacity-0">
3338
<EmojiRain emoji="💎" />
3439
</div>

0 commit comments

Comments
 (0)