<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>vien's portfolio</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="vendor/styles/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/portfolio/base.css">
    <link rel="stylesheet" type="text/css" href="css/portfolio/layout.css">
    <link rel="stylesheet" type="text/css" href="css/portfolio/modules.css">

    <!-- <link rel="stylesheet" type="text/css" href="css/index/style.css"> -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Fanwood+Text|Esteban|Source+Sans+Pro:400,300' rel='stylesheet' type='text/css'>

    <script id="latest-project-template" type="text/x-handlebars-template">
      <div class="footnote">Latest Project is <a href="#"><span class="latest-article-name">{{articleName}}</span></a> published on <span class="latest-article-date">{{articleDate}}</span></div>
    </script>

    <script id="date-filter-template" type="text/x-handlebars-template">
      <option value="{{year}}">{{year}}</option>
    </script>

    <script id="category-filter-template" type="text/x-handlebars-template">
      <option value="{{category}}">{{category}}</option>
    </script>

    <script id="article-template" type="text/x-handlebars-template">
      <article class="content-block clearfix" data-category="{{category}}" data-date="{{pubDate}}">
        <img class="section-image" / src="{{img}}">
        <header>
          <h1 class="section-title">{{ttl}}</h1>
          <time data-date={{pubDate}} datetime="{{pubDate}}">{{publishStatus}}</time>
        </header>
        <section class="section-body">{{{bdy}}}</section>
        <a href="#" class="read-on clearfix">Read On</a>
      </article>
    </script>
  </head>

  <script id="repo-template" type="text/x-handlebars-template">
      <li>
        <a href="{{html_url}}" target="_blank"><h3>{{name}}</h3></a>
        {{#if description}}
          <p>Description: {{description}}</p>
        {{/if}}
        {{#if language}}
          <p>Language: {{language}}</p>
        {{/if}}
        {{#if created_at}}
          <p>Created: {{created_at}}</p>
        {{/if}}
        {{#if updated_at}}
          <p>Last updated: {{updated_at}}</p>
        {{/if}}
        {{#if watchers_count}}
          <p>{{watchers_count}} watching this repo</p>
        {{/if}}
      </li>
    </script>

  <body>
		<div class="wrapper" id="wrapper">
      <header class="site-header">
  			<a href="#menu" class="menu-link"><button>Menu</button></a>
  			<nav id="menu" role="navigation">
  				<ul>
            <li><a class="tab nav-item" data-content="articles" href="/">Portfolio</a></li>
            <li><a class="tab nav-item" data-content="about" href="/about">About</a></li>
            <li><a class="tab nav-item" data-content="gitRepo" href="/gitRepo">Git Repos</a></li>
  					<li><a class="tab nav-item" data-content="contact">Contact</a></li>
  				</ul>
  			</nav>
      </header>

      <main>
        <section id="articles" class="articles tab-content">
          <div>
            <ul id="filters" class="filters">
              <li>
                <select id="date-filter" class="date-filter filter">
                  <option value="">-- Filter by Years --</option>
                </select>
              </li>
              <li>
                <select id="category-filter" class='category-filter filter'>;
                  <option value="">-- Filter by Categories --</option>
                </select>
              </li>
            </ul>
          </div>

          <div id="article-container">
          </div>

          <footer>
            <div class="latest-project"></div>
          </footer>
        </section>

        <section id="about" class="tab-content about">
          <header>
            <h1>Vien</h1>
            <h3>Web Dev Student at CodeFellows</h3>
          </header>
          <section>
            <img src="assets/aboutplaceholder1.gif" />
            <p>Fusce accumsan lacus at purus venenatis, vitae ullamcorper diam accumsan. Duis aliquet lacus nec nunc iaculis, in lobortis enim vehicula. Maecenas gravida dictum luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras hendrerit quam non enim feugiat, sit amet varius justo aliquam. Integer ac fermentum lacus, sit amet tincidunt lectus. Curabitur lectus risus, pretium eu suscipit vel, dictum et quam. Phasellus efficitur, ex pretium lobortis feugiat, turpis libero lobortis tellus, quis sodales magna orci vel dui. Quisque in lectus et nulla semper ultricies eget quis leo. Donec vitae erat pulvinar, consectetur quam vel, convallis leo. Pellentesque non scelerisque erat. Nam iaculis tellus vel tincidunt ultricies. Donec dapibus facilisis felis, vitae feugiat odio mattis sit amet. Vestibulum ligula sem, fermentum sed rhoncus a, fermentum congue quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            </p>
          </section>

          <div class="three-column-wrapper">
            <div class="column-left"><p>Phasellus pharetra cursus odio convallis tempor. Maecenas lobortis metus a maximus porta. Nullam diam tortor, volutpat quis ex sed, pellentesque pellentesque sapien. Suspendisse consectetur erat turpis, quis ultrices neque aliquet eget. Vivamus pretium pharetra ipsum, nec volutpat nisl volutpat a. Sed sed ex et metus cursus convallis non nec ex. Integer consequat nunc a lorem venenatis mollis. Integer cursus ligula nec vestibulum semper. Vivamus nec maximus tortor. Nulla in posuere eros. Pellentesque a lacinia sem. Vestibulum bibendum felis in odio luctus, eu tincidunt ante mattis. Quisque nec ligula sapien.<p></div>
            <div class="column-mid"><p>Phasellus pharetra cursus odio convallis tempor. Maecenas lobortis metus a maximus porta. Nullam diam tortor, volutpat quis ex sed, pellentesque pellentesque sapien. Suspendisse consectetur erat turpis, quis ultrices neque aliquet eget. Vivamus pretium pharetra ipsum, nec volutpat nisl volutpat a. Sed sed ex et metus cursus convallis non nec ex. Integer consequat nunc a lorem venenatis mollis. Integer cursus ligula nec vestibulum semper. Vivamus nec maximus tortor. Nulla in posuere eros. Pellentesque a lacinia sem. Vestibulum bibendum felis in odio luctus, eu tincidunt ante mattis. Quisque nec ligula sapien.<p></div>
            <div class="column-right"><p>Phasellus pharetra cursus odio convallis tempor. Maecenas lobortis metus a maximus porta. Nullam diam tortor, volutpat quis ex sed, pellentesque pellentesque sapien. Suspendisse consectetur erat turpis, quis ultrices neque aliquet eget. Vivamus pretium pharetra ipsum, nec volutpat nisl volutpat a. Sed sed ex et metus cursus convallis non nec ex. Integer consequat nunc a lorem venenatis mollis. Integer cursus ligula nec vestibulum semper. Vivamus nec maximus tortor. Nulla in posuere eros. Pellentesque a lacinia sem. Vestibulum bibendum felis in odio luctus, eu tincidunt ante mattis. Quisque nec ligula sapien.<p></div>
          </div>
        </section>

        <section id="contact" class="contact">
        </section>

        <section id="git-repo" class="git-repo">
          <h1>Latest updated repos</h3>
          <ul>
            <li>Repos Place Holder</li>
          </ul>
        </section>

      </main>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.4/handlebars.js"></script>
    <script src="js/app.js" type="text/javascript"></script>
    <script src="/data/localPortfolioData.js" type="text/javascript"></script>
    <script src="/vendor/scripts/page.js"></script>

    <script src="/js/models/articles.js" type="text/javascript"></script>
    <script src="/js/models/gitRepo.js" type="text/javascript"></script>
<commit_msg>deploy ready, source the env.sh before deploy<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>vien's portfolio</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="vendor/styles/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/portfolio/base.css">
    <link rel="stylesheet" type="text/css" href="css/portfolio/layout.css">
    <link rel="stylesheet" type="text/css" href="css/portfolio/modules.css">

    <!-- <link rel="stylesheet" type="text/css" href="css/index/style.css"> -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Fanwood+Text|Esteban|Source+Sans+Pro:400,300' rel='stylesheet' type='text/css'>

    <script id="latest-project-template" type="text/x-handlebars-template">
      <div class="footnote">Latest Project is <a href="#"><span class="latest-article-name">{{articleName}}</span></a> published on <span class="latest-article-date">{{articleDate}}</span></div>
    </script>

    <script id="date-filter-template" type="text/x-handlebars-template">
      <option value="{{year}}">{{year}}</option>
    </script>

    <script id="category-filter-template" type="text/x-handlebars-template">
      <option value="{{category}}">{{category}}</option>
    </script>

    <script id="article-template" type="text/x-handlebars-template">
      <article class="content-block clearfix" data-category="{{category}}" data-date="{{pubDate}}">
        <img class="section-image" / src="{{img}}">
        <header>
          <h1 class="section-title">{{ttl}}</h1>
          <time data-date={{pubDate}} datetime="{{pubDate}}">{{publishStatus}}</time>
        </header>
        <section class="section-body">{{{bdy}}}</section>
        <a href="#" class="read-on clearfix">Read On</a>
      </article>
    </script>
  </head>

  <script id="repo-template" type="text/x-handlebars-template">
      <li>
        <a href="{{html_url}}" target="_blank"><h3>{{name}}</h3></a>
        {{#if description}}
          <p>Description: {{description}}</p>
        {{/if}}
        {{#if language}}
          <p>Language: {{language}}</p>
        {{/if}}
        {{#if created_at}}
          <p>Created: {{created_at}}</p>
        {{/if}}
        {{#if updated_at}}
          <p>Last updated: {{updated_at}}</p>
        {{/if}}
        {{#if watchers_count}}
          <p>{{watchers_count}} watching this repo</p>
        {{/if}}
      </li>
    </script>

  <body>
		<div class="wrapper" id="wrapper">
      <header class="site-header">
  			<a href="#menu" class="menu-link"><button>Menu</button></a>
  			<nav id="menu" role="navigation">
  				<ul>
            <li><a class="tab nav-item" data-content="articles" href="/">Portfolio</a></li>
            <li><a class="tab nav-item" data-content="about" href="/about">About</a></li>
            <li><a class="tab nav-item" data-content="gitRepo" href="/gitRepo">Git Repos</a></li>
  					<li><a class="tab nav-item" data-content="contact">Contact</a></li>
  				</ul>
  			</nav>
      </header>

      <main>
        <section id="articles" class="articles tab-content">
          <div>
            <ul id="filters" class="filters">
              <li>
                <select id="date-filter" class="date-filter filter">
                  <option value="">-- Filter by Years --</option>
                </select>
              </li>
              <li>
                <select id="category-filter" class='category-filter filter'>;
                  <option value="">-- Filter by Categories --</option>
                </select>
              </li>
            </ul>
          </div>

          <div id="article-container">
          </div>

          <footer>
            <div class="latest-project"></div>
          </footer>
        </section>

        <section id="about" class="tab-content about">
          <header>
            <h1>Vien</h1>
            <h3>Web Dev Student at CodeFellows</h3>
          </header>
          <section>
            <img src="assets/aboutplaceholder1.gif" />
            <p>Fusce accumsan lacus at purus venenatis, vitae ullamcorper diam accumsan. Duis aliquet lacus nec nunc iaculis, in lobortis enim vehicula. Maecenas gravida dictum luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras hendrerit quam non enim feugiat, sit amet varius justo aliquam. Integer ac fermentum lacus, sit amet tincidunt lectus. Curabitur lectus risus, pretium eu suscipit vel, dictum et quam. Phasellus efficitur, ex pretium lobortis feugiat, turpis libero lobortis tellus, quis sodales magna orci vel dui. Quisque in lectus et nulla semper ultricies eget quis leo. Donec vitae erat pulvinar, consectetur quam vel, convallis leo. Pellentesque non scelerisque erat. Nam iaculis tellus vel tincidunt ultricies. Donec dapibus facilisis felis, vitae feugiat odio mattis sit amet. Vestibulum ligula sem, fermentum sed rhoncus a, fermentum congue quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            </p>
          </section>

          <div class="three-column-wrapper">
            <div class="column-left"><p>Phasellus pharetra cursus odio convallis tempor. Maecenas lobortis metus a maximus porta. Nullam diam tortor, volutpat quis ex sed, pellentesque pellentesque sapien. Suspendisse consectetur erat turpis, quis ultrices neque aliquet eget. Vivamus pretium pharetra ipsum, nec volutpat nisl volutpat a. Sed sed ex et metus cursus convallis non nec ex. Integer consequat nunc a lorem venenatis mollis. Integer cursus ligula nec vestibulum semper. Vivamus nec maximus tortor. Nulla in posuere eros. Pellentesque a lacinia sem. Vestibulum bibendum felis in odio luctus, eu tincidunt ante mattis. Quisque nec ligula sapien.<p></div>
            <div class="column-mid"><p>Phasellus pharetra cursus odio convallis tempor. Maecenas lobortis metus a maximus porta. Nullam diam tortor, volutpat quis ex sed, pellentesque pellentesque sapien. Suspendisse consectetur erat turpis, quis ultrices neque aliquet eget. Vivamus pretium pharetra ipsum, nec volutpat nisl volutpat a. Sed sed ex et metus cursus convallis non nec ex. Integer consequat nunc a lorem venenatis mollis. Integer cursus ligula nec vestibulum semper. Vivamus nec maximus tortor. Nulla in posuere eros. Pellentesque a lacinia sem. Vestibulum bibendum felis in odio luctus, eu tincidunt ante mattis. Quisque nec ligula sapien.<p></div>
            <div class="column-right"><p>Phasellus pharetra cursus odio convallis tempor. Maecenas lobortis metus a maximus porta. Nullam diam tortor, volutpat quis ex sed, pellentesque pellentesque sapien. Suspendisse consectetur erat turpis, quis ultrices neque aliquet eget. Vivamus pretium pharetra ipsum, nec volutpat nisl volutpat a. Sed sed ex et metus cursus convallis non nec ex. Integer consequat nunc a lorem venenatis mollis. Integer cursus ligula nec vestibulum semper. Vivamus nec maximus tortor. Nulla in posuere eros. Pellentesque a lacinia sem. Vestibulum bibendum felis in odio luctus, eu tincidunt ante mattis. Quisque nec ligula sapien.<p></div>
          </div>
        </section>

        <section id="contact" class="contact">
        </section>

        <section id="git-repo" class="git-repo">
          <h1>Latest updated repos</h3>
          <ul>
            <li>Repos Place Holder</li>
          </ul>
        </section>
      </main>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.4/handlebars.js"></script>
    <script src="js/app.js" type="text/javascript"></script>
    <script src="/data/localPortfolioData.js" type="text/javascript"></script>
    <script src="/vendor/scripts/page.js"></script>

    <script src="/js/models/articles.js" type="text/javascript"></script>
    <script src="/js/models/gitRepo.js" type="text/javascript"></script>

{'fraction_non_alphanumeric': 0.14159845029057053, 'fraction_numerical': 0.0038742735737049305, 'mean_word_length': 3.094141724226145, 'pattern_counts': {'":': 0, '<': 347, '<?xml version=': 0, '>': 347, 'https://': 6, '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': '6216414', 'n_tokens_mistral': 5356, 'n_tokens_neox': 5113, 'n_words': 1362}