<commit_before>import * as React from 'react'
import styled from '@emotion/styled'
import Image from 'next/image'

import { space, colors, mediaQueries, Stack, Box, Text } from '../chungking-core'
import Container from './Container'

import CCLogo from '~/assets/images/cc-by-nc-sa.svg'

const StyledFooter = styled('footer')`
  border-top: 1px solid ${colors.grey[900]};
  padding: ${space.lg}px;
`

const FooterContent = styled('div')`
  a {
    color: ${colors.turquoise[400]};
    text-decoration: underline;

    &:hover,
    &:focus {
      color: ${colors.turquoise[400]};
    }

    ${mediaQueries.md} {
      text-decoration: none;

      &:hover,
      &:focus {
        text-decoration: underline;
      }
    }
  }

  p,
  small {
    display: block;
    margin: 0;
  }
`

interface FooterProps {
  size?: 'md' | 'lg' | 'xl' | 'fluid'
}

const Footer: React.FC<FooterProps> = ({ size }) => {
  return (
    <StyledFooter>
      <Container size={size}>
        <FooterContent>
          <Stack spacing="xl">
            <Box>
              <Text as="p" display="block" variant={600}>
                <Text fontWeight={700}>@resir014</Text> <Text>{process.env.FLAVOUR_TEXT}</Text>
              </Text>
            </Box>
            <Box display="flex" flexDirection={['column', null, null, null, 'row']} alignItems={['flex-start', null, null, null, 'center']}>
              <a rel="license noopener noreferrer" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">
                <Image alt="Creative Commons License" src={CCLogo} width={89} height={31} unoptimized />
              </a>
              <Box mt={['md', null, null, null, 0]} ml={[0, null, null, null, 'md']}>
                <Text as="p" display="block" variant={200}>
                  Except where otherwise noted, contents are licensed under{' '}
                  <a rel="license noopener noreferrer" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">
                    CC-BY-NC-SA 4.0
                  </a>
                  .
                </Text>
                <Text as="p" display="block" variant={200}>
                  Powered by{' '}
                  <a href="https://nextjs.org/" target="_blank" rel="noopener noreferrer">
                    Next.js<commit_msg>remove next/image in footer<commit_after>import * as React from 'react'
import styled from '@emotion/styled'

import { space, colors, mediaQueries, Stack, Box, Text } from '../chungking-core'
import Container from './Container'

import CCLogo from '~/assets/images/cc-by-nc-sa.svg'

const StyledFooter = styled('footer')`
  border-top: 1px solid ${colors.grey[900]};
  padding: ${space.lg}px;
`

const FooterContent = styled('div')`
  a {
    color: ${colors.turquoise[400]};
    text-decoration: underline;

    &:hover,
    &:focus {
      color: ${colors.turquoise[400]};
    }

    ${mediaQueries.md} {
      text-decoration: none;

      &:hover,
      &:focus {
        text-decoration: underline;
      }
    }
  }

  p,
  small {
    display: block;
    margin: 0;
  }
`

interface FooterProps {
  size?: 'md' | 'lg' | 'xl' | 'fluid'
}

const Footer: React.FC<FooterProps> = ({ size }) => {
  return (
    <StyledFooter>
      <Container size={size}>
        <FooterContent>
          <Stack spacing="xl">
            <Box>
              <Text as="p" display="block" variant={600}>
                <Text fontWeight={700}>@resir014</Text> <Text>{process.env.FLAVOUR_TEXT}</Text>
              </Text>
            </Box>
            <Box display="flex" flexDirection={['column', null, null, null, 'row']} alignItems={['flex-start', null, null, null, 'center']}>
              <a rel="license noopener noreferrer" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">
                <img alt="Creative Commons License" src={CCLogo} width={89} height={31} />
              </a>
              <Box mt={['md', null, null, null, 0]} ml={[0, null, null, null, 'md']}>
                <Text as="p" display="block" variant={200}>
                  Except where otherwise noted, contents are licensed under{' '}
                  <a rel="license noopener noreferrer" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">
                    CC-BY-NC-SA 4.0
                  </a>
                  .
                </Text>
                <Text as="p" display="block" variant={200}>
                  Powered by{' '}
                  <a href="https://nextjs.org/" target="_blank" rel="noopener noreferrer">
                    Next.js
{'fraction_non_alphanumeric': 0.16510155055689016, 'fraction_numerical': 0.016597510373443983, 'mean_word_length': 2.1608005521049, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 53, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4093857', 'n_tokens_mistral': 1541, 'n_tokens_neox': 1433, 'n_words': 325}