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

Add branding now that I have a name and fix styles

Browse Source
This commit is contained in:
Tanner Collin 2016-12-23 22:49:15 -07:00
parent 14644ee21b
commit 33f081e804
4 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/style.css
View File

@ -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;
}

3
index.html
View File

@ -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" />

16
src/ui/Home.js
View File

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

7
src/ui/Site.js
View File

@ -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}