diff --git a/site/components/Showcases.tsx b/site/components/Showcases.tsx index d048b396..689ddf21 100644 --- a/site/components/Showcases.tsx +++ b/site/components/Showcases.tsx @@ -22,11 +22,41 @@ const items = [ sourceUrl: 'https://github.com/FCSCOpendata/frontend', }, { - title: 'Datahub Open Data', - href: 'https://opendata.datahub.io/', - image: '/images/showcases/datahub.webp', - description: 'Demo Data Portal by DataHub', + 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() { diff --git a/site/components/ShowcasesItem.tsx b/site/components/ShowcasesItem.tsx index ad1d0ba7..7233de3d 100644 --- a/site/components/ShowcasesItem.tsx +++ b/site/components/ShowcasesItem.tsx @@ -1,10 +1,6 @@ export default function ShowcasesItem({ item }) { return ( - +
{item.title}

{item.description}

+
+ {item.href && ( + + + + + + + )} + {item.repository && ( + + + + )} +
- + ); } diff --git a/site/content/config.js b/site/content/config.js index fe307039..682ddff0 100644 --- a/site/content/config.js +++ b/site/content/config.js @@ -18,12 +18,11 @@ const config = { { name: 'Docs', href: '/docs' }, // { name: "Components", href: "/docs/components" }, { name: 'Blog', href: '/blog' }, - { name: 'Showcases', href: '/#showcases' }, { name: 'Howtos', href: '/howtos' }, { name: 'Guide', href: '/guide' }, { - name: 'Examples', - href: '/examples/' + name: 'Showcases', + href: '/showcases/' }, { name: 'Components', diff --git a/site/content/examples/index.md b/site/content/examples/index.md deleted file mode 100644 index 2734aab7..00000000 --- a/site/content/examples/index.md +++ /dev/null @@ -1,5 +0,0 @@ -# Examples - -For now, see the examples folder in github: - -https://github.com/datopian/datahub/tree/main/examples diff --git a/site/pages/index.tsx b/site/pages/index.tsx index 1222c57a..be4f7ac2 100644 --- a/site/pages/index.tsx +++ b/site/pages/index.tsx @@ -35,7 +35,7 @@ export default function Home({ sidebarTree }) { sidebarTree={sidebarTree} > - + diff --git a/site/pages/showcases.tsx b/site/pages/showcases.tsx new file mode 100644 index 00000000..09102858 --- /dev/null +++ b/site/pages/showcases.tsx @@ -0,0 +1,8 @@ +import Layout from "@/components/Layout"; +import Showcases from "@/components/Showcases"; + +export default function ShowcasesList() { + return ( + + ) +} \ No newline at end of file diff --git a/site/public/images/showcases/fivethirtyeight.png b/site/public/images/showcases/fivethirtyeight.png new file mode 100644 index 00000000..89e2f244 Binary files /dev/null and b/site/public/images/showcases/fivethirtyeight.png differ diff --git a/site/public/images/showcases/frictionless-capture.png b/site/public/images/showcases/frictionless-capture.png new file mode 100644 index 00000000..9bbe3b5d Binary files /dev/null and b/site/public/images/showcases/frictionless-capture.png differ diff --git a/site/public/images/showcases/github-datasets.png b/site/public/images/showcases/github-datasets.png new file mode 100644 index 00000000..80ace785 Binary files /dev/null and b/site/public/images/showcases/github-datasets.png differ diff --git a/site/public/images/showcases/openspending.png b/site/public/images/showcases/openspending.png new file mode 100644 index 00000000..5910b4da Binary files /dev/null and b/site/public/images/showcases/openspending.png differ diff --git a/site/public/images/showcases/turing.png b/site/public/images/showcases/turing.png new file mode 100644 index 00000000..c739079b Binary files /dev/null and b/site/public/images/showcases/turing.png differ