You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.6 KiB
74 lines
2.6 KiB
'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(){ |
|
let id = this.props.urlid || Shortid.generate(); |
|
|
|
return ( |
|
<div className="container"> |
|
<div className="row"> |
|
<div className="twelve columns"> |
|
<h4>Usage</h4> |
|
<p> |
|
Notica is a Bash function / alias that sends a notification to a tab in your browser when it's ran: |
|
</p> |
|
</div> |
|
</div> |
|
<div className="row"> |
|
<div className="six columns"> |
|
<p><code>$ long-running-command; notica Finished!</code></p> |
|
<p> |
|
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 on any devices that have the Notica website open. |
|
</p> |
|
</div> |
|
<div className="six columns"> |
|
<p><img className="u-max-full-width" src="https://i.imgur.com/476ezFy.gif" /></p> |
|
</div> |
|
</div> |
|
<div className="row"> |
|
<div className="twelve columns"> |
|
<h4>Quick Setup</h4> |
|
<p> |
|
Run this command: <br /> |
|
<code> |
|
$ echo 'notica() { curl --data "d:$*" https://notica.us/{id}; }' >> ~/.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> |
|
|
|
<h4>Setup</h4> |
|
<p>Curl is required to use Notica.</p> |
|
<p> |
|
Add this line to your <code className="smallcode">.bashrc</code> file:<br /> |
|
<code> |
|
notica() { curl --data "d:$*" https://notica.us/{id}; } |
|
</code> |
|
</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>About</h4> |
|
<p> |
|
Notica was written by <a href="http://tannercollin.com" target="_blank">Tanner Collin</a> after he got tired of checking if his commands were done running. |
|
</p> |
|
<p> |
|
Notica is free and open-source software: <a href="https://github.com/tannercollin/Notica" target="_blank">https://github.com/tannercollin/Notica</a> |
|
</p> |
|
<p> |
|
Thanks to exdevlin for thinking of the name. Thanks to all the devs behind Node.js, React, webpack, and socket.io. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
); |
|
} |
|
}
|
|
|