tanner/Notica
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adjust styling and home info and add info to notification page

Browse Source
This commit is contained in:
Tanner Collin
2016-12-24 15:20:28 -07:00
parent 4efaf30165
commit fd95bd10b7
5 changed files with 88 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/Home.js
+16 -10
View File
@@ -1,6 +1,7 @@
'use strict';
import React from 'react';
import Shortid from 'shortid';
import { Router, Route, Link } from 'react-router';
export default class Home extends React.Component {
render(){
@@ -12,7 +13,7 @@ export default class Home extends React.Component {
<div className="twelve columns">
<h4>Usage</h4>
<p>
Notica 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 sends a notification to a tab in your browser when it's ran:
</p>
</div>
</div>
@@ -31,24 +32,29 @@ export default class Home extends React.Component {
<div className="twelve columns">
<h4>Setup</h4>
<p>Curl is required to use Notica.</p>
<p>Add this line to your <code>.bashrc</code> file:</p>
<p>
Add this line to your <code className="smallcode">.bashrc</code> file:<br />
<code>
notica() &#123; curl --data "$@" https://notica.us/{id} &#125;
notica() &#123; curl --data "d:$@" 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://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>
<p>
Source your <code className="smallcode">.bashrc</code> file to apply the changes:<br />
<code>$ source .bashrc</code>
</p>
<p>
All done! Now go to this link (bookmark it since it's yours): <br />
<Link to={'/' + id}>https://notica.us/{id}</Link>
</p>
<h4>One-Line Setup</h4>
<h4>Quick Setup</h4>
<p>
Run this command: <br />
<code>
$ echo 'notica() &#123; curl --data "$@" https://notica.us/{id} &#125;' >> ~/.bashrc && source ~/.bashrc
$ echo 'notica() &#123; curl --data "d:$@" https://notica.us/{id}; &#125;' >> ~/.bashrc && source ~/.bashrc
</code>
</p>
<p>Go to this link to receive your notifications (bookmark it since it's yours): <Link to={'/' + id}>https://notica.us/{id}</Link></p>
</div>
</div>
</div>