<commit_before>'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>$ make all; notica Code is done compiling!</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.
						</p>
					</div>
					<div className="six columns">
						<p><img className="u-max-full-width" src="https://i.imgur.com/TNb5kRQ.gif" /></p>
					</div>
				</div>
				<div className="row">
					<div className="twelve columns">
						<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() &#123; curl --data "d:$*" https://notica.us/{id}; &#125;
							</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>Quick Setup</h4>
						<p>
							Run this command: <br />
							<code>
								$ 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>
		);
	}
}<commit_msg>Add about section and rearrange home page<commit_after>'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.
						</p>
					</div>
					<div className="six columns">
						<p><img className="u-max-full-width" src="https://i.imgur.com/TNb5kRQ.gif" /></p>
					</div>
				</div>
				<div className="row">
					<div className="twelve columns">
						<h4>Quick Setup</h4>
						<p>
							Run this command: <br />
							<code>
								$ 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>

						<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() &#123; curl --data "d:$*" https://notica.us/{id}; &#125;
							</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"><NAME></a> after he got tired of checking if his commands were done running.
						</p>
						<p>
							Notica <strike>is</strike> <i>will be, once it's done,</i> 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>
		);
	}
}
{'fraction_non_alphanumeric': 0.16792452830188678, 'fraction_numerical': 0.008385744234800839, 'mean_word_length': 2.459753444525018, 'pattern_counts': {'":': 0, '<': 146, '<?xml version=': 0, '>': 150, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '177315', 'n_tokens_mistral': 2139, 'n_tokens_neox': 1552, 'n_words': 495}