<!DOCTYPE html>
<html lang="en">
<!--quilted head patch-->
<head>
<meta charset="utf-8"/>
<meta content="ie=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<!--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Page stitched together with quilt:
quilt          : v0.1.1, master, eed22e23df8d193a2dcb834d2f29fff943c50aba
url            : http://aggregit.com/css/index.html
quilted on     : 2016-07-04 10:57:42
source branch  : master
source hash    : 9e71e77fddb0249956b2b46a995af680c63a97f5
stitching took : 0.046 s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-->
<title>css directory index</title>
<meta content="tmthydvnprt" name="author"/>
<meta content="blank index page of css directory" name="description"/>
<meta content="i,n,d,e,x,,, ,c,s,s" name="keywords"/>
<link href="../imgs/favicon.ico" rel="favicon"/>
<link href="../imgs/icon_60x60.png" rel="apple-touch-icon"/>
<link href="../imgs/icon_76x76.png" rel="apple-touch-icon" sizes="76x76"/>
<link href="../imgs/icon_120x120.png" rel="apple-touch-icon" sizes="120x120"/>
<link href="../imgs/icon_152x152.png" rel="apple-touch-icon" sizes="152x152"/>
<link href="../css/bootstrap_font-awesome.min_aggregit.css" rel="stylesheet" type="text/css"/></head>
<body>
<!--quilted nav patch-->
<nav class="navbar navbar-inverse navbar-default navbar-fixed-top" id="nav">
<div class="container">
<div class="navbar-header">
<a alt="home" class="navbar-brand" href="#!/home" title="home">
<img alt="aggregit" class="img-responsive" id="nav-logo" src="../imgs/aggregit_logo_brand.svg" title="../imgs/aggregit_logo_brand.svg"/>
</a>
<!-- <span id="beta" class="label label-warning">beta</span> -->
</div>
<div class="">
<form class="navbar-form navbar-left" id="nav-search">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search fa-2x"></i></span>
<input class="form-control" id="nav-search-user" placeholder="Search username" type="text"/>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a alt="Find out more about aggregit." href="#!/about" title="Find out more about aggregit."><i class="fa fa-info-circle fa-2x"></i></a></li>
<li><a alt="Need help using aggregit?" href="#!/help" title="Need help using aggregit?"><i class="fa fa-question-circle fa-2x"></i></a></li>
<li><a alt="go to GitHub" href="https://github.com" id="nav-user" target="_blank" title="Go to GitHub"><i class="fa fa-github fa-2x"></i></a></li>
<li><a alt="GitHub access is locked! You should authorize Aggregit for full experience." href="#!/authorize" id="auth-icon" title=""><i class="fa fa-times-circle fa-2x"></i></a></li>
</ul>
</div>
</div>
<div class="container-fluid" id="user-select-navbar">
<div class="well well-sm">
<div class="row">
<div class="col-xs-1">
<p class="text-center">
<strong>
<span class="hidden-xs">Repos:</span>
<span class="visible-xs" title="Repos"><i class="fa fa-2x fa-book"></i></span>
</strong>
</p>
</div>
<div class="col-xs-10">
<ul class="repo-list checklist list-inline" id="repo-list-navbar"></ul>
</div>
<div class="col-xs-1">
<div class="btn-group-vertical" data-toggle="buttons">
<label class="btn btn-primary btn-xs active">
<input autocomplete="off" checked="" id="repo-all" name="repo-all-none" type="radio"/>
                            All
                            <!-- <span class="hidden-xs">All</span> -->
<!-- <span class="visible-xs" title="All"><i class="fa fa-check-square-o"></i></span> -->
</label>
<label class="btn btn-xs btn-primary">
<input autocomplete="off" id="repo-none" name="repo-all-none" type="radio"/>
                            None
                            <!-- <span class="hidden-xs">None</span> -->
