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 @@ - Notify + Notica - Notifications from Your Terminal @@ -20,6 +20,7 @@ + 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 {

Usage

- 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:

-
-

$ make all; notify Code is done compiling!

+
+

$ make all; notica Code is done compiling!

- 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.

@@ -30,23 +30,23 @@ export default class Home extends React.Component {

Setup

-

Curl is required to use Notify.

+

Curl is required to use Notica.

Add this line to your .bashrc file:

- notify() { curl --data "$@" https://notify.com/{id} } + notica() { curl --data "$@" https://notica.us/{id} }

Source your .bashrc file to apply the changes:

$ source .bashrc

Now, open this link in a new tab:

-

https://notify.com/{id}

+

https://notica.us/{id}

All done! Bookmark that link so you can find it later since it's unique to you.

One-Line Setup

- $ echo 'notify() { curl --data "$@" https://notify.com/{id} }' >> ~/.bashrc && source ~/.bashrc + $ echo 'notica() { curl --data "$@" https://notica.us/{id} }' >> ~/.bashrc && source ~/.bashrc

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 {
-

Notify

+ + Notica +
- Send a browser notification from your terminal. No installation. + Send a browser notification from your terminal. No installation. No registration.
{page}