cuttingedge/apps/website/src/pages/OSS/index.tsx at f3b314157e764c457fc0219ca8a207c242405e2f · dagda1/cuttingedge · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import { Box, Heading, Inline, PageBlock, Stack, Text, TextLink, Tiles } from '@cutting/component-library';

import github from '~/assets/images/github-medium.png';
import { ApplicationLayout } from '~/layouts/ApplicationLayout';

import * as styles from './OSS.css';
import { repos } from './repos';

export function OSS(): JSX.Element {
  return (
    <ApplicationLayout heading="Open Source Contributions">
      <PageBlock>
        <Stack space="large">
          <Heading level="2">Merged pull requests to public repositories</Heading>
          <Stack space="small">
            <TextLink
              external
              href="https://github.com/backstage/backstage/pulls?q=is%3Apr+is%3Amerged+author%3Adagda1"
            >
              <Text>Very active in Backstage</Text>
            </TextLink>
            <TextLink href="https://github.com/thefrontside/effection/pulls?q=is%3Apr+author%3Adagda1">
              <Text>Active in Effection</Text>
            </TextLink>
            <TextLink
              external
              href="https://github.com/thefrontside/simulacrum/pulls?q=is%3Amerged+is%3Apr+author%3Adagda1"
            >
              <Text>Very active in Simulacrum</Text>
            </TextLink>
            <TextLink
              external
              href="https://github.com/jaredpalmer/after.js/pulls?q=is%3Apr+author%3Adagda1+is%3Aclosed"
            >
              <Text>Numerous commits to afterjs</Text>
            </TextLink>
            <TextLink external href="https://github.com/hshoff/vx/pull/355">
              <Text>vx polygon component</Text>
            </TextLink>
            <TextLink external href="https://github.com/emberjs/ember.js/pull/2938">
              <Text>Emberjs - keyhandler test helper</Text>
            </TextLink>
            <TextLink external href="https://github.com/bvaughn/react-window/pull/1">
              <Text>react-window</Text>
            </TextLink>
            <TextLink external href="https://github.com/airbnb/enzyme/pull/1408">
              <Text>enzyme</Text>
            </TextLink>
            <TextLink external href="https://github.com/pulls?q=is%3Apr+author%3Adagda1+is%3Apublic+is%3Amerged">
              <Text>And many, many, many others....</Text>
            </TextLink>
          </Stack>
          <Heading level="2">My Work</Heading>
          <Tiles space="small" columns={{ mobile: 1, tablet: 2, wide: 4 }}>
            {repos.map((repo, i) => (
              <Box width="full" className={styles.repo} key={i}>
                <TextLink external href={repo.link}>
                  <Stack space="medium">
                    <div className={styles.icon}>
                      <img src={github} alt="github" />
                    </div>
                    <Heading level="2">{repo.name}</Heading>
                    <Text>{repo.description}</Text>
                  </Stack>
                </TextLink>
              </Box>
            ))}
          </Tiles>
          <Inline space="small">
            <Heading level="2">For a full list of github repos</Heading>
            <TextLink external href="https://github.com/dagda1">
              <Text size="large">click here</Text>
            </TextLink>
          </Inline>
        </Stack>
      </PageBlock>
    </ApplicationLayout>
  );
}

export default OSS;