nextjs-page-transitions/components/AppFooter.js at master · xavxyz/nextjs-page-transitions · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import * as React from 'react';
import styled from 'styled-components';

export default () => (
  <Footer>
    <div>
      Original project by{' '}
      <Anchor href="https://twitter.com/sarah_edo" target="_blank">
        sarah_edo
      </Anchor>
      , built with{' '}
      <Anchor
        href="https://github.com/sdras/page-transitions-travelapp"
        target="_blank"
      >
        Vue & Nuxt (code)
      </Anchor>
    </div>
    <div>
      You are viewing a fork adapted by{' '}
      <Anchor href="https://twitter.com/xavczen" target="_blank">
        xavczen
      </Anchor>
      , built with{' '}
      <Anchor
        href="https://github.com/xavczen/nextjs-page-transitions"
        target="_blank"
      >
        React & Next (code)
      </Anchor>
      .
    </div>
  </Footer>
);

const Footer = styled.footer`
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background: black;
  color: white;
  text-align: center;
  letter-spacing: 0.03em;
  margin-top: 30px;
  width: 100%;
`;

const Anchor = styled.a`
  &,
  &:visited,
  &:active {
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding-left: 6px;
  }
`;