diff --git a/examples/alan-turing-portal/components/Header.jsx b/examples/alan-turing-portal/components/Header.jsx index 98ab6efd..d55e0eeb 100644 --- a/examples/alan-turing-portal/components/Header.jsx +++ b/examples/alan-turing-portal/components/Header.jsx @@ -1,8 +1,41 @@ -import { useRef } from 'react' +import { Fragment, useEffect, useRef } from 'react' +import Image from 'next/image' +import Link from 'next/link' import { useRouter } from 'next/router' +import { Popover, Transition } from '@headlessui/react' +import clsx from 'clsx' import { Container } from '../components/Container' +function CloseIcon(props) { + return ( + + ) +} + +function ChevronDownIcon(props) { + return ( + + ) +} + function SunIcon(props) { return ( + ) +} + +function MobileNavItem({ href, children }) { + return ( +
  • + + {children} + +
    • + ) +} + +function MobileNavigation(props) { + return ( + + + Menu + + + + + + + + +
    + + + +

    + Navigation +

    +
    + +     +     +     +     + ) +} + +function NavItem({ href, children }) { + let isActive = useRouter().pathname === href + + return ( +
  • + + {children} + {isActive && ( + + )} + +
    • + ) +} + +function DesktopNavigation(props) { + return ( + + ) +} + function ModeToggle() { function disableTransitionsTemporarily() { document.documentElement.classList.add('[&_*]:!transition-none') @@ -70,11 +222,13 @@ function ModeToggle() { ) } +function clamp(number, a, b) { + let min = Math.min(a, b) + let max = Math.max(a, b) + return Math.min(Math.max(number, min), max) +} + export function Header() { - let isHomePage = useRouter().pathname === '/' - - let headerRef = useRef() - return ( <>
    @@ -94,6 +247,10 @@ export function Header() { style={{ position: 'var(--header-inner-position)' }} >
    +
    + + +
    @@ -103,7 +260,6 @@ export function Header() {
    - {isHomePage &&
    } ) } diff --git a/examples/alan-turing-portal/content/index.md b/examples/alan-turing-portal/content/index.md deleted file mode 100644 index 758f1739..00000000 --- a/examples/alan-turing-portal/content/index.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: Hate Speech Dataset Catalogue ---- - -This page catalogues datasets annotated for hate speech, online abuse, and offensive language. They may be useful for e.g. training a natural language processing system to detect this language. - -The list is maintained by Leon Derczynski, Bertie Vidgen, Hannah Rose Kirk, Pica Johansson, Yi-Ling Chung, Mads Guldborg Kjeldgaard Kongsbak, Laila Sprejer, and Philine Zeinert. - -We provide a list of datasets and keywords. If you would like to contribute to our catalogue or add your dataset, please see the instructions for contributing. - -If you use these resources, please cite (and read!) our paper: Directions in Abusive Language Training Data: Garbage In, Garbage Out. And if you would like to find other resources for researching online hate, visit The Alan Turing Institute’s Online Hate Research Hub or read The Alan Turing Institute’s Reading List on Online Hate and Abuse Research. - -If you’re looking for a good paper on online hate training datasets (beyond our paper, of course!) then have a look at ‘Resources and benchmark corpora for hate speech detection: a systematic review’ by Poletto et al. in Language Resources and Evaluation. - -## How to contribute - -We accept entries to our catalogue based on pull requests to the content folder. The dataset must be avaliable for download to be included in the list. If you want to add an entry, follow these steps! - -Please send just one dataset addition/edit at a time - edit it in, then save. This will make everyone’s life easier (including yours!) - -- Go to the repo url file and click the "Add file" dropdown and then click on "Create new file". -![](https://i.imgur.com/2PR0ZgL.png) - -- In the following page type `content/datasets/.md`. if you want to add an entry to the datasets catalog or `content/keywords/.md` if you want to add an entry to the lists of abusive keywords, if you want to just add an static page you can leave in the root of `content` it will automatically get assigned an url eg: `/content/about.md` becomes the `/about` page -![](https://i.imgur.com/rr3uSYu.png) - -- Copy the contents of `templates/dataset.md` or `templates/keywords.md` respectively to the camp below, filling out the fields with the correct data format -![](https://i.imgur.com/x6JIjhz.png) - -- Click on "Commit changes", on the popup make sure you give some brief detail on the proposed change. and then click on Propose changes - - -- Submit the pull request on the next page when prompted. - diff --git a/examples/alan-turing-portal/content/index.mdx b/examples/alan-turing-portal/content/index.mdx new file mode 100644 index 00000000..b4c6bd70 --- /dev/null +++ b/examples/alan-turing-portal/content/index.mdx @@ -0,0 +1,52 @@ +--- +title: Hate Speech Dataset Catalogue +--- + +This page catalogues datasets annotated for hate speech, online abuse, and offensive language. They may be useful for e.g. training a natural language processing system to detect this language. + +The list is maintained by [Leon Derczynski](https://www.derczynski.com/), [Bertie Vidgen](https://www.turing.ac.uk/people/researchers/bertie-vidgen), [Hannah Rose Kirk](https://www.hannahrosekirk.com/), Pica Johansson, [Yi-Ling Chung](https://yilingchung.github.io/), Mads Guldborg Kjeldgaard Kongsbak, [Laila Sprejer](https://www.turing.ac.uk/people/researchers/laila-sprejer), and Philine Zeinert. + +We provide a list of [datasets](#Datasets-header) and [keywords](#Keywords-header). If you would like to contribute to our catalogue or add your dataset, please see the [instructions for contributing](#Contributing-header). + +If you use these resources, please cite (and read!) our paper: [Directions in Abusive Language Training Data: Garbage In, Garbage Out](https://journals.plos.org/plosone/article?id=10.1371/journal.pone.0243300). And if you would like to find other resources for researching online hate, visit The Alan Turing Institute's [Online Hate Research Hub](https://www.turing.ac.uk/research/research-programmes/public-policy/online-hate-research-hub) or read The Alan Turing Institute's [Reading List on Online Hate and Abuse Research](https://docs.google.com/document/d/1WVkVGp29Jt6d-4fBnZ5OWVYuFn_03rzz-KBqPsu6gTM/edit?usp=sharing). + +If you're looking for a good paper on online hate training datasets (beyond our paper, of course!) then have a look at ['Resources and benchmark corpora for hate speech detection: a systematic review'](https://link.springer.com/article/10.1007/s10579-020-09502-8) by Poletto et al. in *Language Resources and Evaluation*. + +Accompanying [data statements](https://www.mitpressjournals.org/doi/abs/10.1162/tacl_a_00041) preferred for all corpora. + +See datasets + +

    How to contribute

    + +We accept entries to our catalogue based on pull requests to the content folder. The dataset must be avaliable for download to be included in the list. If you want to add an entry, follow these steps! + +Please send just one dataset addition/edit at a time - edit it in, then save. This will make everyone’s life easier (including yours!) + +### Create file + +Go to the repo url file and click the "Add file" dropdown and then click on "Create new file". + +![](https://i.imgur.com/2PR0ZgL.png) + +### Choose location + +In the following page type `content/datasets/.md`. if you want to add an entry to the datasets catalog or `content/keywords/.md` if you want to add an entry to the lists of abusive keywords, if you want to just add an static page you can leave in the root of `content` it will automatically get assigned an url eg: `/content/about.md` becomes the `/about` page + +![](https://i.imgur.com/rr3uSYu.png) + +### Fill in content + +Copy the contents of `templates/dataset.md` or `templates/keywords.md` respectively to the camp below, filling out the fields with the correct data format + +![](https://i.imgur.com/x6JIjhz.png) + +### Commit changes + +Click on "Commit changes", on the popup make sure you give some brief detail on the proposed change. and then click on Propose changes + + + +### Submit PR + +Submit the pull request on the next page when prompted. + diff --git a/examples/alan-turing-portal/markdown.db b/examples/alan-turing-portal/markdown.db index f47a064d..42b5d695 100644 Binary files a/examples/alan-turing-portal/markdown.db and b/examples/alan-turing-portal/markdown.db differ diff --git a/examples/alan-turing-portal/pages/[...slug].jsx b/examples/alan-turing-portal/pages/[...slug].jsx index 77227f8c..e8bb71c6 100644 --- a/examples/alan-turing-portal/pages/[...slug].jsx +++ b/examples/alan-turing-portal/pages/[...slug].jsx @@ -2,11 +2,11 @@ import { Container } from '../components/Container' import clientPromise from '../lib/mddb' import { promises as fs } from 'fs'; import { MDXRemote } from 'next-mdx-remote' -import { serialize } from 'next-mdx-remote/serialize' import { Card } from '../components/Card' import Head from 'next/head' import parse from '../lib/markdown' import { Mermaid } from '@flowershow/core'; +import { Header } from '../components/Header'; export const getStaticProps = async ({ params }) => { const urlPath = params.slug ? params.slug.join('/') : '' @@ -82,10 +82,12 @@ export default function DRDPage({ mdxSource }) { ) return ( <> +
    {meta.title} - + +

    diff --git a/examples/alan-turing-portal/pages/_document.jsx b/examples/alan-turing-portal/pages/_document.jsx index 307d1a77..68e37ba4 100644 --- a/examples/alan-turing-portal/pages/_document.jsx +++ b/examples/alan-turing-portal/pages/_document.jsx @@ -1,25 +1,17 @@ import { Head, Html, Main, NextScript } from 'next/document' const modeScript = ` - let darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)') - updateMode() - darkModeMediaQuery.addEventListener('change', updateModeWithoutTransitions) window.addEventListener('storage', updateModeWithoutTransitions) function updateMode() { - let isSystemDarkMode = darkModeMediaQuery.matches - let isDarkMode = window.localStorage.isDarkMode === 'true' || (!('isDarkMode' in window.localStorage) && isSystemDarkMode) + let isDarkMode = window.localStorage.isDarkMode === 'true' if (isDarkMode) { document.documentElement.classList.add('dark') } else { document.documentElement.classList.remove('dark') } - - if (isDarkMode === isSystemDarkMode) { - delete window.localStorage.isDarkMode - } } function disableTransitionsTemporarily() { diff --git a/examples/alan-turing-portal/pages/index.jsx b/examples/alan-turing-portal/pages/index.jsx index 3ee70c68..3683a58a 100644 --- a/examples/alan-turing-portal/pages/index.jsx +++ b/examples/alan-turing-portal/pages/index.jsx @@ -13,7 +13,9 @@ import { MDXRemote } from 'next-mdx-remote' function DatasetCard({ dataset }) { return ( - {dataset.title} + + {dataset.title} + Link to publication: {' '} - {list.title} + + {list.title} + {list.description && ( List Description: {' '} @@ -139,17 +143,23 @@ export default function Home({

    {indexText.frontmatter.title}

    -
    +

    - +
    -

    +

    Datasets

    -
    reset())} className="rounded-2xl border border-zinc-100 px-4 py-6 dark:border-zinc-700/40 sm:p-6"> + reset())} + className="rounded-2xl border border-zinc-100 px-4 py-6 dark:border-zinc-700/40 sm:p-6" + >

    Search for datasets

    @@ -198,7 +208,12 @@ export default function Home({ ))} - +
    @@ -225,7 +240,7 @@ export default function Home({
    -

    +

    Lists of Abusive Keywords

    diff --git a/examples/alan-turing-portal/tailwind.config.js b/examples/alan-turing-portal/tailwind.config.js index 1717462b..a459329d 100644 --- a/examples/alan-turing-portal/tailwind.config.js +++ b/examples/alan-turing-portal/tailwind.config.js @@ -2,6 +2,7 @@ module.exports = { content: [ "./app/**/*.{js,ts,jsx,tsx,mdx}", + "./content/**/*.{js,ts,jsx,tsx,mdx}", "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", ],