<!-- <span class="visible-xs" title="None"><i class="fa fa-square-o"></i></span> -->
</label>
</div>
</div>
</div>
</div>
</div>
</nav>
<!--quilted page patch-->
<div class="container text-center" id="page">
<h2><br/></h2>
<h2>Index page of the <code>css/</code> directory.</h2>
<h3>This page was intentionally left blank.</h3>
<h3><small>Nothing to see here, move along.</small></h3>
</div>
<!--quilted footer patch-->
<footer id="footer">
<div class="container">
<hr/>
<div class="clearfix">
<p class="pull-left">
<a alt="aggregit" href="http://aggregit.com" title="aggregit">aggregit</a>
                | <a alt="Get in Touch with aggregit." href="#!/contact" title="contact">contact</a>
                &bull; <a alt="Find out more about aggregit." href="#!/about" title="about">about</a>
                &bull; <a alt="Need help using aggregit?" href="#!/help" title="help">help</a>
</p>
<p class="pull-right">2015&ndash;2016 &copy; <a alt="Visit tmthydvnprt on GitHub." href="https://github.com/tmthydvnprt" target="_blank" title="tmthydvnprt">tmthydvnprt</a></p>
</div>
</div>
</footer>
<!--quilted templates patch-->
<template id="user-info-template">
<div class="row">
<div class="col-sm-6">
<div class="media">
<div class="media-left">
<a alt="{login} avatar" href="{html_url}" target="_blank" title="{login} avatar">
<img alt="{login} avatar" class="media-object" id="avatar" src="{avatar_url}" title="{login} avatar"/>
</a>
<ul class="list-unstyled" id="badge-list">
<li><span alt="hireable" class="force-hover" id="hireable" title="hireable">{hireable}</span></li>
<li><span alt="site admin" class="force-hover" id="site_admin" title="site admin">{site_admin}</span></li>
</ul>
<hr/>
<ul class="list-inline" id="repogist-list">
<li><i class="fa fa-fw fa-book"></i> <span alt="repos: {public_repos}" class="force-hover" id="repos" title="repos: {public_repos}">{public_repos}</span></li>
<li><i class="fa fa-fw fa-file-text-o"></i> <span alt="gists: {public_gists}" class="force-hover" id="gists" title="gists: {public_gists}">{public_gists}</span></li>
</ul>
<ul class="list-inline" id="follower-list">
<li><i class="fa fa-fw fa-users"></i> <span alt="followers: {followers}" class="force-hover" id="followers" title="followers: {followers}">{followers}</span></li>
<li><i class="fa fa-fw fa-user-plus"></i> <span alt="following: {following}" class="force-hover" id="following" title="following: {following}">{following}</span></li>
</ul>
<hr/>
</div>
<div class="media-body">
<h1 class="media-heading">
<span id="name">{name}</span><br/>
<small alt="username" class="force-hover" id="username" title="username"><code>{login}</code></small>
</h1>
<hr/>
<ul class="list-inline">
<li><i class="fa fa-fw fa-envelope-o"></i> <a alt="email: {email}" href="mailto:{email}" id="email" title="email: {email}">{email}</a></li>
<li><i class="fa fa-fw fa-link"></i> <a alt="blog: {blog}" href="http://{blog}" id="blog" title="blog: {blog}">{blog}</a></li>
</ul>
<ul class="list-inline">
<li><i class="fa fa-fw fa-building-o"></i> <span alt="company: {company}" class="force-hover" id="company" title="company: {company}">{company}</span></li>
<li><i class="fa fa-fw fa-location-arrow"></i> <span alt="location: {location}" class="force-hover" id="location" title="location: {location}">{location}</span></li>
</ul>
<ul class="list-inline text-muted">
<li><i class="fa fa-fw fa-clock-o"></i> <span alt="created: {created_at}" class="force-hover" id="created" title="created: {created_at}">{created_at}</span></li>
<li><i class="fa fa-fw fa-refresh"></i> <span alt="updated: {updated_at}" class="force-hover" id="updated" title="updated: {updated_at}">{updated_at}</span></li>
</ul>
</div>
</div>
</div>
</div>
</template>
<template id="user-data-template">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<h2>When does <code>{login}</code> commit during the week?</h2>
<hr/>
<div id="punchcard"></div>
<h2>What times of the year does <code>{login}</code> commit?</h2>
<hr/>
<div id="participation"></div>
<div id="heatmap"></div>
<h2>What languages does <code>{login}</code> speak?</h2>
<hr/>
<div class="well well-sm">
<div class="row">
<div class="col-sm-6">
<table class="table table table-striped table-hover table-responsive">
<thead>
<tr>
<th>Language</th>
<th>Amount [kiB]</th>
<th>Amount [%]</th>
</tr>
</thead>
<tbody class="checklist" id="language-list">
</tbody>
</table>
</div>
<div class="col-sm-6">
<div id="languages"></div>
</div>
</div>
</div>
</div>
</div>
</template>
<template id="help-template">
<section class="bringIn">
<span id="help-arrow"><i class="fa fa-arrow-up"></i></span>
<div class="jumbotron">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<h2>Help? <small>&mdash; it's easy!</small></h2>
<hr/>
<h5>
<ol>
<li>Type in a GitHub username.</li>
<li>Press <kbd>enter</kbd>.</li>
<li> You'll be sent to the <code>#!/user</code> page.
                                <ul>
