<commit_before><h3>Authentification</h3>
<hr />

<div class="form-group row">
    <label for="username" class="col-xs-2 col-form-label">Your Username</label>
    <div class="col-xs-10">
        <input id ="username"
         [(ngModel)]="username"
         type="text"
         class="form-control"
         placeholder="e.g <NAME>" />
    </div>
</div>

<div class="form-group row">
    <label for="secretKey" class="col-xs-2 col-form-label">Your Secret Key</label>
    <div class="col-xs-10">
        <input id="secretKey"
               [(ngModel)]="secretKey"
               type="text"
               class="form-control"
               aria-describedby="secretKeyHelp"
               placeholder="e.g. <KEY>" />
        <small id="secretKeyHelp" class="form-text text-muted">We'll never share your username and secret key with anyone. We don't store anything.</small>
    </div>
</div>

<div class="form-group row">
    <div class="offset-sm-2 col-sm-10">
        <button type="button" class="btn btn-primary" (click)="onConnect()">Connect</button>
    </div>
</div>
<commit_msg>Add link to create Foobot API key<commit_after><h3>Authentification</h3>
<hr />

<div class="form-group row">
    <label for="username" class="col-xs-2 col-form-label">Your Username</label>
    <div class="col-xs-10">
        <input id ="username"
         [(ngModel)]="username"
         type="text"
         class="form-control"
         placeholder="e.g <NAME>" />
    </div>
</div>

<div class="form-group row">
    <label for="secretKey" class="col-xs-2 col-form-label">Your Secret Key</label>
    <div class="col-xs-10">
        <input id="secretKey"
               [(ngModel)]="secretKey"
               type="text"
               class="form-control"
               aria-describedby="secretKeyHelp"
               placeholder="e.g. <KEY>" />
        <small id="secretKeyHelp" class="form-text text-muted">We'll never share your username and secret key with anyone. We don't store anything.</small>
    </div>
</div>

<div class="form-group row">
    <div class="offset-sm-2 col-sm-10">
        <button type="button" class="btn btn-primary" (click)="onConnect()">Connect</button>
    </div>
</div>

<div class="alert alert-info">
    <i class="fa fa-info-circle fa-lg"></i>&nbsp;
    Don't have a Secret Key yet? You can request one right know from the <a href="http://api.foobot.io/apidoc/index.html" target="_blank">official Foobot website</a>
</div>
{'fraction_non_alphanumeric': 0.17553191489361702, 'fraction_numerical': 0.00900163666121113, 'mean_word_length': 2.75, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 63, 'https://': 0, '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': '131155', 'n_tokens_mistral': 803, 'n_tokens_neox': 783, 'n_words': 179}