<commit_before><head>
  <title>git-sync</title>
  <link rel="icon" sizes="16x16 32x32" href="/favicon.ico?v=2">
  <meta name=viewport content="width=device-width, initial-scale=1">

  <!-- Firepad -->
  <script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.2/ace.js"></script>
  <script src="https://cdn.firebase.com/libs/firepad/1.3.0/firepad.min.js"></script>
  <!--<link rel="stylesheet" href="https://cdn.firebase.com/libs/firepad/1.3.0/firepad.css" />-->

  <!-- library to make ACE editor spiffy -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-modelist.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-beautify.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-language_tools.js"></script>

  <script> (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,"script","https://www.google-analytics.com/analytics.js","ga"); ga("create", "UA-58096309-2", "auto"); ga("send", "pageview"); </script>
</head>

<body>
</body>


<!--top navbar-->

<template name="main">
  {{> topnav }}

  {{#if currentUser }}
  {{#if userHasRepo }}
  {{#if loadingRepo }}
  <div class="center loading">
    <img class="center" src="/images/loading.gif">
    <br/><br/>
    <h1 class="tcenter center wide"> <code class="tcenter"> loading... </code> </h1>
  </div>

  {{else}} <!--display repo-->
  <div class="full-height">
    {{> sidebar}} <div class="main-content"> {{> yield}} </div>
  </div>

  {{/if}}
  {{else}} <!--choose repo-->

  <div class="setup">
    <h2> import a GitHub repo: </h2>
    {{> account}}
  </div>

  {{/if}}

  {{else}}
  {{> login}}
  {{/if}}
</template>

<template name="sidebar">
  <div class="sidebar full-height">
    {{> filelist }}
    {{> chat }}
  </div>
</template>

<!-- if not main, dump contents to null -->

<template name="null">
  {{> yield }}
</template>

<template name="topnav">
  <div id="sitenav">
    <img alt="git-sync" src="/images/gitlogo2.gif" id="siteimg">
    {{> navigation }}
    {{> loginGithub }}
  </div>
</template>



<!-- navigation icons from http://glyphicons.com/ -->

<template name="navigation">
  <div id="siteleft">
    {{#if userHasRepo }}
    {{#each navItems}}
    <a class="sitelink" href="{{ iconpath }}">
      <span class="glyphicon glyphicon-{{ iconname }}"></span> {{ name }} </a>
    {{/each}}

    {{else}}
    <a class="sitelink" href="#"> git-sync </a>

    {{/if}}
  </div>
</template>


<!--login templates-->

<template name="loginGithub">
  <div id="siteright">
    {{#if loggingIn }}
    <a href="#">logging in...</a>
    {{else}}{{#if currentUser }}
    {{> userLoggedin }}
    {{else}}
    {{> userLoggedout }}
    {{/if}}{{/if}}
  </div>
</template>

<template name="userLoggedin">
  <a class="sitelink" href="/config">{{ currentUser.profile.login }}
    <span class="glyphicon glyphicon-cog"></span></a>
  <a class="sitelink logout" href="#">logout</a>
</template>

<template name="userLoggedout">
  <a class="sitelink grn login" href="#"> login with github </a>
</template>



<!--welcome page for people signing in-->

<template name="login">
  <div class="wider jumbotron tcenter">
    <h1><code>welcome to git-sync</code></h1>
    <p> this tool helps people collaborate on code seamlessly by importing
      GitHub repos, editing them simulatenously, and pushing them back to GitHub!
    </p>

    <div>
      {{#if loggingIn }}
      <a class="sitelink" href="#">logging in...</a>
      {{else}}{{#if currentUser }}
      {{> userLoggedin }}
      {{else}}
      {{> userLoggedout }}
      {{/if}}{{/if}}
    </div>
  </div>

  <div class="wider welcome">
    {{> about }}
  </div>
</template>


<template name="about">
  <div class="jumbotron jumbotron-sm"></div>

  <div class="wide about-panel">
    <iframe width="100%" height="405" src="https://www.youtube.com/embed/LXPbY848cP0?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
  </div>

  <div class="jumbotron jumbotron-sm"><h2> editing </h2></div>
  <div class="about-panel">
    Project-wide synchronous editing (no more merge conflicts).
    <br/>
    Like Google Docs, but for your entire GitHub repository.
    <img class="wider center" src="/images/editor.png" alt="GitSync editor"/>
  </div>

  <div class="jumbotron jumbotron-sm"><h2> testing </h2></div>
  <div class="about-panel"><commit_msg>ok, actually sizing video<commit_after><head>
  <title>git-sync</title>
  <link rel="icon" sizes="16x16 32x32" href="/favicon.ico?v=2">
  <meta name=viewport content="width=device-width, initial-scale=1">

  <!-- Firepad -->
  <script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.2/ace.js"></script>
  <script src="https://cdn.firebase.com/libs/firepad/1.3.0/firepad.min.js"></script>
  <!--<link rel="stylesheet" href="https://cdn.firebase.com/libs/firepad/1.3.0/firepad.css" />-->

  <!-- library to make ACE editor spiffy -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-modelist.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-beautify.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ext-language_tools.js"></script>

  <script> (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,"script","https://www.google-analytics.com/analytics.js","ga"); ga("create", "UA-58096309-2", "auto"); ga("send", "pageview"); </script>
</head>

<body>
</body>


<!--top navbar-->

<template name="main">
  {{> topnav }}

  {{#if currentUser }}
  {{#if userHasRepo }}
  {{#if loadingRepo }}
  <div class="center loading">
    <img class="center" src="/images/loading.gif">
    <br/><br/>
    <h1 class="tcenter center wide"> <code class="tcenter"> loading... </code> </h1>
  </div>

  {{else}} <!--display repo-->
  <div class="full-height">
    {{> sidebar}} <div class="main-content"> {{> yield}} </div>
  </div>

  {{/if}}
  {{else}} <!--choose repo-->

  <div class="setup">
    <h2> import a GitHub repo: </h2>
    {{> account}}
  </div>

  {{/if}}

  {{else}}
  {{> login}}
  {{/if}}
</template>

<template name="sidebar">
  <div class="sidebar full-height">
    {{> filelist }}
    {{> chat }}
  </div>
</template>

<!-- if not main, dump contents to null -->

<template name="null">
  {{> yield }}
</template>

<template name="topnav">
  <div id="sitenav">
    <img alt="git-sync" src="/images/gitlogo2.gif" id="siteimg">
    {{> navigation }}
    {{> loginGithub }}
  </div>
</template>



<!-- navigation icons from http://glyphicons.com/ -->

<template name="navigation">
  <div id="siteleft">
    {{#if userHasRepo }}
    {{#each navItems}}
    <a class="sitelink" href="{{ iconpath }}">
      <span class="glyphicon glyphicon-{{ iconname }}"></span> {{ name }} </a>
    {{/each}}

    {{else}}
    <a class="sitelink" href="#"> git-sync </a>

    {{/if}}
  </div>
</template>


<!--login templates-->

<template name="loginGithub">
  <div id="siteright">
    {{#if loggingIn }}
    <a href="#">logging in...</a>
    {{else}}{{#if currentUser }}
    {{> userLoggedin }}
    {{else}}
    {{> userLoggedout }}
    {{/if}}{{/if}}
  </div>
</template>

<template name="userLoggedin">
  <a class="sitelink" href="/config">{{ currentUser.profile.login }}
    <span class="glyphicon glyphicon-cog"></span></a>
  <a class="sitelink logout" href="#">logout</a>
</template>

<template name="userLoggedout">
  <a class="sitelink grn login" href="#"> login with github </a>
</template>



<!--welcome page for people signing in-->

<template name="login">
  <div class="wider jumbotron tcenter">
    <h1><code>welcome to git-sync</code></h1>
    <p> this tool helps people collaborate on code seamlessly by importing
      GitHub repos, editing them simulatenously, and pushing them back to GitHub!
    </p>

    <div>
      {{#if loggingIn }}
      <a class="sitelink" href="#">logging in...</a>
      {{else}}{{#if currentUser }}
      {{> userLoggedin }}
      {{else}}
      {{> userLoggedout }}
      {{/if}}{{/if}}
    </div>
  </div>

  <div class="wider welcome">
    {{> about }}
  </div>
</template>


<template name="about">
  <div class="jumbotron jumbotron-sm"></div>

  <div class="wide about-panel">
    <center>
    <iframe style="width: 640px; height: 360px;" width="640" height="360" src="https://www.youtube.com/embed/LXPbY848cP0?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
    </center>
  </div>

  <div class="jumbotron jumbotron-sm"><h2> editing </h2></div>
  <div class="about-panel">
    Project-wide synchronous editing (no more merge conflicts).
    <br/>
    Like Google Docs, but for your entire GitHub repository.
    <img class="wider center" src="/images/editor.png" alt="GitSync editor"/>
  </div>

  <div class="jumbotron jumbotron-sm"><h2> testing </h2></div>
  <div class="about-panel">
{'fraction_non_alphanumeric': 0.2304147465437788, 'fraction_numerical': 0.015003750937734433, 'mean_word_length': 3.6823883592574007, 'pattern_counts': {'":': 0, '<': 259, '<?xml version=': 0, '>': 289, 'https://': 18, 'lorem ipsum': 0, 'www.': 4, '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': '3267099', 'n_tokens_mistral': 3548, 'n_tokens_neox': 3388, 'n_words': 664}