1 files changed, 86 insertions, 0 deletions
diff --git a/src/About.tsx b/src/About.tsx
new file mode 100644
index 0000000..9aae40c
--- /dev/null
+++ b/src/About.tsx
@@ -0,0 +1,86 @@
+import React from 'react';
+import { Theme, withStyles, StyleRules } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import Link from '@material-ui/core/Link';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+
+const styles = (theme: Theme): StyleRules => ({
+    infoField: {
+        fontWeight: theme.typography.fontWeightMedium,
+        paddingRight: 14,
+    },
+    body: {
+        margin: '0 auto',
+        width: 800,
+        fontSize: 16
+    },
+    pre: {
+        fontFamily: "Monospace"
+    }
+});
+
+type AboutProps = {
+    classes: {
+        infoField: string,
+        body: string,
+        pre: string
+    }
+};
+
+function About(props: AboutProps) {
+    const { classes } = props;
+    return (
+        <div className={classes.body}>
+        <article>
+        The MIT License (MIT)
+        <p>Copyright 2019 Maofan "Ted" Yin</p>
+        
+        <p>Permission is hereby granted, free of charge, to any person obtaining a copy
+        of this software and associated documentation files (the "Software"), to deal
+        in the Software without restriction, including without limitation the rights
+        to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+        copies of the Software, and to permit persons to whom the Software is
+        furnished to do so, subject to the following conditions:</p>
+        
+        <p>The above copyright notice and this permission notice shall be included in
+        all copies or substantial portions of the Software.</p>
+        
+        <p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+        IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+        FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+        AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+        LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+        OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+        THE SOFTWARE.</p>
+        </article>
+        <List disablePadding>
+            <ListItem>
+            <span className={classes.infoField}>Email:</span>
+            73d at tedyin dot com
+            </ListItem>
+            <ListItem>
+            <span className={classes.infoField}>GitHub:</span>
+            <Link href="https://github.com/Determinant/chromicle" target="_blank" rel="noopener">
+                Determinant/chromicle
+            </Link>
+            </ListItem>
+            <ListItem>
+                <span className={classes.infoField}>About Me:</span>
+                <Link href="https://www.cs.cornell.edu/~tedyin/" target="_blank" rel="noopener">
+                    https://www.cs.cornell.edu/~tedyin/
+                </Link>
+            </ListItem>
+            <ListItem>
+                <span className={classes.infoField}>Buy me a cup of coffee:</span>
+                <List className={classes.pre} disablePadding>
+                <ListItem>Ether: 0xFEeed0f0BA87824819aabfa789f41FA2dd9ad81e</ListItem>
+                <ListItem>Bitcoin: 1CbVBB6Gv7WP4u39wsN416SJrjmvQDjggw</ListItem>
+                </List>
+            </ListItem>
+        </List>
+        </div>
+    );
+}
+
+export default withStyles(styles)(About);