<commit_before><!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
    <title>fs-person-portrait Demo</title>
    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../../fs-client/fs-client.html">
    <link rel="import" href="../../fs-signin/fs-signin.html">
    <link rel="import" href="../fs-person-portrait.html">
    <link rel="import" href="../../paper-card/paper-card.html">
    <link rel="import" href="../../paper-button/paper-button.html">
  </head>
  <body unresolved>
    <custom-style>
      <style is="custom-style">
        paper-card {
          margin: 16px 16px 0 0;
        }
        
        .small {
          --fs-person-portrait-size: 40px;
        }
        
        .large {
          --fs-person-portrait-size: 150px;
        }
        
        #radius fs-person-portrait {
          background-color: #FFECB3;
        }
        
        .rounded {
          --fs-person-portrait-border-radius: 15px;
        }
        
        .circle {
          --fs-person-portrait-border-radius: 37px;
        }
      </style>
    </custom-style>

    <fs-client id="client" app-key="<KEY>" redirect-uri="." environment="sandbox" save-access-token exchange-code redirect-after-sign-in="." debounce-duplicates></fs-client>
    <fs-signin></fs-signin>
    <br>
    
    <paper-card heading="No ID">
      <div class="card-content">
        <fs-person-portrait gender="unknown"></fs-person-portrait>
        <fs-person-portrait gender="FEMALE"></fs-person-portrait>
        <fs-person-portrait gender="male"></fs-person-portrait>
      </div><commit_msg>update demo<commit_after><!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
    <title>fs-person-portrait Demo</title>
    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../../fs-client/fs-client.html">
    <link rel="import" href="../../fs-signin/fs-signin.html">
    <link rel="import" href="../fs-person-portrait.html">
    <link rel="import" href="../../paper-card/paper-card.html">
    <link rel="import" href="../../paper-button/paper-button.html">
  </head>
  <body unresolved>
    <custom-style>
      <style is="custom-style">
        paper-card {
          margin: 16px 16px 0 0;
        }
        
        .small {
          --fs-person-portrait-size: 40px;
        }
        
        .large {
          --fs-person-portrait-size: 150px;
        }
        
        #radius fs-person-portrait {
          background-color: #FFECB3;
        }
        
        .rounded {
          --fs-person-portrait-border-radius: 15px;
        }
        
        .circle {
          --fs-person-portrait-border-radius: 37px;
        }
      </style>
    </custom-style>

    <fs-client 
      app-key="<KEY>" 
      redirect-uri="." 
      save-access-token 
      exchange-code 
      token-cookie-path="/"
      debounce-duplicates
      redirect-after-sign-in="."></fs-client>
    <fs-signin></fs-signin>
    <br>
    
    <paper-card heading="No ID">
      <div class="card-content">
        <fs-person-portrait gender="unknown"></fs-person-portrait>
        <fs-person-portrait gender="FEMALE"></fs-person-portrait>
        <fs-person-portrait gender="male"></fs-person-portrait>
      </div>
{'fraction_non_alphanumeric': 0.18254649499284692, 'fraction_numerical': 0.01201716738197425, 'mean_word_length': 2.0216076058772687, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, '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': '2680964', 'n_tokens_mistral': 1189, 'n_tokens_neox': 1138, 'n_words': 167}