35 |
36 |
37 | {children}
38 |
39 |
40 |
41 | );
42 | },
43 | );
44 |
45 | Button.displayName = "Button";
46 |
47 | export { Button };
48 |
--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | import { withContentlayer } from "next-contentlayer";
3 |
4 | const config = withContentlayer({
5 | pageExtensions: ["js", "jsx", "mdx", "tsx", "ts"],
6 | async redirects() {
7 | return [
8 | {
9 | source: "/asd",
10 | destination: "/autism",
11 | permanent: false,
12 | },
13 | {
14 | source: "/aspergers",
15 | destination: "/autism",
16 | permanent: false,
17 | },
18 | {
19 | source: "/bp",
20 | destination: "/bipolar",
21 | permanent: false,
22 | },
23 | {
24 | source: "/mpd",
25 | destination: "/did",
26 | permanent: false,
27 | },
28 | {
29 | source: "/anxietydisorder",
30 | destination: "/anxiety",
31 | permanent: false,
32 | },
33 | {
34 | source: "/sleeplessness",
35 | destination: "/insomnia",
36 | permanent: false,
37 | },
38 | ];
39 | },
40 | async rewrites() {
41 | return [
42 | {
43 | source: "/js/script.outbound-links.js",
44 | destination: "https://plausible.io/js/script.outbound-links.js",
45 | },
46 | {
47 | source: "/api/event",
48 | destination: "https://plausible.io/api/event",
49 | },
50 | ];
51 | },
52 | });
53 |
54 | export default config;
55 |
--------------------------------------------------------------------------------
/public/backgrounds/discord.svg:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | mode: "jit",
3 | content: [
4 | "./pages/**/*.{js,ts,jsx,tsx}",
5 | "./components/**/*.{js,ts,jsx,tsx}",
6 | "./app/**/*.{js,ts,jsx,tsx}",
7 | ],
8 | darkMode: "media",
9 | theme: {
10 | backgroundImage: {
11 | join: "url('/backgrounds/join.svg')",
12 | "join-mobile": "url('/backgrounds/join-mobile.svg')",
13 | "top-bar": "url('/backgrounds/top-border.svg')",
14 | discord: "url('/backgrounds/discord.svg')",
15 | },
16 | extend: {
17 | colors: {
18 | "primary-light": "#860091",
19 | "primary-dark": "#9a00a8",
20 | "secondary-light": "#FFEEE5",
21 | "secondary-dark": "#1a1817",
22 | "button-primary-light": "#860091",
23 | "button-primary-dark": "#9a00a8",
24 | "button-secondary-light": "#e9d0c3",
25 | "button-secondary-dark": "#e9d0c3",
26 | "highlight-light": "rgba(194, 65, 25, 0.2)",
27 | "highlight-dark": "rgba(194, 65, 25, 0.2)",
28 | "card-light": "white",
29 | "card-dark": "#2b2927",
30 | "divider-light": "black",
31 | "divider-dark": "#5d5d5d",
32 | "background-light": "#FFEEE5",
33 | "background-dark": "#181411",
34 | "text-light": "black",
35 | "text-dark": "white",
36 | "text-body-light": "#191919",
37 | "text-body-dark": "#c1c1c1",
38 | },
39 | },
40 | },
41 | plugins: [],
42 | };
43 |
--------------------------------------------------------------------------------
/app/[slug]/components/WrongRight.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 |
3 | import { Typography } from "../../components/Typography";
4 | import check from "./icons/check.svg";
5 | import cross from "./icons/cross.svg";
6 |
7 | interface WrongRightProps {
8 | title: string;
9 | wrong: React.ReactNode;
10 | right: React.ReactNode;
11 | }
12 |
13 | export function WrongRight({ title, wrong, right }: WrongRightProps) {
14 | return (
15 |
17 |
18 | {title} is not:
19 |
20 | {wrong}
21 |
22 |
23 |
24 |
25 | {title} is:
26 |
27 | {right}
28 |
29 |
42 | {children}
49 |
50 | );
51 | }
52 |
--------------------------------------------------------------------------------
/app/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import { allPages } from "contentlayer/generated";
2 | import { Metadata } from "next";
3 | import { notFound } from "next/navigation";
4 |
5 | import { MDX } from "./components/Mdx";
6 |
7 | export async function generateMetadata(props: {
8 | params: Promise<{ slug: string }>;
9 | }): Promise
19 | 
24 | 
30 |
34 | ),
35 | {
36 | width: 1200,
37 | height: 630,
38 | fonts: [
39 | {
40 | name: "Inter",
41 | data: interMediumFontData,
42 | style: "normal",
43 | weight: 500,
44 | },
45 | ],
46 | },
47 | );
48 | } catch {
49 | return new Response(`Failed to generate the image`, {
50 | status: 500,
51 | });
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "neurodiversity",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev --webpack",
7 | "build": "next build --webpack",
8 | "postbuild": "next-sitemap",
9 | "start": "next start",
10 | "lint": "next lint"
11 | },
12 | "browser": {
13 | "fs": false,
14 | "os": false,
15 | "path": false
16 | },
17 | "dependencies": {
18 | "@vercel/og": "0.8.6",
19 | "contentlayer": "0.3.4",
20 | "markdown-wasm": "1.2.0",
21 | "next": "16.1.0",
22 | "next-contentlayer": "0.3.4",
23 | "next-mdx-remote": "5.0.0",
24 | "next-sitemap": "4.2.3",
25 | "react": "19.2.3",
26 | "react-dom": "19.2.3",
27 | "react-spring": "npm:@react-spring/web@10.0.3",
28 | "react-use-keypress": "1.4.0"
29 | },
30 | "devDependencies": {
31 | "@eslint/eslintrc": "3.3.3",
32 | "@tailwindcss/postcss": "4.1.18",
33 | "@trivago/prettier-plugin-sort-imports": "6.0.0",
34 | "@types/marked": "6.0.0",
35 | "@types/react": "19.2.7",
36 | "eslint": "9.39.2",
37 | "eslint-config-next": "16.1.0",
38 | "eslint-config-prettier": "10.1.8",
39 | "eslint-plugin-import": "2.32.0",
40 | "eslint-plugin-mdx": "3.6.2",
41 | "eslint-plugin-prettier": "5.5.4",
42 | "fs": "0.0.1-security",
43 | "fs-extra": "11.3.3",
44 | "git-repo-info": "2.1.1",
45 | "gray-matter": "4.0.3",
46 | "luxon": "3.7.2",
47 | "marked": "17.0.1",
48 | "postcss": "8.5.6",
49 | "prettier": "3.7.4",
50 | "tailwindcss": "4.1.18",
51 | "typescript": "5.9.3"
52 | },
53 | "resolutions": {
54 | "@types/react": "19.2.7"
55 | },
56 | "packageManager": "yarn@4.12.0"
57 | }
58 |
--------------------------------------------------------------------------------
/app/calendar/icons/new.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/app/components/IconButton.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 | import { ElementType, forwardRef } from "react";
3 | import type { JSX } from "react";
4 |
5 | import { Bounce } from "./Bounce";
6 |
7 | interface IconButtonProps {
8 | as?: ElementType;
9 | className?: string;
10 | variant?: "primary" | "secondary";
11 | src: string;
12 | alt: string;
13 | badge: boolean;
14 | [x: string]: unknown;
15 | }
16 |
17 | const IconButton = forwardRef
24 |
30 | 31 | {description} 32 |
33 |
40 |
41 |
42 |
51 |
52 |
53 | );
54 | },
55 | );
56 |
57 | IconButton.displayName = "IconButton";
58 |
59 | export { IconButton };
60 |
--------------------------------------------------------------------------------
/app/api/og/start/route.tsx:
--------------------------------------------------------------------------------
1 | import { ImageResponse } from "@vercel/og";
2 |
3 | export const runtime = "edge";
4 |
5 | export async function GET() {
6 | try {
7 | const interMediumFont = fetch(
8 | new URL("../../../../assets/Inter-Medium.ttf", import.meta.url),
9 | ).then((res) => res.arrayBuffer());
10 |
11 | const description =
12 | "Learn about Autism, OCD, Bipolar, ADHD, Dyslexia and more on this crowdsourced guide.";
13 |
14 | const interMediumFontData = await interMediumFont;
15 |
16 | return new ImageResponse(
17 | (
18 |
19 |
38 | ),
39 | {
40 | width: 1200,
41 | height: 630,
42 | fonts: [
43 | {
44 | name: "Inter",
45 | data: interMediumFontData,
46 | style: "normal",
47 | weight: 500,
48 | },
49 | ],
50 | },
51 | );
52 | } catch {
53 | return new Response(`Failed to generate the image`, {
54 | status: 500,
55 | });
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/app/components/Typography.tsx:
--------------------------------------------------------------------------------
1 | import { ElementType } from "react";
2 | import type { JSX } from "react";
3 |
4 | interface BaseProps {
5 | children: React.ReactNode;
6 | className?: string;
7 | as?: ElementType;
8 | }
9 |
10 | function Base({ children, className, as, ...props }: BaseProps) {
11 | const Tag = as as keyof JSX.IntrinsicElements;
12 |
13 | return (
14 |
20 |
25 |
27 |
28 |
25 | {description}
26 |
29 | 
36 |
37 |
36 | {
26 | if (link.current && link.current !== e.target) {
27 | link.current.click();
28 | }
29 | }}
30 | className={`
31 | h-full w-full flex flex-row items-start space-x-2 rounded-xl p-4 bg-white dark:bg-card-dark ring-primary transition
32 | shadow
33 | hover:shadow-md
34 | outline-hidden focus-visible:ring-3 cursor-pointer`}
35 | >
36 |
58 |
50 |
51 |
52 | {title}
53 |
54 |
55 | {description}
56 |
57 |
52 |
63 |
64 |
65 | );
66 | }
67 |
--------------------------------------------------------------------------------
/app/api/og/default/route.tsx:
--------------------------------------------------------------------------------
1 | import { ImageResponse } from "@vercel/og";
2 | import { NextRequest } from "next/server";
3 |
4 | export const runtime = "edge";
5 |
6 | export async function GET(req: NextRequest) {
7 | try {
8 | const interMediumFont = fetch(
9 | new URL("../../../../assets/Inter-Medium.ttf", import.meta.url),
10 | ).then((res) => res.arrayBuffer());
11 |
12 | const interExtraBoldFont = fetch(
13 | new URL("../../../../assets/Inter-ExtraBold.ttf", import.meta.url),
14 | ).then((res) => res.arrayBuffer());
15 |
16 | const { searchParams } = new URL(req.url);
17 |
18 | const title = searchParams.has("title")
19 | ? searchParams.get("title")?.slice(0, 100)
20 | : "Neurodiversity Wiki";
21 |
22 | const description = searchParams.has("description")
23 | ? searchParams.get("description")?.slice(0, 100)
24 | : "Learn about conditions like OCD, Autism, Bipolar, Anxiety, Dyslexia and more";
25 |
26 | const interMediumFontData = await interMediumFont;
27 | const interExtraBoldFontData = await interExtraBoldFont;
28 |
29 | return new ImageResponse(
30 | (
31 |
53 |
61 |
62 |
56 |
57 |
59 |
60 | {children}
58 |
32 |
37 |
52 | ),
53 | {
54 | width: 1200,
55 | height: 630,
56 | fonts: [
57 | {
58 | name: "Inter",
59 | data: interMediumFontData,
60 | style: "normal",
61 | weight: 500,
62 | },
63 | {
64 | name: "Inter",
65 | data: interExtraBoldFontData,
66 | style: "normal",
67 | weight: 800,
68 | },
69 | ],
70 | },
71 | );
72 | } catch {
73 | return new Response(`Failed to generate the image`, {
74 | status: 500,
75 | });
76 | }
77 | }
78 |
--------------------------------------------------------------------------------
/app/[slug]/components/DefinitionItem.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useState, useRef } from "react";
4 | import { useSpring, animated } from "react-spring";
5 |
6 | import { useHeight } from "../useHeight";
7 |
8 | interface DefinitionItem {
9 | summary: string;
10 | children: React.ReactNode;
11 | }
12 |
13 | export function DefinitionItem({ summary, children }: DefinitionItem) {
14 | const [isOpen, setIsOpen] = useState(false);
15 |
16 | const toggle = () => {
17 | setIsOpen((prev) => !prev);
18 | };
19 |
20 | return (
21 |
37 |
38 |
51 | 30 41 | ? "text-[100px] font-extrabold leading-[6rem]" 42 | : "text-[80px] font-extrabold leading-[5.2rem]" 43 | } 44 | > 45 | {title} 46 |
47 |48 | {description} 49 |
50 |
22 |
23 |
31 |
32 |
33 | {children}
34 |
35 |
36 | );
37 | }
38 |
39 | function Icon({ isOpen: isOpen }: { isOpen: boolean }) {
40 | const styles = useSpring({
41 | config: { mass: 1, tension: 180, friction: 12 },
42 | transform: isOpen ? "rotate(45deg)" : "rotate(0deg)",
43 | });
44 |
45 | return (
46 | <>
47 |
92 | {children}
93 |
94 |
64 | {/* {event.frontMatter.name} */}
65 |
66 |
67 | {event.name}
68 |
69 |
70 |
76 |
77 |
71 | {event.length == "week" && Week starting {day} }
72 | {event.length == "day" && {day} }
73 | {event.length == "month" && Whole month }
74 |
75 | {description()}
78 |
60 |
93 |
94 | );
95 | }
96 |
--------------------------------------------------------------------------------
/app/components/DonateDropdown.tsx:
--------------------------------------------------------------------------------
1 | import { useOnClickOutside } from "app/useOnClickOutside";
2 | import { useRef, useState } from "react";
3 | import { useSpring, animated } from "react-spring";
4 | import useKeypress from "react-use-keypress";
5 |
6 | import { Button } from "./Button";
7 |
8 | export function DonateDropdown() {
9 | const ref = useRef
61 |
76 |
77 |
92 |
28 |
39 |
47 |
59 |
60 | );
61 | }
62 |
63 | interface IconProps {
64 | href: string;
65 | isOpen: boolean;
66 | children: React.ReactNode;
67 | }
68 |
69 | function Item({ href, isOpen, children }: IconProps) {
70 | return (
71 | -
48 |
- 52 | GitHub 53 | 54 |
- 55 | Buy Me a Coffee 56 | 57 |
44 |
50 | 55 | Neurological Awareness Calendar 56 |
-
66 | {Object.entries(sectionedEvents)
67 | // @ts-expect-error TODO
68 | .sort((a: unknown, b: unknown) => a[0] - b[0])
69 | .map(([month, events]) => {
70 | return
-
88 | {events.map((event) => {
89 | return
57 |
63 | Our Discord server is the place where we organize and collaborate.
64 | Discord is free to use for anyone, and provides an easy to use app
65 | for computers and phones.
66 |
67 |
76 |
77 |
78 |
28 |
29 | Want to help out?
30 |
31 |
35 | We're a community looking for awesome people to join us.
36 | Neurodiverse people, writers, developers, designers and more are all
37 | welcome.
38 |
39 |
54 |
40 |
49 |
52 |
53 | 95 | 96 |
98 |
137 |
138 | {/* 99 | Made by{" "} 100 | 106 | Alvar Lagerlöf 107 | {" "} 108 | and contributors 109 |
110 | 111 |-
112 |
-
139 |
- 140 | 141 | Terms & Conditions 142 | 143 | 144 | 145 | • 146 | 147 |
- 148 | 149 | Privacy Policy 150 | 151 | 152 |
93 | {event.organization && event.organization.logo && (
94 |
133 |
104 | {event.organization ? (
105 | <>
106 | {event.organization.name}
107 |
108 | {event.name} was started by {event.organization.name}.
109 |
110 |
118 |
119 | ) : (
120 | <>
121 |
122 | Organization behind the event
123 |
124 |
125 | There's currently no information about the organization behind
126 | this event. If you're interested in contributing, please check
127 | out the banner below.
128 |
129 |
130 | )}
131 |
132 | I'm so OCD129 |
That is triggering my OCD130 |
My OCD can't handle this131 |
_ is giving me an OCD attack132 |
I'm so OCD about that133 |