Skip to content

Commit

Permalink
feat: footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@thecuvii
thecuvii committed Jun 1, 2023
1 parent 3364064 commit 2b89f22
Show file tree
Hide file tree
Showing 3 changed files with 105 additions and 24 deletions.
40 changes: 31 additions & 9 deletions src/app/layout.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,43 @@
import "./globals.css";
import { Inter } from "next/font/google";
import Link from 'next/link'
import './globals.css'
import { Inter } from 'next/font/google'
import { LogoHelmet } from '~/icons'

const inter = Inter({ subsets: ["latin"] });
const inter = Inter({ subsets: ['latin'] })

export const metadata = {
title: "Pong",
description: "Generated by create next app",
};
title: 'Pong',
description: '',
}

export default function RootLayout({
children,
}: {
children: React.ReactNode;
children: React.ReactNode
}) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
<body className={inter.className}>
{children}
<footer className="w-full pt-4 pb-6 text-center text-sm text-slate-600">
<div className="inline-flex items-center">
<Link
className="font-bold mr-2 underline text-black/90"
href={'https://github.com/withyellow/pong'}
>
{'"Pong"'}
</Link>
is an open source project by
<Link
className="ml-2 font-bold text-black/90 inline-flex items-center"
href={'https://zolplay.com'}
>
<LogoHelmet /> Zolplay
</Link>
.
</div>
</footer>
</body>
</html>
);
)
}
17 changes: 2 additions & 15 deletions src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export default function Home() {
const [isRunning, setIsRunning] = useState(false)
const [finishedRegions, setFinishedRegions] = useState(0)

const handleTest = async () => {
const handlePong = async () => {
if (isRunning) return
setIsRunning(true)
if (url !== task.url) {
Expand Down Expand Up @@ -104,7 +104,7 @@ export default function Home() {
/>
<Button
className="flex-none rounded-md ml-4 bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-black/80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500"
onClick={handleTest}
onClick={handlePong}
icon={GlobeAltIcon}
>
Pong!
Expand All @@ -128,19 +128,6 @@ export default function Home() {
<Text className="text-xs">
{regions[job.region].emoji} {regions[job.region].location}
</Text>
{/*<ul className="flex flex-wrap mr-20">*/}
{/* {job.duration?.length > 1 &&*/}
{/* job.duration.map((duration, idx) => (*/}
{/* <div*/}
{/* key={job.region + idx}*/}
{/* className={*/}
{/* 'text-xs scale-[0.85] text-black/30 px-1 py-[1px] border border-slate-500/10 rounded'*/}
{/* }*/}
{/* >*/}
{/* {duration}*/}
{/* </div>*/}
{/* ))}*/}
{/*</ul>*/}

<AreaChart
data={job.duration.map((duration, idx) => ({
Expand Down
72 changes: 72 additions & 0 deletions src/icons/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
export function LogoHelmet() {
return (
<svg
className={'h-4 w-4 stroke-current'}
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<mask
id="mask0_1409_2195"
maskUnits="userSpaceOnUse"
x="4"
y="4"
width="19"
height="18"
>
<path
d="M20.1033 9.05272C22.2817 12.826 20.9889 17.6508 17.2157 19.8293C13.4424 22.0078 8.61759 20.715 6.4391 16.9417C4.26062 13.1685 5.55343 8.34363 9.32668 6.16514C13.0999 3.98666 17.9248 5.27947 20.1033 9.05272Z"
stroke="currentColor"
strokeWidth="1.725"
/>
</mask>
<g mask="url(#mask0_1409_2195)">
<mask id="path-2-inside-1_1409_2195" fill="currentColor">
<path
d="M9.58043 5.66662C7.46055 3.93262 4.52882 2.47148 1.14263 1.61466C-6.49301 -0.317652 -13.5547 1.56171 -14.6326 5.81259C-15.7067 10.0645 -10.3863 15.0764 -2.75069 17.0087C4.88495 18.941 11.9491 17.0602 13.0246 12.8108C13.6231 10.4435 12.2407 7.84218 9.58043 5.66662"
fill="currentColor"
/>
</mask>
<path
d="M9.58043 5.66662C7.46055 3.93262 4.52882 2.47148 1.14263 1.61466C-6.49301 -0.317652 -13.5547 1.56171 -14.6326 5.81259C-15.7067 10.0645 -10.3863 15.0764 -2.75069 17.0087C4.88495 18.941 11.9491 17.0602 13.0246 12.8108C13.6231 10.4435 12.2407 7.84218 9.58043 5.66662"
fill="currentColor"
/>
<path
d="M1.14263 1.61466L1.07209 1.89337L1.0721 1.89338L1.14263 1.61466ZM-14.6326 5.81259L-14.9113 5.74192L-14.9114 5.74218L-14.6326 5.81259ZM13.0246 12.8108L13.3033 12.8813L13.3033 12.8813L13.0246 12.8108ZM9.76246 5.44408C7.6055 3.67976 4.63419 2.20158 1.21315 1.33594L1.0721 1.89338C4.42346 2.74138 7.31559 4.18548 9.3984 5.88915L9.76246 5.44408ZM1.21316 1.33595C-2.643 0.360088 -6.36784 0.342637 -9.27807 1.1171C-12.1777 1.88873 -14.3351 3.4697 -14.9113 5.74192L-14.354 5.88326C-13.8522 3.90459 -11.9398 2.42045 -9.1302 1.67276C-6.33119 0.927897 -2.70739 0.93692 1.07209 1.89337L1.21316 1.33595ZM-14.9114 5.74218C-15.4855 8.01502 -14.3391 10.4319 -12.155 12.4898C-9.9628 14.5552 -6.67737 16.3116 -2.82122 17.2874L-2.68016 16.73C-6.45965 15.7736 -9.65223 14.0578 -11.7606 12.0713C-13.8771 10.0772 -14.8538 7.86209 -14.3539 5.883L-14.9114 5.74218ZM-2.82122 17.2874C1.03496 18.2633 4.76042 18.2804 7.67094 17.5058C10.5708 16.734 12.7284 15.153 13.3033 12.8813L12.7459 12.7403C12.2453 14.7181 10.3331 16.2022 7.52305 16.9501C4.72372 17.6951 1.0993 17.6865 -2.68016 16.73L-2.82122 17.2874ZM13.3033 12.8813C13.9431 10.3508 12.4542 7.64535 9.76243 5.44406L9.39843 5.88918C12.0273 8.03901 13.3031 10.5362 12.7458 12.7403L13.3033 12.8813Z"
fill="currentColor"
mask="url(#path-2-inside-1_1409_2195)"
/>
</g>
<path
d="M9.70811 8.60227C9.70811 8.60227 7.7954 9.59037 7.66961 12.1727"
stroke="currentColor"
strokeWidth="0.575"
strokeMiterlimit="10"
strokeLinecap="round"
/>
<path
d="M11.6516 15.0446C9.60837 16.9912 6.31889 17.5034 6.31889 17.5034L6.32033 17.5059C6.09622 17.549 5.56552 17.6131 5.17811 17.6608C4.96711 17.6863 4.85656 17.9261 4.97289 18.1046C7.81582 22.5285 13.7945 23.8505 18.2785 20.8301C22.1734 18.2095 23.5625 13.0255 21.4997 8.80855C19.1356 3.97212 13.3365 2.12149 8.67263 4.4855C8.47019 4.5891 8.46003 4.87051 8.65134 4.98912C8.98568 5.19446 9.46143 5.52398 9.91298 5.94384C9.91298 5.94384 12.2543 7.9066 12.9744 10.3676"
stroke="currentColor"
strokeWidth="1.725"
strokeMiterlimit="10"
/>
<path
d="M13.6645 10.7672C13.8607 9.94568 13.99 9.10488 14.0487 8.25294"
stroke="currentColor"
strokeWidth="0.8625"
strokeMiterlimit="10"
/>
<path
d="M14.7514 6.95791C14.9602 7.31956 14.8363 7.782 14.4747 7.9908C14.113 8.1996 13.6506 8.07569 13.4418 7.71404C13.233 7.35239 13.3569 6.88995 13.7185 6.68115C14.0802 6.47236 14.5426 6.59627 14.7514 6.95791Z"
stroke="currentColor"
strokeWidth="0.8625"
/>
<path
d="M14.1462 15.0196C15.282 14.3638 15.6712 12.9114 15.0154 11.7756C14.3596 10.6398 12.9073 10.2506 11.7714 10.9064C10.6356 11.5621 10.2464 13.0145 10.9022 14.1503C11.558 15.2862 13.0104 15.6753 14.1462 15.0196Z"
stroke="currentColor"
strokeWidth="1.15"
strokeMiterlimit="10"
/>
</svg>
)
}

1 comment on commit 2b89f22

@vercel
Copy link

@vercel vercel bot commented on 2b89f22 Jun 1, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

pong – ./

pong-zolplay.vercel.app
pong-mu-three.vercel.app
pong-git-next-zolplay.vercel.app
pong.zol.ai
pong.zolplay.com

Please sign in to comment.