<li><small class="text-success">If it is your first time, you will be asked to authorize GitHub access.</small></li>
</ul>
</li>
<li>Aggregit will aggregate and render thats user's data.</li>
<li>View the results and enjoy the data!
                                <ul>
<li>Download the raw data as a <code>json</code> file by clicking <i class="fa fa-cloud-download"></i>.</li>
<li>View cached result by clicking <i class="fa fa-area-chart"></i>.</li>
</ul>
</li>
</ol>
</h5>
<hr/>
<h5 class="text-muted">
                        Or check out this <a alt="example of user data" href="#!/user=tmthydvnprt_example" title="example of user data">example of user data</a>.
                    </h5>
</div>
</div>
</div>
</section>
</template>
<template id="authorize-template">
<section class="bringIn">
<div class="jumbotron">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="panel panel-primary center-block" id="auth-panel">
<div class="panel-heading">
<h2 class="panel-title text-center">Authorize Aggregit</h2>
</div>
<div class="panel-body">
<p class="text-center">Would you like to authorize Aggregit to access your public GitHub data?</p>
<img alt="aggregit logo" class="img-responsive center-block img-thumbnail" id="auth-logo" src="../imgs/aggregit_logo.svg" title="../imgs/aggregit_logo.svg"/>
<div class="text-center">
<button class="btn btn-success" id="authorize-btn">Authorize</button>
</div>
<p class="smallprint">
                                Authorization is required by the <a alt="GitHub API" href="https://developer.github.com/v3/" target="_blank" title="GitHub API">GitHub API</a> to make the number of API calls (&gt; 60/hour) required for building a complete picture of a user's public data.  If you do not authorize, you may <a alt="Continue without authorization" href="#" id="unauthorized" title="continue">continue</a>, but only a portion of the data may be accessed. Alternatively, you can view a static <a alt="example" href="#!/user=tmthydvnprt_example" title="example">example</a> of a user.
                            </p>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="user-template">
<section class="bringIn">
<div class="jumbotron">
<div id="user-info">
<div class="text-center">
<div id="aggregiting">
<i class="fa fa-spinner fa-pulse"></i>
</div>
<h1>Aggre<strong>git</strong>ing</h1>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="00" class="progress-bar progress-bar-striped active" role="progressbar" style="width: 0%;">
                                    0%
                                </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="sticky"></div>
