80 lines
3.0 KiB
TypeScript
80 lines
3.0 KiB
TypeScript
import Container from './Container';
|
|
import ShowcasesItem from './ShowcasesItem';
|
|
|
|
const items = [
|
|
{
|
|
title: 'Open Data Northern Ireland',
|
|
href: 'https://www.opendatani.gov.uk/',
|
|
image: '/images/showcases/odni.webp',
|
|
description: 'Government Open Data Portal',
|
|
},
|
|
{
|
|
title: 'Birmingham City Observatory',
|
|
href: 'https://www.cityobservatory.birmingham.gov.uk/',
|
|
image: '/images/showcases/birmingham.webp',
|
|
description: 'Government Open Data Portal',
|
|
},
|
|
{
|
|
title: 'UAE Open Data',
|
|
href: 'https://opendata.fcsc.gov.ae/',
|
|
image: '/images/showcases/uae.webp',
|
|
description: 'Government Open Data Portal',
|
|
sourceUrl: 'https://github.com/FCSCOpendata/frontend',
|
|
},
|
|
{
|
|
title: 'Frictionless Data',
|
|
href: 'https://datahub.io/core/co2-ppm',
|
|
repository: 'https://github.com/datopian/datahub/tree/main/examples/dataset-frictionless',
|
|
image: '/images/showcases/frictionless-capture.png',
|
|
description: 'Progressive open-source framework for building data infrastructure - data management, data integration, data flows, etc. It includes various data standards and provides software to work with data.',
|
|
},
|
|
{
|
|
title: "OpenSpending",
|
|
image: "/images/showcases/openspending.png",
|
|
href: "https://www.openspending.org",
|
|
repository: 'https://github.com/datopian/datahub/tree/main/examples/openspending',
|
|
description: "OpenSpending is a free, open and global platform to search, visualise and analyse fiscal data in the public sphere."
|
|
},
|
|
{
|
|
title: "FiveThirtyEight",
|
|
image: "/images/showcases/fivethirtyeight.png",
|
|
href: "https://fivethirtyeight.portaljs.org/",
|
|
repository: 'https://github.com/datopian/datahub/tree/main/examples/fivethirtyeight',
|
|
description: "This is a replica of data.fivethirtyeight.com using PortalJS."
|
|
},
|
|
{
|
|
title: "Github Datasets",
|
|
image: "/images/showcases/github-datasets.png",
|
|
href: "https://example.portaljs.org/",
|
|
repository: 'https://github.com/datopian/datahub/tree/main/examples/github-backed-catalog',
|
|
description: "A simple data catalog that get its data from a list of GitHub repos that serve as datasets."
|
|
},
|
|
{
|
|
title: "Hatespeech Data",
|
|
image: "/images/showcases/turing.png",
|
|
href: "https://hatespeechdata.com/",
|
|
repository: 'https://github.com/datopian/datahub/tree/main/examples/turing',
|
|
description: "Datasets annotated for hate speech, online abuse, and offensive language which are useful for training a natural language processing system to detect this online abuse."
|
|
},
|
|
|
|
];
|
|
|
|
export default function Showcases() {
|
|
return (
|
|
<Container>
|
|
<h2
|
|
className="text-3xl font-bold text-primary dark:text-primary-dark"
|
|
id="showcases"
|
|
>
|
|
Showcases
|
|
</h2>
|
|
<p className="text-lg mt-2">Discover what's being powered by PortalJS</p>
|
|
<div className="not-prose my-12 grid grid-cols-1 gap-6 md:grid-cols-2">
|
|
{items.map((item) => {
|
|
return <ShowcasesItem item={item} />;
|
|
})}
|
|
</div>
|
|
</Container>
|
|
);
|
|
}
|