<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Sample</title>
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/common.css">
</head>
<body>

<header class="navbar navbar-static-top bs-docs-nav">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="/">NavyJS</a>
    </div>

    <nav class="collapse navbar-collapse bs-navbar-collapse">
      <ul class="nav navbar-nav">
        <li><a>Sample</a></li>
        <li><a href="helloworld">Hello World</a></li>
        <li><a class="text-muted"><strike>Document</strike></a></li>
        <li><a class="text-muted"><strike>API</strike></a></li>
        <li><a href="faq">FAQ</a></li>
      </ul>
    </nav>
  </div>
</header>

<div class="container">
  <section>
    <h2>Sample</h2>
    <div class="row">

      <div class="col-md-6">
        <h4>GitHub Client</h4>
        <div class="row">
          <div class="col-md-4">
            <img width="150px" src="../image/sample/sample1.png">
          </div>
          <div class="col-md-6">
            <span>
              <img src="../image/sample/qrcode1.png">
              <small><a href="#">ghc.navyjs.org</a></small>
            </span>
            <p>Android版 GitHub Clientを元にNavyJSで実装したGitHub Clientサンプルアプリです。</p>
            <p class="alert alert-info"><small>このアプリにはGitHub APIトークンが必要です。<br/><a href="#">Getting GitHub token</a></small></p>
          </div>
        </div>
      </div>

      <div class="col-md-6" style="border-left: solid 1px #ddd;">
        <h4>Library</h4>
        <div class="row">
          <div class="col-md-4">
            <img width="150px" src="../image/sample/sample2.png">
          </div>
          <div class="col-md-6">
            <span>
              <img src="../image/sample/qrcode1.png">
              <small><a href="#">library.navyjs.org</a></small>
            </span>
            <p>NavyJSで使用できるUI部品を網羅したサンプルアプリです。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section>
    <h2>How to install</h2>
    <div class="row">
      <div class="col-md-6">
        <h4>iOS: Mobile Safari</h4>
        <img height="250px" src="../image/sample/for_ios_1.png">
        <span> → </span>
        <img height="250px" src="../image/sample/for_ios_2.png">
      </div>
      <div class="col-md-6">
        <h4>Android: Chrome for Android</h4>
        <img height="250px" src="../image/sample/for_android_1.png">
        <span> → </span>
        <img height="250px" src="../image/sample/for_android_2.png">
      </div>
    </div>
  </section>

  <section>
    <h2>Getting GitHub token</h2>
    <p>
      サンプルアプリのGitHubClientを使用するためにはGitHub APIへアクセスするためのトークンを取得する必要があります。
      <a href="https://github.com/settings/applications#personal-access-tokens">https://github.com/settings/applications#personal-access-tokens</a>にアクセスして
      下記の手順でトークンを取得してください。
      <div class="alert alert-info">取得したトークンはコピー&ペーストでGitHubClientに貼り付けるため、トークンの取得はお使いのモバイル端末で行うことをおすすめします。</div>
    </p>
    <h4>1. 「Generate new token」をクリックします</h4>
    <img src="../image/sample/token1.png">

    <h4>2. 「public_repo」を選択してトークンを生成します</h4>
    <img src="../image/sample/token2.png">

    <h4>3. トークンをコピーしてGitHubClientに貼り付けます</h4>
    <img src="../image/sample/token3.png">
  </section>
</div>

<footer><commit_msg>説明文を追加.<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Sample</title>
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/common.css">
</head>
<body>

<header class="navbar navbar-static-top bs-docs-nav">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="/">NavyJS</a>
    </div>

    <nav class="collapse navbar-collapse bs-navbar-collapse">
      <ul class="nav navbar-nav">
        <li><a>Sample</a></li>
        <li><a href="helloworld">Hello World</a></li>
        <li><a class="text-muted"><strike>Document</strike></a></li>
        <li><a class="text-muted"><strike>API</strike></a></li>
        <li><a href="faq">FAQ</a></li>
      </ul>
    </nav>
  </div>
</header>

<div class="container">
  <section>
    <h2>Sample</h2>
    <p>NavyJSをで作られたサンプルアプリです。Mobile Safari / Chrome for Androidで動作させることができます。
      <br>
      ホーム画面に追加することでブラウザから独立して操作することができるようになります。
      <a href="#how-to-install">Add to home screen</a>
    </p>
    <div class="row">

      <div class="col-md-6">
        <h4>GitHub Client</h4>
        <div class="row">
          <div class="col-md-4">
            <img width="150px" src="../image/sample/sample1.png">
          </div>
          <div class="col-md-6">
            <span>
              <img src="../image/sample/qrcode1.png">
              <small><a href="#">ghc.navyjs.org</a></small>
            </span>
            <p>Android版 GitHub Clientを元にNavyJSで実装したGitHub Clientサンプルアプリです。</p>
            <p class="alert alert-info"><small>このアプリにはGitHub APIトークンが必要です。<br/><a href="#getting-github-token">Getting GitHub token</a></small></p>
          </div>
        </div>
      </div>

      <div class="col-md-6" style="border-left: solid 1px #ddd;">
        <h4>Library</h4>
        <div class="row">
          <div class="col-md-4">
            <img width="150px" src="../image/sample/sample2.png">
          </div>
          <div class="col-md-6">
            <span>
              <img src="../image/sample/qrcode1.png">
              <small><a href="#">library.navyjs.org</a></small>
            </span>
            <p>NavyJSで使用できるUI部品を網羅したサンプルアプリです。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="how-to-install">
    <h2>Add to home screen</h2>
    <p>NavyJSのアプリをホーム画面に追加することでブラウザから独立して動作させることができます。</p>
    <div class="row">
      <div class="col-md-6">
        <h4>iOS: Mobile Safari</h4>
        <img height="250px" src="../image/sample/for_ios_1.png">
        <span> → </span>
        <img height="250px" src="../image/sample/for_ios_2.png">
      </div>
      <div class="col-md-6">
        <h4>Android: Chrome for Android</h4>
        <img height="250px" src="../image/sample/for_android_1.png">
        <span> → </span>
        <img height="250px" src="../image/sample/for_android_2.png">
      </div>
    </div>
  </section>

  <section id="getting-github-token">
    <h2>Getting GitHub token</h2>
    <p>
      サンプルアプリのGitHubClientを使用するためにはGitHub APIへアクセスするためのトークンを取得する必要があります。
      <a href="https://github.com/settings/applications#personal-access-tokens">https://github.com/settings/applications#personal-access-tokens</a>にアクセスして
      下記の手順でトークンを取得してください。
      <div class="alert alert-info">取得したトークンはコピー&ペーストでGitHubClientに貼り付けるため、トークンの取得はお使いのモバイル端末で行うことをおすすめします。</div>
    </p>
    <h4>1. 「Generate new token」をクリックします</h4>
    <img src="../image/sample/token1.png">

    <h4>2. 「public_repo」を選択してトークンを生成します</h4>
    <img src="../image/sample/token2.png">

    <h4>3. トークンをコピーしてGitHubClientに貼り付けます</h4>
    <img src="../image/sample/token3.png">
  </section>
</div>

<footer>
{'fraction_non_alphanumeric': 0.19537166900420758, 'fraction_numerical': 0.0182328190743338, 'mean_word_length': 2.5162721893491122, 'pattern_counts': {'":': 0, '<': 296, '<?xml version=': 0, '>': 296, 'https://': 4, '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': '5185500', 'n_tokens_mistral': 3018, 'n_tokens_neox': 2859, 'n_words': 390}