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

8
examples/fivethirtyeight/README.md
View File

@@ -1,4 +1,10 @@
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). This is a replica of the awesome data.fivethirtyeight.com using PortalJS.
You might be asking why we did that, there are three main reasons:
- The website has a great UI, with multiple datasets being displayed elegantly and with simplicity.
- PortalJS allows us to add more functionality to it e.g dataset previews and search functionality.
- The project follows our same principles of open sourcing and free data, with every dataset being publicly available on Github.
## Getting Started ## Getting Started

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" /> <meta property="twitter:image" content="https://portaljs-fivethirtyeight.vercel.app/share_image.png" />
</Head> </Head>
<body> <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"> <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"> <div className="border-b-2 pb-2.5 mx-2 border-zinc-800 flex justify-between">
<h1 className="flex gap-x-1 items-end"> <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 ( return (
<> <>
<NextSeo title="FiveThirtyEight tribute by PortalJS" /> <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 <main
className={`flex min-h-screen flex-col items-center max-w-5xl mx-auto pt-20 px-2.5 ${inter.className}`} className={`flex min-h-screen flex-col items-center max-w-5xl mx-auto pt-20 px-2.5 ${inter.className}`}
> >