diff --git a/web/components/Doggy.tsx b/web/components/Doggy.tsx new file mode 100644 index 0000000000..d1dc13b6e1 --- /dev/null +++ b/web/components/Doggy.tsx @@ -0,0 +1,87 @@ +import * as React from 'react' + +const Doggy: React.FunctionComponent = () => { + return ( + // from https://undraw.co/ + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} + +export default Doggy diff --git a/web/package-lock.json b/web/package-lock.json index caac184ae9..59ff48cfce 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -9,7 +9,7 @@ "dependencies": { "@fontsource/fira-code": "^4.5.11", "@fontsource/inter": "^4.5.12", - "@fontsource/source-serif-pro": "^4.5.9", + "@fontsource/newsreader": "^4.5.8", "@headlessui/react": "^1.7.3", "@mapbox/rehype-prism": "^0.8.0", "@netlify/plugin-nextjs": "^4.24.0", @@ -277,10 +277,10 @@ "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-4.5.13.tgz", "integrity": "sha512-nABtF6jNZZHrotLRiGBByhG7NKJGJHgMbX5W8v6C/7nSdyiWtMRfZX7AMIECDLYGUOEArZDeVO/SbkgwKLrLJw==" }, - "node_modules/@fontsource/source-serif-pro": { - "version": "4.5.9", - "resolved": "https://registry.npmjs.org/@fontsource/source-serif-pro/-/source-serif-pro-4.5.9.tgz", - "integrity": "sha512-VgDvUvd3An3v9HtKgYk9TJuhB/4ZXw4huv/uqTXO4gES7CUbqGcf6tSb69TwG6o5AZzEVt6jnN7FN18OaO5J9A==" + "node_modules/@fontsource/newsreader": { + "version": "4.5.8", + "resolved": "https://registry.npmjs.org/@fontsource/newsreader/-/newsreader-4.5.8.tgz", + "integrity": "sha512-GJcnMItJvZn+zeXmxgUrFqU6VvKMRGmFSRwEI3Z81ue6S4dWAmGNSIaX3I3oB6XAKAxOHK4GqMMyUbwzRtNvDQ==" }, "node_modules/@headlessui/react": { "version": "1.7.3", @@ -15370,10 +15370,10 @@ "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-4.5.13.tgz", "integrity": "sha512-nABtF6jNZZHrotLRiGBByhG7NKJGJHgMbX5W8v6C/7nSdyiWtMRfZX7AMIECDLYGUOEArZDeVO/SbkgwKLrLJw==" }, - "@fontsource/source-serif-pro": { - "version": "4.5.9", - "resolved": "https://registry.npmjs.org/@fontsource/source-serif-pro/-/source-serif-pro-4.5.9.tgz", - "integrity": "sha512-VgDvUvd3An3v9HtKgYk9TJuhB/4ZXw4huv/uqTXO4gES7CUbqGcf6tSb69TwG6o5AZzEVt6jnN7FN18OaO5J9A==" + "@fontsource/newsreader": { + "version": "4.5.8", + "resolved": "https://registry.npmjs.org/@fontsource/newsreader/-/newsreader-4.5.8.tgz", + "integrity": "sha512-GJcnMItJvZn+zeXmxgUrFqU6VvKMRGmFSRwEI3Z81ue6S4dWAmGNSIaX3I3oB6XAKAxOHK4GqMMyUbwzRtNvDQ==" }, "@headlessui/react": { "version": "1.7.3", diff --git a/web/package.json b/web/package.json index 60258c22d6..260dfa7927 100644 --- a/web/package.json +++ b/web/package.json @@ -21,7 +21,7 @@ "dependencies": { "@fontsource/fira-code": "^4.5.11", "@fontsource/inter": "^4.5.12", - "@fontsource/source-serif-pro": "^4.5.9", + "@fontsource/newsreader": "^4.5.8", "@headlessui/react": "^1.7.3", "@mapbox/rehype-prism": "^0.8.0", "@netlify/plugin-nextjs": "^4.24.0", diff --git a/web/pages/404.tsx b/web/pages/404.tsx new file mode 100644 index 0000000000..a7d3edd1fa --- /dev/null +++ b/web/pages/404.tsx @@ -0,0 +1,31 @@ +import { Document } from '../utils/mdx-utils' +import Layout from '../components/Layout' +import SEO from '../components/SEO' +import { getSearchIndex, SearchIndex } from '../utils/search' +import Doggy from '../components/Doggy' + +interface IndexProps { + documents: Document[] + searchIndex: SearchIndex +} + +export default function FourOhFour({ searchIndex }: IndexProps) { + return ( + + +
+
+

404: Not found 😢

+ +

Here’s a doggy 😀

+
+
+ + ) +} + +export function getStaticProps() { + const searchIndex = getSearchIndex() + + return { props: { searchIndex } } +} diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx index 672eadf1c0..55a3eeed8f 100644 --- a/web/pages/_app.tsx +++ b/web/pages/_app.tsx @@ -1,16 +1,12 @@ -import '@fontsource/fira-code/400.css' -import '@fontsource/inter/400.css' -import '@fontsource/source-serif-pro/400.css' +import '@fontsource/fira-code/variable.css' +import '@fontsource/inter/variable.css' +import '@fontsource/newsreader/variable.css' import 'prismjs/themes/prism-tomorrow.css' import '../styles/globals.css' import { AppProps } from 'next/app' function App({ Component, pageProps }: AppProps) { - return ( - <> - - - ) + return } export default App diff --git a/web/utils/tailwind-preset.js b/web/utils/tailwind-preset.js index feeb4e8514..1f2f349a06 100644 --- a/web/utils/tailwind-preset.js +++ b/web/utils/tailwind-preset.js @@ -13,7 +13,7 @@ module.exports = { theme: { fontFamily: { sans: [ - 'Inter', + 'InterVariable', 'ui-sans-serif', 'system-ui', '-apple-system', @@ -30,7 +30,7 @@ module.exports = { 'Noto Color Emoji', ], serif: [ - 'Source Serif Pro', + 'NewsreaderVariable', 'ui-serif', 'Georgia', 'Cambria', @@ -39,7 +39,7 @@ module.exports = { 'serif', ], mono: [ - 'Fira Code', + 'Fira CodeVariable', 'ui-monospace', 'SFMono-Regular', 'Menlo',