<div id="user-select-inline">
<div class="well well-sm">
<div class="row">
<div class="col-xs-1">
<p class="text-center">
<strong>
<span class="hidden-xs">Repos:</span>
<span class="visible-xs" title="Repos"><i class="fa fa-2x fa-book"></i></span>
</strong>
</p>
</div>
<div class="col-xs-10">
<ul class="repo-list checklist list-inline" id="repo-list-inline"></ul>
</div>
<div class="col-xs-1">
<div class="btn-group-vertical" data-toggle="buttons">
<label class="btn btn-primary btn-xs active">
<input autocomplete="off" checked="" id="repo-all" name="repo-all-none" type="radio"/>
                                All
                                <!-- <span class="hidden-xs">All</span> -->
<!-- <span class="visible-xs" title="All"><i class="fa fa-check-square-o"></i></span> -->
</label>
<label class="btn btn-xs btn-primary">
<input autocomplete="off" id="repo-none" name="repo-all-none" type="radio"/>
                                None
                                <!-- <span class="hidden-xs">None</span> -->
<!-- <span class="visible-xs" title="None"><i class="fa fa-square-o"></i></span> -->
</label>
</div>
</div>
</div>
</div>
<hr/>
</div>
<div id="user-data"></div>
</section>
</template>
<template id="repo-info-template">
</template>
<template id="exportuser-template">
<section class="bringIn">
<div class="jumbotron">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="panel panel-primary center-block" id="export-panel">
<div class="panel-heading">
<h2 class="panel-title text-center">Export</h2>
</div>
<div class="panel-body">
<p class="text-center">Would you like to export this user's data?</p>
<div class="text-center text-primary" id="json-file">
<i class="fa fa-file-text fa-5x"></i>
</div>
<div class="text-center">
<a alt="Export Data" class="btn btn-success no-hover disabled" download="nothing.json" href="#" id="export-btn" target="_blank" title="Export Data"><i class="fa fa-gear fa-spin"></i>Export Data</a>
</div>
<p class="text-center"><code class="filename">____.json</code></p>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="contact-template">
<section class="bringIn">
<div class="jumbotron">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<h1>Contact</h1>
<hr/>
<p class="lead">If you need to discuss something about aggregit, you may send emails to <a alt="info@aggregit.com" href="mailto:info@aggregit.com" title="info@aggregit.com">info@aggregit.com</a>, begin a conversation at the <a alt="aggregit" href="https://github.com/tmthydvnprt/aggregit" title="aggregit">aggregit</a> GitHub repo, or reach me directly on GitHub as <a alt="tmthydvnprt" href="https://github.com/tmthydvnprt" title="tmthydvnprt">tmthydvnprt</a>.</p>
<hr/>
</div>
</div>
</div>
</section>
</template>
<template id="unknown-template">
<section class="bringIn">
<div class="jumbotron">
<div class="row">
<div class="col-xs-12 text-center">
<h1>Hmm..? <small>That is an unknown location.</small></h1>
</div>
</div>
<div class="row">
<div class="col-xs-12 text-center">
<p class="lead">
                        Please return <a alt="home" href="#!/home" title="home">home</a>.
                    </p>
</div>
</div>
</div>
</section>
</template>
<template id="about-template">
<section class="bringIn">
<div class="jumbotron">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<h1>About Aggregit <small>{<var>x</var>|<var>x</var>&isin;<var>Repo</var>&isin;<var>User</var>}</small></h1>
<hr/>
<h3>Multi-Repo Punch Card Anyone?</h3>
<p class="lead">
                        Ever wanted to see your punch card for <em>all</em> your repos? Or your non-<code>master</code> contributions in the heat map? Maybe <em>all</em> your language stats? Well, those were the reasons for building this.
                    </p>
