feat(website): init

2020-10-05 10:14:49 +02:00
parent f54b93b319
commit 277e032770
140 changed files with 30517 additions and 0 deletions
@@ -0,0 +1,48 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Flex } from 'reflexbox';
+
+import Icon from 'components/Icon';
+import Logo from 'components/Logo';
+
+const Wrapper = styled.footer`
+  flex-shrink: 0;
+  border-top: ${(p) =>
+    p.hasBorder ? `1px solid ${p.theme.colors.silverLighten30}` : 'nonde'};
+`;
+
+const Header = ({ hasBorder = false }) => {
+  return (
+    <Wrapper hasBorder={hasBorder}>
+      <Flex p={4}>
+        <Flex alignItems="center">
+          A project by
+          <a href="https://webkid.io" style={{ marginLeft: 8 }}>
+            <Logo />
+          </a>
+        </Flex>
+        <Flex ml="auto">
+          <Icon
+            as="a"
+            href="https://github.com/wbkd"
+            name="github_circle"
+            colorizeStroke
+            strokeColor="text"
+            style={{ marginRight: 8 }}
+            width="24px"
+          />
+          <Icon
+            as="a"
+            href="https://twitter.com/webk1d"
+            name="twitter_circle"
+            colorizeStroke
+            strokeColor="text"
+            width="24px"
+          />
+        </Flex>
+      </Flex>
+    </Wrapper>
+  );
+};
+
+export default Header;