First Commit

frontend/src/client/components/pure/About.js

@@ -0,0 +1,42 @@
+import React, { Component } from "react";
+import { Link } from 'react-router-dom'
+import { Container, Header, Divider, Icon, Menu } from "semantic-ui-react";
+
+class About extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+
+
+  render() {
+    return (
+      <div>
+      <Menu fixed="top">
+        <Link to="/"><Menu.Item link><Icon name='arrow left' /> Home</Menu.Item></Link>
+        <Link to="/systems"><Menu.Item link>Listen</Menu.Item></Link>
+      </Menu>
+      <Container text>
+                  <Divider horizontal style={{paddingTop:"4em", paddingBottom:"2em"}}><Header as="h1">About<Icon name='compass' /></Header></Divider>
+
+                  <p>I wrote <a href="https://github.com/robotastic/trunk-recorder">Trunk Recorder</a> because I was curious
+                    about what my local fire station was up to and I put together the original version of OpenMHz because I
+                    figured other people might want to listen to the recordings too.</p>
+                    <p>The latest version of this site makes it easy for other people running Trunk Recorder to share their recrodings.
+                      I am hoping that making it easier to listen to what our local fire, police and EMS have to go through everyday will
+                      lead to greater appreciation for all the work they do that goes largely unseen. I am personally amazed by the numebr
+                      of medical runs the DC's Fire and EMS department has to cover every day, and the shocking number of them that are ODs.</p>
+                  <p>I will do my best to keep adding new features to this site. One thing I want to add is visualizations to make it easier to find interesting calls.
+                    Let me know if you have any ideas.</p>
+                  <p>Right now, each system will only have a 5 day archive. This is to help make sure things don't get overloaded and make sure I don't get a crazy bill
+                    at the end of the month.</p>
+
+                  <p> - Luke  <a href="mailto:admin@email.com?Subject=OpenMHz" target="_top">admin@email.com</a>  </p>
+
+      </Container>
+      </div>
+    );
+  }
+}
+
+export default About;