<commit_before><!DOCTYPE html>
<html class="no-js" lang="en">
<!-- 
      ___            ___                    
     /|  |          /|  |           ___     
    |:|  |         |:|  |          /\  \    
    |:|  |         |:|  |          \:\  \   
  __|:|__|       __|:|__|           \:\  \  
 /::::\__\_____ /::::\__\_____  ___  \:\__\ 
 ~~~~\::::/___/ ~~~~\::::/___/ /\  \ |:|  | 
     |:|~~|         |:|~~|     \:\  \|:|  | 
     |:|  |         |:|  |      \:\__|:|__| 
     |:|__|         |:|__|       \::::/__/  
     |/__/          |/__/         ~~~~      
 -->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><NAME> - Full-Stack Designer</title>
    <link rel="apple-touch-icon" sizes="57x57" href="./apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="./apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="./apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="./apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="./apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="./apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="./apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="./apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="./apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="./android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="./favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
    <link rel="manifest" href="./manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="./ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="<KEY>" crossorigin="anonymous">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/tippy.css">
    <link href="css/styles.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="175">
    <div id="mobile-menu-open" class="shadow-large">
        <i class="fa fa-bars" aria-hidden="true"></i>
    </div>
    <!-- End #mobile-menu-toggle -->
    <header class="navbar sticky">
        <div id="mobile-menu-close">
            <span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
        </div>
        <ul id="menu" class="nav visible">
            <li>
                <a id="link-about" href="#about">About</a>
            </li>
            <li>
                <a id="link-experience" href="#experience">Experience</a>
            </li>
            <li>
                <a id="link-education" href="#education">Education</a>
            </li>
            <li>
                <a id="link-publications" href="#publications">Publications</a>
            </li>
            <li>
                <a id="link-skills" href="#skills">Skills</a>
            </li>
            <li>
                <a id="link-projects" href="#projects">Projects</a>
            </li>
            <li>
                <a id="link-others" href="#others" class="tooltip" data-theme="resume" title="Portfolio and Resume">Others</a>
            </li>
            <li>
                <a id="link-contact" href="#contact">Contact</a>
            </li>            
        </ul>
    </header>
    <!-- End header -->

    <div id="lead">
        <div id="stars"></div>
        <div id="stars2"></div>
        <div id="stars3"></div>
        <div id="lead-content">
            <h1><NAME></h1>
            <h2>Full-Stack&nbsp;Designer</h2>
            <h3>Currently in 🇺🇸 Princeton, New&nbsp;Jersey</h3>
            <!-- <a href="#others" class="btn-rounded-white">Download Portfolio & Resume</a> -->
        </div>
        <!-- End #lead-content -->

        <!-- <div id="lead-overlay"></div> -->

        <div id="lead-down">
            <span>
                <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </span>
        </div>
        <!-- End #lead-down -->
    </div>
    <!-- End #lead -->

    <div id="about">
        <div class="container">
            <img src="./images/me_2x.jpg" class="profile-picture" alt="My profile picture" width="150" height="150" />
            <h2 class="heading">International&nbsp;Volunteer&nbsp;in&nbsp;Business at&nbsp;Coface&nbsp;North&nbsp;America as&nbsp;Junior&nbsp;Software&nbsp;Developer</h2>
            <p>
                <strong>Full-Stack Designer</strong> with 6 years of <strong>international experiences</strong> in <strong>designing</strong>, <strong>developing</strong>, and <strong>maintaining</strong> <strong>apps</strong> for <strong>research purposes</strong> or <strong>business oriented</strong>.
                <br />
                <br />
                I’m <strong>creative and curious</strong>. I like in particular <strong>web technologies</strong>. I care about <strong>User Experience</strong> and I prefer <strong>quality over quantity</strong>.
            </p>
        </div>
    </div>
    <!-- End #about -->

    <div id="experience" class="background-alt partially-hidden">
        <h2 class="heading">Experience</h2>
        <div id="experience-timeline"><commit_msg>add availability date<commit_after><!DOCTYPE html>
