Add branding now that I have a name and fix styles

assets/css/style.css

@@ -6,10 +6,16 @@ body {
 	background: #84DCCF;
 	text-align: center;
 	box-shadow: 0 0 7px #555;
+	margin-bottom: 2.0rem;
 }
 
 .title {
-	padding-top: 2.5rem;
+	padding-top: 1rem;
+	font-size: 5rem;
+}
+.title a {
+	color: black;
+	text-decoration: none;
 }
 
 .tagline {
@@ -25,3 +31,7 @@ body {
 	color: #cc0000;
 	font-size: 2rem;
 }
+
+code {
+	white-space: normal;
+}

index.html

@@ -3,7 +3,7 @@
 	<meta charset="UTF-8">
 	<meta name="fragment" content="!">
 
-	<title>Notify</title>
+	<title>Notica - Notifications from Your Terminal</title>
 
 	<![if lt IE 10]>
 		<script src="/assets/js/es5-shim.min.js"></script>
@@ -20,6 +20,7 @@
 
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" integrity="sha256-2YQRJMXD7pIAPHiXr0s+vlRWA7GYJEK0ARns7k2sbHY=" crossorigin="anonymous" />
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" integrity="sha256-t2/7smZfgrST4FS1DT0bs/KotCM74XlcqZN5Vu7xlrw=" crossorigin="anonymous" />
 	<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 
 	<link rel="stylesheet" href="/assets/css/style.css" type="text/css" media="all" />

src/ui/Home.js

@@ -12,15 +12,15 @@ export default class Home extends React.Component {
 					<div className="twelve columns">
 						<h4>Usage</h4>
 						<p>
-							Notify is a Bash function / alias that will send a notification to a tab in your browser when it's ran:
+							Notica is a Bash function / alias that will send a notification to a tab in your browser when it's ran:
 						</p>
 					</div>
 				</div>
 				<div className="row">
-					<div className="five columns">
+					<div className="six columns">
-						<p><code>$ make all; notify Code is done compiling!</code></p>
+						<p><code>$ make all; notica Code is done compiling!</code></p>
 						<p>
-							This will wait until the first command completes before running Notify. That way you can go do other things while your long task runs.
+							This will wait until the first command completes before running Notica. That way you can go do other things while your long task runs. Then you will recieve a notification.
 						</p>
 					</div>
 					<div className="six columns">
@@ -30,23 +30,23 @@ export default class Home extends React.Component {
 				<div className="row">
 					<div className="twelve columns">
 						<h4>Setup</h4>
-						<p>Curl is required to use Notify.</p>
+						<p>Curl is required to use Notica.</p>
 						<p>Add this line to your <code>.bashrc</code> file:</p>
 						<p>
 							<code>
-								notify() &#123; curl --data "$@" https://notify.com/{id} &#125;
+								notica() &#123; curl --data "$@" https://notica.us/{id} &#125;
 							</code>
 						</p>
 						<p>Source your <code>.bashrc</code> file to apply the changes:</p>
 						<p><code>$ source .bashrc</code></p>
 						<p>Now, open this link in a new tab:</p>
-						<p><a target="_blank" href={"https://notify.com/"+id}>https://notify.com/{id}</a></p>
+						<p><a target="_blank" href={"https://notica.us/"+id}>https://notica.us/{id}</a></p>
 						<p>All done! Bookmark that link so you can find it later since it's unique to you.</p>
 
 						<h4>One-Line Setup</h4>
 						<p>
 							<code>
-								$ echo 'notify() &#123; curl --data "$@" https://notify.com/{id} &#125;' >> ~/.bashrc && source ~/.bashrc
+								$ echo 'notica() &#123; curl --data "$@" https://notica.us/{id} &#125;' >> ~/.bashrc && source ~/.bashrc
 							</code>
 						</p>
 					</div>

src/ui/Site.js

@@ -4,6 +4,7 @@ import Home from './Home';
 import NotifPage from './NotifPage';
 import Error from './Error';
 import Shortid from 'shortid';
+import { Router, Route, Link } from 'react-router';
 
 export default class Site extends React.Component {
 	render(){
@@ -24,10 +25,12 @@ export default class Site extends React.Component {
 			<div>
 				<div className="hero">
 					<div className="title">
-						<h1>Notify</h1>
+						<Link to={'/'}>
+							Notica
+						</Link>
 					</div>
 					<div className="tagline">
-						Send a browser notification from your terminal. No installation.
+						Send a browser notification from your terminal. No installation. No registration.
 					</div>
 				</div>
 				{page}