mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

footer things

Browse Source
This commit is contained in:
m5r 2021-08-30 06:47:43 +08:00
parent d8f76f59db
commit 1d3bfd5e36
5 changed files with 46 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/blog/pages/blog.tsx Normal file
View File

@ -0,0 +1,12 @@
import type { BlitzPage } from "blitz";
import Layout from "../../public-area/components/layout";
const Blog: BlitzPage = () => {
return <article className="m-auto">Coming soon.</article>;
};
Blog.getLayout = (page) => <Layout title="Blog">{page}</Layout>;
Blog.suppressFirstRenderFlicker = true;
export default Blog;

3
app/public-area/components/base-layout.tsx
View File

@ -2,6 +2,7 @@ import type { FunctionComponent } from "react";
import { Head } from "blitz"; import { Head } from "blitz";
import Header from "./header"; import Header from "./header";
import Footer from "./footer";
const BaseLayout: FunctionComponent = ({ children }) => ( const BaseLayout: FunctionComponent = ({ children }) => (
<> <>
@ -21,6 +22,8 @@ const BaseLayout: FunctionComponent = ({ children }) => (
<Header /> <Header />
<main className="flex-grow">{children}</main> <main className="flex-grow">{children}</main>
<Footer />
</section> </section>
</section> </section>
</> </>

14
app/public-area/components/footer.tsx
View File

@ -6,21 +6,21 @@ export default function Footer() {
// TODO // TODO
const isDisabled = true; const isDisabled = true;
if (isDisabled) { if (isDisabled) {
// return null; return null;
} }
return ( return (
<footer className="bg-white"> <footer className="bg-white">
<div className="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
<nav className="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"> <nav className="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer">
<NavLink href={Routes.Roadmap()} name="Roadmap" /> <NavLink href={Routes.Blog()} name="Blog" />
<NavLink href={Routes.Roadmap()} name="Roadmap" /> <NavLink href={Routes.PrivacyPolicy()} name="Privacy Policy" />
<NavLink href={Routes.Roadmap()} name="Roadmap" /> <NavLink href={Routes.TermsOfService()} name="Terms of Service" />
<NavLink href={Routes.Roadmap()} name="Roadmap" /> <NavLink href="mailto:support@shellphone.app" name="Email Us" />
</nav> </nav>
{/*<p className="mt-8 text-center text-base text-gray-400">&copy; 2021 Capsule Corp. Dev Pte. Ltd. All rights reserved.</p>*/}
<p className="mt-8 text-center text-base text-gray-400"> <p className="mt-8 text-center text-base text-gray-400">
&copy; 2021 Mokhtar Mial All rights reserved. &copy; 2021 Capsule Corp. Dev Pte. Ltd. All rights reserved.
{/*&copy; 2021 Mokhtar Mial All rights reserved.*/}
</p> </p>
</div> </div>
</footer> </footer>

12
app/public-area/pages/privacy.tsx Normal file
View File

@ -0,0 +1,12 @@
import type { BlitzPage } from "blitz";
import Layout from "../components/layout";
const PrivacyPolicy: BlitzPage = () => {
return <article className="m-auto">Coming soon.</article>;
};
PrivacyPolicy.getLayout = (page) => <Layout title="Privacy Policy">{page}</Layout>;
PrivacyPolicy.suppressFirstRenderFlicker = true;
export default PrivacyPolicy;

12
app/public-area/pages/terms.tsx Normal file
View File

@ -0,0 +1,12 @@
import type { BlitzPage } from "blitz";
import Layout from "../components/layout";
const TermsOfService: BlitzPage = () => {
return <article className="m-auto">Coming soon.</article>;
};
TermsOfService.getLayout = (page) => <Layout title="Terms of Service">{page}</Layout>;
TermsOfService.suppressFirstRenderFlicker = true;
export default TermsOfService;