knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[examples/538][xs] - change banner position + text + change README

Browse Source
This commit is contained in:
Luccas Mateus de Medeiros Gomes
2023-05-15 10:22:47 -03:00
parent 1af24ef57e
commit c756d73e33
3 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
examples/fivethirtyeight/pages/_document.tsx
View File

@@ -13,6 +13,15 @@ export default function Document() {
<meta property="twitter:image" content="https://portaljs-fivethirtyeight.vercel.app/share_image.png" />
</Head>
<body>
<div className="max-w-5xl mx-auto mt-2 px-2 text-[#3c3c3c]">
<div className="border-b border-zinc-600 p-2 text-left">
This is a replica to the awesome{' '}
<a className='hover:underline font-bold' href="https://data.fivethirtyeight.com">
data.fivethirtyeight.com
</a>{' '}
website. {' '}
<a className='hover:underline font-bold' href="https://github.com/datopian/portaljs/tree/main/examples/fivethirtyeight">Read more here</a> </div>
</div>
<header className="max-w-5xl mx-auto mt-8 w-full">
<div className="border-b-2 pb-2.5 mx-2 border-zinc-800 flex justify-between">
<h1 className="flex gap-x-1 items-end">

13
examples/fivethirtyeight/pages/index.tsx
View File

@@ -143,19 +143,6 @@ export default function Home({ datasets }: { datasets: Dataset[] }) {
return (
<>
<NextSeo title="FiveThirtyEight tribute by PortalJS" />
<div className="max-w-5xl mx-auto mt-2 px-2 text-[#3c3c3c]">
<div className="border border-zinc-600 p-4 text-left">
This page is a tribute to the{' '}
<a className='hover:underline font-bold' href="https://data.fivethirtyeight.com">
data.fivethirtyeight.com
</a>{' '}
website made by the amazing 538 team. All content is credited to the original creators, intended for
educational purposes only. Visit their{' '}
<a className='hover:underline font-bold' href="https://fivethirtyeight.com/">website</a> for in-depth analyses
on politics, sports, culture, and more. No copyright infringement
intended.
</div>
</div>
<main
className={`flex min-h-screen flex-col items-center max-w-5xl mx-auto pt-20 px-2.5 ${inter.className}`}
>