diff --git a/components/layout/FooterContent.tsx b/components/layout/FooterContent.tsx index 6752e5585..7694dcb7a 100644 --- a/components/layout/FooterContent.tsx +++ b/components/layout/FooterContent.tsx @@ -1,9 +1,9 @@ import { Box, Flex } from "@chakra-ui/react"; -import { Trans } from "@lingui/macro"; import { DiscordIcon } from "lib/assets/icons"; import { useMyTheme } from "lib/useMyTheme"; import Link from "next/link"; import { FaGithub } from "react-icons/fa"; +import { FiInfo } from "react-icons/fi"; const FooterContent: React.FC = () => { const { themeColorHex: themeColor } = useMyTheme(); @@ -19,21 +19,12 @@ const FooterContent: React.FC = () => { bg={themeColor} color="black" > - - - - - About - - - - + + - External links + - - diff --git a/components/layout/IconNavBar.tsx b/components/layout/IconNavBar.tsx index 9ee8b0aec..87e0e5e7a 100644 --- a/components/layout/IconNavBar.tsx +++ b/components/layout/IconNavBar.tsx @@ -71,6 +71,7 @@ export const navIcons: { { code: "plus/faq", displayName: t`FAQ` }, ], }, + { code: "links", displayName: t`External links`, menuItems: [] }, ]; const IconNavBar = () => { diff --git a/pages/index.tsx b/pages/index.tsx index 3faa3416f..5a62394fa 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -71,6 +71,12 @@ const Home = () => { and FAQ. + + + There are a lot of useful Splatoon resouces. This page collects them + together. + + diff --git a/public/layout/links.png b/public/layout/links.png new file mode 100644 index 000000000..165d9e68f Binary files /dev/null and b/public/layout/links.png differ