From 33f081e8042b6eb2559ae1156ca88b8228f444a2 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Fri, 23 Dec 2016 22:49:15 -0700
Subject: [PATCH] Add branding now that I have a name and fix styles

---
 assets/css/style.css | 12 +++++++++++-
 index.html           |  3 ++-
 src/ui/Home.js       | 16 ++++++++--------
 src/ui/Site.js       |  7 +++++--
 4 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 736091d..a281835 100644
--- a/assets/css/style.css
+++ b/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;
+}
diff --git a/index.html b/index.html
index 9e52846..4add6b8 100644
--- a/index.html
+++ b/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" />
diff --git a/src/ui/Home.js b/src/ui/Home.js
index acaa942..e96d3cc 100644
--- a/src/ui/Home.js
+++ b/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">
-						<p><code>$ make all; notify Code is done compiling!</code></p>
+					<div className="six columns">
+						<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>
diff --git a/src/ui/Site.js b/src/ui/Site.js
index 42c0bb1..880e34a 100644
--- a/src/ui/Site.js
+++ b/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}