import { Box, Button, Card, Container, Flex, Grid, Heading, Image, Input, Link as A, Text } from 'theme-ui' import theme from '@hackclub/theme' import Meta from '@hackclub/meta' import Icon from '@hackclub/icons' import Head from 'next/head' import ForceTheme from '../components/force-theme' import Nav from '../components/nav' import Footer from '../components/footer' import { startCase } from 'lodash' export const Logo = ({ name }) => ( {startCase(name)} {startCase(name) .replace('Flag Orpheus', 'Orpheus Flag –') .replace('Bw', ' (B/W)')} ) const HTML = ({ file, html }) => ( {startCase(file)} {html} ) const ColorSwatch = ({ bg }) => ( {bg} {theme.colors[bg]} ) const Page = ({ css }) => ( <>