Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
eee5aa38bf |
5
.gitignore
vendored
5
.gitignore
vendored
@ -1,3 +1,8 @@
|
|||||||
node_modules/
|
node_modules/
|
||||||
*/node_modules/
|
*/node_modules/
|
||||||
*/build/
|
*/build/
|
||||||
|
|
||||||
|
**/node_modules/
|
||||||
|
**/build/
|
||||||
|
.DS_Store
|
||||||
|
.env
|
||||||
File diff suppressed because one or more lines are too long
@ -50,6 +50,11 @@ const nextConfig = {
|
|||||||
source: '/faq',
|
source: '/faq',
|
||||||
destination: '/web_pages/faq',
|
destination: '/web_pages/faq',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
source: '/joke',
|
||||||
|
destination: '/web_pages/joke',
|
||||||
|
},
|
||||||
|
|
||||||
];
|
];
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@ -67,6 +67,11 @@ export const webPagesNavBar = [
|
|||||||
href: '/faq',
|
href: '/faq',
|
||||||
label: 'FAQ',
|
label: 'FAQ',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
href: '/joke',
|
||||||
|
label: 'joke',
|
||||||
|
},
|
||||||
|
|
||||||
];
|
];
|
||||||
|
|
||||||
export default menuNavBar;
|
export default menuNavBar;
|
||||||
|
|||||||
35
frontend/src/pages/web_pages/joke.tsx
Normal file
35
frontend/src/pages/web_pages/joke.tsx
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import type { ReactElement } from 'react';
|
||||||
|
import Head from 'next/head';
|
||||||
|
import LayoutGuest from '../../layouts/Guest';
|
||||||
|
import WebSiteHeader from '../../components/WebPageComponents/Header';
|
||||||
|
import WebSiteFooter from '../../components/WebPageComponents/Footer';
|
||||||
|
|
||||||
|
export default function JokePage() {
|
||||||
|
const projectName = 'test45345';
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col min-h-screen">
|
||||||
|
<Head>
|
||||||
|
<title>Joke Page – {projectName}</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Have a laugh with our programming joke of the day."
|
||||||
|
/>
|
||||||
|
</Head>
|
||||||
|
<WebSiteHeader projectName={projectName} />
|
||||||
|
<main className="flex-grow flex items-center justify-center bg-white">
|
||||||
|
<div className="text-center px-4 py-16">
|
||||||
|
<h1 className="text-4xl font-bold mb-4">Joke of the Day</h1>
|
||||||
|
<p className="text-xl">
|
||||||
|
Why do programmers prefer dark mode? Because light attracts bugs!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<WebSiteFooter projectName={projectName} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
JokePage.getLayout = function getLayout(page: ReactElement) {
|
||||||
|
return <LayoutGuest>{page}</LayoutGuest>;
|
||||||
|
};
|
||||||
Loading…
x
Reference in New Issue
Block a user