<h4>Data, Data, Data!</h4>
<p class="lead">
                        The site makes a bunch of calls to the <a alt="GitHub API" href="https://developer.github.com/v3/" target="_blank" title="GitHub API">GitHub API</a> to get a whole mess of <code>json</code> that can be plotted or presented in a beautiful way.  You may also download the raw data for your own analysis or reporting. Share your data by linking to this site with your username passed as an parameter: <code>http://aggregit.com#!/user=tmthydvnprt</code>.
                    </p>
<h4>Who made this?</h4>
<p class="lead">Timothy Davenport, or <a alt="tmthydvnprt" href="https://github.com/tmthydvnprt" target="_blank" title="tmthydvnprt"><code>tmthydvnprt</code></a> on GitHub. Check out <em>all</em> my <a alt="GitHub data" href="http://aggregit.com#!/user=tmthydvnprt" title="GitHub data">GitHub data</a>.</p>
</div>
</div>
</div>
</section>
</template>
<template id="home-template">
<section class="bringIn">
<div class="jumbotron text-center" id="home-jumbo">
<img alt="aggregit logo" class="img-responsive center-block" id="home-logo" src="../imgs/aggregit_logo.svg" title="../imgs/aggregit_logo.svg"/>
<p class="lead">
                Get <em>all</em> your data across <em>all</em> your <a alt="GitHub" href="https://github.com" target="_blank" title="GitHub">GitHub</a> repositories.<br/>
<small>Visualize your data here or export it to process on your own.</small>
</p>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
<h3 class="text-center">Search for a username:</h3>
<div class="well well-sm">
<form id="home-search">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search fa-2x"></i></span>
<input class="form-control" id="home-search-user" placeholder="Search for GitHub username" type="text"/>
</div>
</form>
</div>
<h3 class="text-center"><small>(Maybe yourself, a friend or future employee?)</small></h3>
</div>
</div>
</section>
</template>
<template id="authenticate-template">
<section class="bringIn">
<div class="jumbotron">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="panel panel-primary center-block" id="auth-panel">
<div class="panel-heading">
<h2 class="panel-title text-center">Authenticating Aggregit</h2>
</div>
<div class="panel-body">
<p class="text-center">Awesome! You authorized Aggregit to access your public GitHub data!</p>
<img alt="aggregit logo" class="img-responsive center-block img-thumbnail" id="auth-logo" src="../imgs/aggregit_logo.svg" title="../imgs/aggregit_logo.svg"/>
<div class="text-center">
<button class="btn btn-success disabled" id="authorize-btn">Authenticating</button>
</div>
<p class="smallprint">
                                Aggregit is authenticating your account and then will get your data. Enjoy.
                            </p>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="error-template">
<div class="col-xs-6 col-xs-offset-3">
<div class="alert alert-danger" id="rate-limit" role="alert">
<h1 class="text-center">Error <i class="fa fa-frown-o"></i></h1>
<p class="lead text-center">
                We've been <strong><a alt="rate-limited" href="https://developer.github.com/v3/#rate-limiting" target="_blank" title="rate-limited">rate-limited</a></strong> by GitHub's API!<br/>
<small>Calls from this <a alt="IP address" href="https://www.google.com/#q=what+is+my+ip" target="_blank" title="IP address"><abbr title="Internet Protocol">IP</abbr> address</a> will fail for one hour.</small>
</p>
</div>
</div>
</template>
<!--quilted scripts patch-->
<script id="scripts" rel="javascript" src="../js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script rel="javascript" src="../js/d3.min.js" type="text/javascript"></script>
<script rel="javascript" src="../js/cookieJar.js" type="text/javascript"></script>
<script rel="javascript" src="../js/common.js" type="text/javascript"></script>
<script rel="javascript" src="../js/github.js" type="text/javascript"></script>
<script rel="javascript" src="../js/aggregitor.js" type="text/javascript"></script>
<script rel="javascript" src="../js/render.js" type="text/javascript"></script>
<script rel="javascript" src="../js/aggregit.js" type="text/javascript"></script>
</body>
</html>