Compare commits

..

1 Commits

Author SHA1 Message Date
Flatlogic Bot
eee5aa38bf joke 2025-05-12 20:44:46 +00:00
5 changed files with 53 additions and 4 deletions

5
.gitignore vendored
View File

@ -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

View File

@ -50,6 +50,11 @@ const nextConfig = {
source: '/faq', source: '/faq',
destination: '/web_pages/faq', destination: '/web_pages/faq',
}, },
{
source: '/joke',
destination: '/web_pages/joke',
},
]; ];
}, },
}; };

View File

@ -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;

View 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>;
};