<html class="no-js" lang="en">
<!-- 
      ___            ___                    
     /|  |          /|  |           ___     
    |:|  |         |:|  |          /\  \    
    |:|  |         |:|  |          \:\  \   
  __|:|__|       __|:|__|           \:\  \  
 /::::\__\_____ /::::\__\_____  ___  \:\__\ 
 ~~~~\::::/___/ ~~~~\::::/___/ /\  \ |:|  | 
     |:|~~|         |:|~~|     \:\  \|:|  | 
     |:|  |         |:|  |      \:\__|:|__| 
     |:|__|         |:|__|       \::::/__/  
     |/__/          |/__/         ~~~~      
 -->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><NAME> - Full-Stack Designer</title>
    <link rel="apple-touch-icon" sizes="57x57" href="./apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="./apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="./apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="./apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="./apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="./apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="./apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="./apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="./apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="./android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="./favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
    <link rel="manifest" href="./manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="./ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="<KEY>" crossorigin="anonymous">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/tippy.css">
    <link href="css/styles.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="175">
    <div id="mobile-menu-open" class="shadow-large">
        <i class="fa fa-bars" aria-hidden="true"></i>
    </div>
    <!-- End #mobile-menu-toggle -->
    <header class="navbar sticky">
        <div id="mobile-menu-close">
            <span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
        </div>
        <ul id="menu" class="nav visible">
            <li>
                <a id="link-about" href="#about">About</a>
            </li>
            <li>
                <a id="link-experience" href="#experience">Experience</a>
            </li>
            <li>
                <a id="link-education" href="#education">Education</a>
            </li>
            <li>
                <a id="link-publications" href="#publications">Publications</a>
            </li>
            <li>
                <a id="link-skills" href="#skills">Skills</a>
            </li>
            <li>
                <a id="link-projects" href="#projects">Projects</a>
            </li>
            <li>
                <a id="link-others" href="#others" class="tooltip" data-theme="resume" title="Portfolio and Resume">Others</a>
            </li>
            <li>
                <a id="link-contact" href="#contact">Contact</a>
            </li>            
        </ul>
    </header>
    <!-- End header -->

    <div id="lead">
        <div id="stars"></div>
        <div id="stars2"></div>
        <div id="stars3"></div>
        <div id="lead-content">
            <h1><NAME></h1>
            <h2>Full-Stack&nbsp;Designer</h2>
            <h3>
                Currently in 🇺🇸 Princeton, New&nbsp;Jersey
                <br />
                Available in January 2020
            </h3>
        </div>
        <!-- End #lead-content -->

        <!-- <div id="lead-overlay"></div> -->

        <div id="lead-down">
            <span>
                <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </span>
        </div>
        <!-- End #lead-down -->
    </div>
    <!-- End #lead -->

    <div id="about">
        <div class="container">
            <img src="./images/me_2x.jpg" class="profile-picture" alt="My profile picture" width="150" height="150" />
            <h2 class="heading">International&nbsp;Volunteer&nbsp;in&nbsp;Business at&nbsp;Coface&nbsp;North&nbsp;America as&nbsp;Junior&nbsp;Software&nbsp;Developer</h2>
            <p>
                <strong>Full-Stack Designer</strong> with 6 years of <strong>international experiences</strong> in <strong>designing</strong>, <strong>developing</strong>, and <strong>maintaining</strong> <strong>apps</strong> for <strong>research purposes</strong> or <strong>business oriented</strong>.
                <br />
                <br />
                I’m <strong>creative and curious</strong>. I like in particular <strong>web technologies</strong>. I care about <strong>User Experience</strong> and I prefer <strong>quality over quantity</strong>.
            </p>
        </div>
    </div>
    <!-- End #about -->

    <div id="experience" class="background-alt partially-hidden">
        <h2 class="heading">Experience</h2>
        <div id="experience-timeline">
{'fraction_non_alphanumeric': 0.2041981380642895, 'fraction_numerical': 0.030915158967152644, 'mean_word_length': 2.1586685159500694, 'pattern_counts': {'":': 0, '<': 311, '<?xml version=': 0, '>': 311, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 5, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2033590', 'n_tokens_mistral': 4085, 'n_tokens_neox': 3729, 'n_words': 595}